bouton PayPal remplacement

Question

Paypal offre un bouton avec le code suivant:

<form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top"> 
<input type="hidden" name="cmd" value="_s-xclick"> 
<input type="hidden" name="hosted_button_id" value="96FKD7W4CCMEE"> 
<input type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_buynowCC_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!"> 

Je préférerais utiliser mon propre bouton au lieu du paypal « acheter maintenant » bouton offert ici. Le code pour le bouton que je voudrais est:

<div style="background-color:#000000;color:#ffffff;" class="button"><p align="center" style="font-size:30px;">Purchase</p></div> 

.button { 
background-color:#64A9FD; 
padding:20px; 
width:200px; 
cursor:pointer; 
opacity:0.8; 
} 

Comment puis-je remplacer le bouton paypal pour le mien.

Ce que j'ai essayé:

Blotti mon bouton entre les balises de début de forme et de fin - bouton de paypal a montré encore

Supprimer l'étiquette - le bouton ne fonctionne pas du tout

Suppression du « src = » « » dans la balise - le texte alternatif me lié à la destination mais en cliquant sur le bouton ne l'ont pas

Answer 1

Live Demo

Donnez la div un ID par exemple mySubmit, enlever l'image puisqu'il est nommé « soumettre » qui demande bloquer via le script (sauf si vous cliquez dessus) et ne

window.onload=function() { 
    document.getElementById("mySubmit").onclick=function() { 
    document.forms[0].submit(); 
    } 
} 

en supposant que le paypal forme est la première sur la page

IF paypal Insiste sur un bouton ayant appelé soumettons, vous pouvez essayer de cacher la forme, changer l'image à un bouton fournir et utiliser

window.onload=function() { 
    document.getElementById("mySubmit").onclick=function() { 
    document.getElementsByName("submit")[0].click(); 
    } 
} 

où à nouveau [0] est le premier élément nommé soumettre sur la page

Answer 2

Vous pouvez également le faire avec jQuery. Utilisez ce code -

jQuery(document).ready(function(){ 
    jQuery('input[type="image"][name="submit"][alt]').replaceWith('<input type="submit" name="submit" id="paypal-btn" value="Buy Now" alt="PayPal - The safer, easier way to pay online!">'); 
}); 

et dans votre stylesheet.css mettre ces codes css pour l'image d'arrière-plan

#paypal-btn{background:url(images-path); 
color:transparent; 
} 

Remarque: comment le code CSS ci-dessus et ajoutez votre code CSS donné pour le bouton.