Checkbox et confirm

Version imprimable

24/06/2008, 16h00
Tchupa

Checkbox et confirm
Bonjour à tous voilà je suis entrain de faire un petit script en javascript et je voudrais que lorsque la personne coche la case un message d'avertissement de l'option sélectionner s'affiche dans une boite de dialogue avec les boutons ok et annuler, et si l'utilisateur fait annuler la case se décoche automatiquement.

Pour le moment j'ai fait ceci c'est pour commander des pizzas et si la personne coche "grande" elle a un surcout de 2€
Code:

1 2 3 4 5 6 7 function surcout() { if(document.commande.grande.checkbox==true) {confirm('Vous aurez un surcout de 2€');} else{ document.commande.grande.checkbox==false; } }
Mais ça ne fonctionne pas donc si quelqu'un peut m'aider en vous remerciant.
Amicalement
24/06/2008, 17h36
Matthieu2000

Citation:

checked

Salut !!

J'ai pas tout compris à ton code, (surtout à : document.commande.grande.checkbox <== connais pas :'.checkbox')
Perso j'ai cru comprendre que tu avais un checkbox avec un truc du genre:
Code:

1 2 <input type="checkbox" name="grande" onClick="surcout()" />
c'est ca ???

Personnellement j'aurais mis :
Code:

1 2 <input type="checkbox" name="grande" onClick="surcout(this)" />
pour qu'elle puisse être réutilisable si il y'a lieu

Donc dans ta fonction surcout()
Code:

1 2 3 4 5 6 7 8 9 10 11 function surcout(monCheck) { if (monCheck.checked) // vérifie si il est bien coché. c'est équivalent à monCheck.checked == true { if(!confirm('Vous aurez un surcout de 2€')) // je regarde si il a appuyer sur annuler, donc que cela nous renvoir false { monCheck.checked =false; // je décoche } } }

Voire même

Code:

1
2
3
4
5
function surcout(monCheck)
{
if (monCheck.checked) // vérifie si il est bien coché. c'est équivalent à monCheck.checked == true
	monCheck.checked =confirm('Vous aurez un surcout de 2€'); // je décoche ou decoche suivant le choix
}

;)

A+

ok ça marche par contre maintenant j'ai un autre soucis donc je continue ici je vais pas recréer un topic pour ça ;)
Donc je voudrais que lorsque l'on clic sur l'image d'une pizza le prix change tout seul dans le champ de saisie prix pour le moment j'ai tester ça
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 <HTML> <HEAD> <TITLE></TITLE> <script type="text/javascript"> function clicimage(x) { document.library.photopizza.src=+x".jpg" if(x=="lareine") c=7; else if(x=="lecossais") c=7; else if(x=="lafrom") c=6; else if(x=="shawarma") c=8; document.library.prix.value=c; } </script> </HEAD> <BODY> <FORM name="library"> <table> <tr> <td><img src="lareine.jpg" name="photopizza" onClick="clicimage(this.value)"></td> <td><img src="lecossais.jpg" name="photopizza" onClick="clicimage(this.value)"></td> </tr> <tr> Prix:<INPUT type="text" size="3"name="prix" value="7">€ </tr> </table> </FORM> </BODY> </HTML>

25/06/2008, 08h35
Tchupa

Au secour svp! c'est pour cet aprem :(
25/06/2008, 09h01
Bovino

Code:

onClick="clicimage(this.value)

C'est quoi this.value pour une image ???
Si ce que tu veux c'est récupérer le nom de l'image, il te faut utiliser this.src. Mais tu sembles oublier que src contient l'extension de la source...
Dans ton cas, je pense que le plus judicieux serait de rajouter l'attribut alt (obligatoire du reste en xhtml) avec le nom de la pizza en question et de récupérer this.alt...
25/06/2008, 09h20
Tchupa

Non quand tu clic sur la pizza je veux qu il affiche son prix dans le champs de saisie et sélectionne automatiquement le nom de la pizza dans la liste déroulante.
25/06/2008, 09h37
E.Bzz

Citation:

Envoyé par Tchupa

Non quand tu clic sur la pizza je veux qu il affiche son prix dans le champs de saisie et sélectionne automatiquement le nom de la pizza dans la liste déroulante.

Et bien utilise le ALT pour stocker le prix. L'utilisateur le connaitra ainsi avant de cliquer ...

Quelle liste déroulante ?

A+
25/06/2008, 09h46
Tchupa

Citation:

Envoyé par E.Bzz

Et bien utilise le ALT pour stocker le prix. L'utilisateur le connaitra ainsi avant de cliquer ...

Quelle liste déroulante ?

A+

Je l'ai pas mise encore dans le code mais se sera une liste déroulante qui permettra de sélectionner la pizza grâce a son nom et indiquera aussi le prix quand il sera sélectionner.
Donc soit vous cliquez sur l'image soit vous choisissez la pizza dans une liste déroulante, dans les deux cas de sélection ça doit afficher le prix dans la case de saisie.
En résumé pour être sur de bien me faire comprendre, un clic sur une image de pizza entraÎne automatiquement la sélection du nom de la pizza dans la liste de pizza et l'affichage de son prix dans le champ de saisie "prix".

Serait -il possible d'avoir un exemple avec le alt car je ne sais pas si ma fonction convient ou pas . :( (Je tiens a signaler que je débute dans ce langage).
En vous remerciant.
Amicalement.
25/06/2008, 09h52
Bovino
Code:

<td><img src="lareine.jpg" name="photopizza" alt="7" onClick="clicimage(this.alt)"></td>...

puis ton javascript :
Code:

1 2 3 4 function clicimage(x) { document.library.prix.value=x; }
25/06/2008, 10h14
Tchupa

J'ai compris pour le alt je récupère le prix directement dans le HTML par contre la fonction je comprends pas désolé et elle me parait bien maigre non ?
J'ai tester et ça fonctionne pas , en + je ne vois pas comment récupérer le nom de la pizza au clic sur l'image :(
25/06/2008, 10h46
Bovino
Code:

<img src="lareine.jpg" name="photopizza" alt="7" onClick="clicimage(this)">

Et
Code:

1 2 3 4 5 function clicimage(x) { document.library.prix.value=x.alt; var nomPizza = x.name; }
EDIT
Ceci dit, name n'est pas un attribut valable pour la balise img...

Salut !!

Au pire il peut pas tt mettre dans le "alt" et séprarer après ?

genre :
Code:

1 2 <td><img src="lareine.jpg" name="photopizza" alt="7~la reine" onClick="clicimage(this.alt)"></td>...
et dans sa fonction :
Code:

1 2 3 4 5 6 function clicimage(x) { document.library.prix.value=x.split('~')[0]; var nomPizza=x.split('~')[1]; }

25/06/2008, 19h37
Bovino

Si, c'est possible...