comment cacher une checkbox

Version imprimable

hello

comment cacher une checkbox dans un formulaire ( qui est remplacer par des images?

voici mon javascript:
Code:

1 2 3 4 5 function turnImgCheck(objCheck) { var img = document.getElementById('img_check_' + objCheck.id); var t = img.src.split('/'); img.src = (t[t.length-1] == 'http://localhost/images/boulesb1.png') ? 'http://localhost/images/boule1.png' : 'http://localhostl/images/boulesb1.png';
voici mon html :

Code:

<input type="checkbox" name="boule" id="boule" value="1" onclick="turnImgCheck(this); setChecksb(this)" /><img src="http://localhost/images/boule1.png" id="img_check_boule" alt=""></td></div>';

fred

16/06/2009, 19h03
SpaceFrog

pourquoi ne pas utiliser un input hidden ?
16/06/2009, 19h17
fcolin

le hidden

merci pour ta reponce mais le <type="hidden" me fait une text box oubien je m'y prend mal

par contre j'arrive avec la css mais le prob c'est que l'image ne fait plus l'effet voulu ( pas clickable ni changement d'etat)

fred
16/06/2009, 19h31
SpaceFrog

pour le textbox oui
mais il suffit de basculer la valeur du checkbox dedans sur le click en l'image si elle est cochée ou pas
16/06/2009, 19h55
fcolin

genial cela fonctionne je ne savais pas que je pouvais avoir que je pouvais avoir input=hidden je me trompais de place pour le hidden.

par contre quand c'est selectionner je ne peux plus avoir l'image 1 elle rester en position 2 as tu in idee

fred.

2 pièce(s) jointe(s)

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<script type='text/javascript'>
var tabimg=new Array()
tabimg[0]=new Image();
tabimg[0].src='notclicked.gif';
tabimg[1]=new Image();
tabimg[1].src='clicked.gif';
 
function toggleclick(obj){
obj.src=(obj.src.indexOf(tabimg[0].src)>-1)?tabimg[1].src:tabimg[0].src
}
</script>
 
</head>
 
<body>
 
<img src="notclicked.gif" id="pseudocheck1"  onmouseup="toggleclick(this);" />
</body>
 
</html>

16/06/2009, 20h19
SpaceFrog

[edit] modifié pour passer sur onmouseup qui régit mieux
16/06/2009, 20h42
fcolin

genial cela fonctionne

si je pouvais je t'enverais un sixpack de choppe belge par mail

fred
16/06/2009, 20h49
SpaceFrog

C'est l'intention qui compte ;) et si jamais tu passes dans le coin un jour :D
16/06/2009, 21h05
fcolin

aie quand j'applique cela sur mes 49 boules et j'ai que la derniere boule qui a la bonne image

as tu une idee

fred.

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
36
37
38
39
40
41
42
43
44
45
46
47
48
49
<html>
 
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
 
<title>Nouvelle page 1</title>
<script type='text/javascript'>
var tabimg=new Array()
tabimg[0]=new Image();
tabimg[0].src='notclicked.gif';
tabimg[1]=new Image();
tabimg[1].src='clicked.gif';
 
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;
}
 
function verif(myform){
var result="";
for (i=0;i<myform.getElementsByTagName('input').length-1;i++){
  var etat=(myform.getElementsByTagName('input')[i].disabled)?'désactivé':'activé';
 result +=myform.getElementsByTagName('input')[i].name + ' est ' +etat+ '\n';
 }
 alert (result)
 }
 
</script>
 
</head>
 
<body>
 <form action="#" onsubmit="verif(this)" name="leform" />
<img src="notclicked.gif" id="pseudocheck1"  onmouseup="toggleclick(this);" /><br/>
<input type="hidden" name="hidden1" value="valeur 1" disabled=""/>
<img src="notclicked.gif" id="pseudocheck2"  onmouseup="toggleclick(this);" /><br/>
<input type="hidden" name="hidden2" value="valeur 2" disabled="disabled"/>
<img src="notclicked.gif" id="pseudocheck3"  onmouseup="toggleclick(this);" /><br/>
<input type="hidden" name="hidden3" value="valeur 3" disabled="disabled" />
<img src="notclicked.gif" id="pseudocheck4"  onmouseup="toggleclick(this);" /><br/>
<input type="hidden" name="hidden4" value="valeur 4" disabled="disabled" />
<img src="notclicked.gif" id="pseudocheck5"  onmouseup="toggleclick(this);" /><br/>
<input type="hidden" name="hidden5" value="valeur 5"disabled="disabled" />
<input type="submit" name="sub" value="envoyer" />
</form>
</body>
 
</html>

18/06/2009, 16h57
fcolin

SpaceFrog

peux tu commenter plus le code car je n'y comprend rien.

lors de la validation du formulaire la valeur est ajouter meme si elle n'est pas cocher

as tu une idee ?

merci d'avance

fred.
18/06/2009, 17h06
SpaceFrog

les input de type hidden sont soumis même si ils sont disabled ????

il faut passer par le display none alors