Discussion :

[Gado2600]

Bonjour,

Je débute en HTML, PHP, CSS & JS et je suis un peu bloqué sur le masquage d'une case à cocher.
J'ai ce code dans un fichier HTML :

Code html :

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

1
2
3
4
5
<label for="maListe">C'est ma liste :</label>
<select id="maListe" name="maListe" onchange="funclst_AffCheckBox('maListe', 'maChk')">				
	<?php echo funcLstObtentions();?>					
</select>
<input type="checkbox" id="maChk" name="maChk" value="off">Hello the World ?</input>

et ce code dans un fichier JS :

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
function funclst_AffCheckBox(lst, chk)
{
	try
	{
		var myLst = document.getElementById(lst);
		var myChk = document.getElementById(chk);
 
		i = myLst.selectedIndex;
 
		if (i == 0)
		{
			myChk.style.visibility = 'hidden';
		}
		else
		{
			myChk.style.visibility = 'visible';
		}
	}
	catch(err)
	{
		alert('Erreur rencontrée. ' +
          '\nNom de l\'erreur : ' + err.name +
          '\nMessage d\'erreur : ' + err.message +
          '\nEmplacement de l\'erreur : ' + err.stack);
	}
}

Je ne sais pas si c'est le plus optimal mais ça fonctionne dans l'ensemble.
J'ai un peu galéré déjà pour avoir un semblant de résultat, vu les différentes méthodes présentées sur les forums/tutoriels et le côté débile dont j'ai pu faire preuve pour faire fonctionner ça.

Je dis que ça fonctionne dans l'ensemble car lorsque je cherche à masquer la checkbox, le label associé "Hello the World ?" reste affiché (ce que je ne souhaite pas, évidemment).
Je n'ai cependant aucune idée de comment je pourrais orienter ma recherche pour trouver une solution.

Merci d'avance,

[SpaceFrog]

Je ne vois à aucun moment une instruction dans ton code pour masquer le label...

Code :

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

var myChk = document.getElementById(chk);

ne pointe que sur id=maChk

Soit tu mets aussi un id rationnel lié à l'id du checkbox pour le masquer,
soit tu mets le tous dans un elements de type div et tu masques le div (avec par exemple parentNode... )

[Gado2600]

Bonjour SpaceFrog,

Merci !
Effectivement, en passant par un div, c'est mieux !

Donc en gros, à la création d'une checkbox, le label est totalement dissocié de celle-ci ?

Trop l'habitude de gérer ces trucs en VBA...

Bonne journée

[SpaceFrog]

Sauf au moyen du for qui le lie => un click sur le label coche l'élement for lié ...
Mais pour le cacher il n'est pas lié ...

[Gado2600]

Bonjour,

Merci pour l'information !
J'ai déjà vu l'histoire du for pour lier le label à un objet mais comme le label était déjà associé à la checkbox, je n'ai pas cherché plus loin.

Bonne journée !