Discussion :

[fcolin]

hello

me revoici avec mon form

le souci c'est que quand je selectione une boule le compteur de checkbox compte bien mais pas quand je le déselectionne ( il ne fait pas -1 )

si j'inverse les +1 et -1 dans le script le compteur ne fonctionne plus que avec les checkbox normeaux

les boules selectionner ne sont plus envoyer dans la db ni dans la page de resultat (= http://localhost/site/index.php?opti...de&view=valide)

avez vous une idee


voici mes codes

javascript conteur de checkbox

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
<!--//checkbox loto avec limite 5 script-->
 
 
//initial checkCount of zero
var checkCountb=0
 
//maximum number of allowed checked boxes
var maxChecksb=5
 
 
 
function setChecksb(obj){
//increment/decrement checkCount
if(obj.checked){
checkCountb=checkCountb-1
}else{
checkCountb=checkCountb+1
}
alert(checkCountb)
//if they checked a 6th box, uncheck the box, then decrement checkcount and pop alert
if (checkCountb>maxChecksb){
obj.checked=false
checkCountb=checkCountb-1
alert(+maxChecksb+' boules MAX')
}
}

javascript changement image des boules

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
36
37
38
39
40
41
//Checkbox1
 
var tabimg=new Array()
tabimg[0]=new Image();
tabimg[0].src='http://localhost/site/components/com_loto/views/loto/tmpl/images/boule1.png';
tabimg[1]=new Image();
tabimg[1].src='http://localhost/site/components/com_loto/views/loto/tmpl/images/boulesb1.png';
 
function toggleclick(obj){
 
hiddenname=obj.id.replace(/\D+/,'hidden')
obj.src=(obj.src.indexOf(tabimg[0].src)>-1)?tabimg[1].src:tabimg[0].src
document.getElementsByName(hiddenname)[0].disabled=(obj.src.indexOf(tabimg[0].src)>-1)?true:false;
 
}
 
//Checkbox2
 
var tabimg2=new Array()
tabimg2[0]=new Image();
tabimg2[0].src='http://localhost/site/components/com_loto/views/loto/tmpl/images/boule2.png';
tabimg2[1]=new Image();
tabimg2[1].src='http://localhost/site/components/com_loto/views/loto/tmpl/images/boulesb2.png';
 
function toggleclick2(obj){
 
hiddenname=obj.id.replace(/\D+/,'hidden')
obj.src=(obj.src.indexOf(tabimg2[0].src)>-1)?tabimg2[1].src:tabimg2[0].src
document.getElementsByName(hiddenname)[0].disabled=(obj.src.indexOf(tabimg2[0].src)>-1)?true:false;
}
 
 
//Checkbox3
 
var tabimg3=new Array()
tabimg3[0]=new Image();
tabimg3[0].src='http://localhost/site/components/com_loto/views/loto/tmpl/images/boule3.png';
tabimg3[1]=new Image();
tabimg3[1].src='http://localhost/site/components/com_loto/views/loto/tmpl/images/boulesb3.png';
 
}

mon formulaire

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
<table><form action="http://localhost/site/index.php?option=com_valide&view=valide" id="loto" name="loto" method="POST">';
	echo '<tr>
 
<td><input="hidden"  type="checkbox" name="boule1" id="boule1" value="1" onclick="setChecksb(this)"  /><img src="http://localhost/site/components/com_loto/views/loto/tmpl/images/boule1.png" onclick="toggleclick(this)" /></td>
 
<td><input="hidden" type="checkbox" name="boule2" id="loto" value="2" onclick="setChecksb(this)"  /><img src="http://localhost/site/components/com_loto/views/loto/tmpl/images/boule2.png" onclick="toggleclick2(this)" /></td>
 
<td><input="hidden" type="checkbox" name="boule3" id="boule3" value="3" onclick="setChecksb(this)"  /><img src="http://localhost/site/components/com_loto/views/loto/tmpl/images/boule3.png" onclick="toggleclick3(this)" /></td>
 
 
 
</tr></table></form>

merci d'avance


fred.

[SPACHFR]

Juste un petit conseil.

Dans un premier temps épure ton code, tu as beaucoup de fonctions ayant exactement le même code (a part des valeurs)
ex : toggleclickx (de 1 a 9)

Tu pourrais passer l'id lors de l'appel par

Code :

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

1
2
 
onclick="toggleclick(this.id)"

Puis lors dans ta fonction :

Code :

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

1
2
3
4
5
6
7
 
function toggleclick(ObjId){
 Obj = document.getElementById(ObjId);
~~
~~
~
}

Idem pour la fonction setChecksb, passe l'ID.
Commence par épurer toute tes fonctions récurrentes, le debug sera plus facile

[fcolin]

je fait comment alors pour les images qui sont pas les meme pas le meme nom, ..... pour chaque fonction ....