Checkbox et confirm

**Tchupa** · 24/06/2008, 16h00

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

**Matthieu2000** · 24/06/2008, 17h36

checked

**devin59** · 24/06/2008, 17h42

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
<input type="checkbox" name="grande" onClick="surcout()" />

c'est ca ???

Personnellement j'aurais mis :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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
	}
}
}

**E.Bzz** · 24/06/2008, 17h47

Voire même

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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+

**Tchupa** · 24/06/2008, 19h30

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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>&nbsp;<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>

**Tchupa** · 25/06/2008, 08h35

Au secour svp! c'est pour cet aprem

**Bovino** · 25/06/2008, 09h01

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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...

**Tchupa** · 25/06/2008, 09h20

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.

**E.Bzz** · 25/06/2008, 09h37

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+

**Tchupa** · 25/06/2008, 09h46

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.

**Bovino** · 25/06/2008, 09h52

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

puis ton javascript :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
function clicimage(x)
{
	document.library.prix.value=x;
}

**Tchupa** · 25/06/2008, 10h14

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

**Bovino** · 25/06/2008, 10h46

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

Et

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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...

**devin59** · 25/06/2008, 17h00

Salut !!

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

genre :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

et dans sa fonction :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

**Bovino** · 25/06/2008, 19h37

Si, c'est possible...

Checkbox et confirm

JavaScript

Discussions similaires

Partager

Partager