Discussion :

[Baldy]

Bonjour

J'ai le code JS suivant :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
function cacher(){
			var champs = document.getElementsByTagName('input');
			for(var i=0;i<champs.length;i++) {
				var c = champs[i];
				if(c.type.toLowerCase( )== 'checkbox' && c.name == 'demi' && c.checked){
					document.getElementById('test').style.display = "block";
				}
				else{
					document.getElementById('test').style.display = "none";
				}
			}
		}

Normalement il me permet de cacher/afficher la ligne d'un tableau lorsque je coche/décoche une checkbox :

Code :

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

1
2
3
4
5
6
7
...
matin <input type="checkbox" name="demi" value="matin" onClick="javascript:cacher();" /> apr&egrave;s-midi <input type="checkbox" name="demi" value="am" onClick="javascript:cacher();" />
						</td>
					</tr>
					<tr id="test">
						<td>Date de fin</td>
...

Le fait de cocher une case me cache bien la ligne. Par contre le fait de la décocher n'affiche pas à nouveau la ligne.

Que faut-il faire?

Merci

[Bovino]

Code :

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

document.getElementById('test').style.display = "block";

Le display d'une balise <tr> ,'est pas block mais table-row, qui n'est pas reconnu par tous les navigateurs.
Le plus simple est d'attribuer une chaine vide qui rétablira la valeur par défaut :

Code :

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

document.getElementById('test').style.display = "";

Ceci dit, je doute fort que le code fonctionne si tu coches le premier checkbox...

[Baldy]

Le fait de mettre une chaîne vide ne change rien, la ligne du tableau ne s'affiche toujours pas. Même chose avec "table-row".

Du coup je me demande si il faudrait que je cache autre chose que le TR du tableau ...

[bigboomshakala]

mets des alert() dans ton code et tu comprendras tout de suite le problème

ta ligne ne réapparaîtra que si tu coches les 2 checkbox

[Bovino]

Reste aussi à savoir si "test" est bien un id unique dans la page.

[Baldy]

On m'avait que les tableaux HTML c'était le démon!

Finalement j'ai revu ma mise en page, j'utilise maintenant les P et DIV et évidemment ça marche beaucoup mieux.

Je vous ai embêté pour rien.