5568 sujets

Sémantique web et HTML

Liste déroulante HTML avec renvoi vers des liens avec bouton

Bonjour,

J'aurais besoin d'un petit service pour la PWA que j'ai fais pour mon association s'il vous plait car je n'y arrive pas comme je ne connais pas trop le HTML et d'ailleurs la programmation tout court.

Il faudrait que je reproduise ce que j'ai envoyé en pièce jointe et cela en HTML.
On peut y sélectionner la taille désiré (S, M, L, XL, XXL) et j'ai un lien internet paypal pour chaque taille donc je voudrais quand je sélectionne S admettons que quand on clique sur "ajouter au panier" ça m'ouvre le lien internet que j'ai pour S et ainsi de suite pour M, L, XL et XXL.

Je vous donne un exemple de lien: https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=CYGDV6EF3BW9E

et le lien de l'image du bouton est: https://www.paypalobjects.com/fr_FR/FR/i/btn/btn_cart_LG.gif

Si vous pouvez m'aider ça serait génial, je m'en sors pas mais le code doit être en HTML absolument apparement sinon ça marche pas.

En cherchant j'ai réussi à faire ça, mais je n'arrive pas à faire que le bouton de validation avec l'image marche et renvoi vers le lien de la taille sélectionné, en général quand je sélectionne le lien s'ouvre directement.

<head>
  <title>Taille</title>
</head>
<body>
<tr><td>Taille:</td></tr>
<select name="Taille" onChange="location.href=''+this.options[this.selectedIndex].value+'';">
           <option value="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=CYGDV6EF3BW9E">S</option>
           <option value="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=LHF3XQ88M3BVS">M</option>
       </select>
</body>


Merci
J'ai trouvé ça, c'est peut être beaucoup mieux et surtout ça marche très bien mais je sais pas comment on remplace le bouton par l'image: https://www.paypalobjects.com/fr_FR/FR/i/btn/btn_cart_LG.gif et aussi que le bouton soit en dessous la liste car la il est collé à droite de la liste. Si vous pouvez m'aider à finaliser ça s'il vous plait. Merci

<SCRIPT>
    function Listederoulante() {
	  i = document.Choix.Liste.selectedIndex;
	  if (i == 0) return;
        url = document.Choix.Liste.options[i].value;
	    parent.location.href = url;
    }
  </SCRIPT>
 
<form name="Choix" method="post">
     <SELECT NAME="Liste">
     <OPTION VALUE="0">Taille</option>
     <OPTION VALUE="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=CYGDV6EF3BW9E">S</option>
     <OPTION VALUE="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=LHF3XQ88M3BVS">M</option>
     <OPTION VALUE="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=HHVFMXZJ4LAJS">L</option>
     <OPTION VALUE="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=9LW54TP6JH7WW">XL</option>
     <OPTION VALUE="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=S83RPP3BJMLR2">XXL</option>

</form>
<input type="button" value="Ajouter au panier" onClick="Listederoulante()">
Bonjour schumii,

Tu peux essayer <input type="image" src="">
ou un <button type="button"><img></button> mais il fait modifier le fond gris avec une css

Perso, à première vue j'aurai fait un truc plutôt comme cela 


<SCRIPT>
    function havetaille(oEvent) {
var oForm = oEvent.currentTarget;
	 if(oForm.hosted_button_id.value=="0"){
            //Traitement de l'erreur  
             return false;
         } 
        return true;
    }
  </SCRIPT>
<form name="Choix" method="get" action="https://www.paypal.com/cgi-bin/webscr" onsubmit="return havetaille(event)">
<input type="hidden" name="cmd" value="_s-xclick"> 
     <SELECT NAME="hosted_button_id">
     <OPTION VALUE="0">Taille</option>
     <OPTION VALUE="CYGDV6EF3BW9E">S</option>
     <OPTION VALUE="LHF3XQ88M3BVS">M</option>
     <OPTION VALUE="HHVFMXZJ4LAJS">L</option>
     <OPTION VALUE="9LW54TP6JH7WW">XL</option>
     <OPTION VALUE="S83RPP3BJMLR2">XXL</option>
</SELECT>
<input type="submit" value="Ajouter au panier" >
</form>

Modifié par aliasdmc (29 Aug 2018 - 20:19)
Sujet clos
Aller à