Discussion :

[eric41]

Bonjour,
Je cherche à masquer/afficher sur un clic une ligne de tableau

Code :

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

1
2
3
4
5
6
7
8
9
10
11
function aff_filtre()
{
	if(document.getElementById('filtre_tr').style.display=='none')
	{
	document.getElementById('filtre_tr').style.display = 'block';
	}
	else
	{
	document.getElementById('filtre_tr').style.display = 'none';
	}
}

Le masquage fonctionne, mais l'affichage a une conséquence inattendue....

Avant masquage :


Après réaffichage :


Le code du tableau est comme ceci :

Code :

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

1
2
3
4
5
 
<tr id="filtre_tr">
  <td>....</td>
  <td>....</td>
</tr>

[CosmoKnacki]

C'est normal la valeur par défaut de la propriété display pour une ligne de tableau (tr) n'est pas block mais table-row, donc essaye avec ça:

Code :

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

1
2
3
4
5
6
function aff_filtre() {
    if(document.getElementById('filtre_tr').style.display=='none')
        document.getElementById('filtre_tr').style.display = 'table-row';
    else
        document.getElementById('filtre_tr').style.display = 'none';
}

[eric41]

Merci, ça marche.
J'avais lu sur un site que style.display n'acceptait que block, inline et none. C'est visiblement incomplet. Il y a d'autres valeurs possibles ?

[Spartacusply]

Voilà la liste du w3c : http://www.w3.org/wiki/CSS/Properties/display

[eric41]

effectivement, la liste est plus complète que ce que j'avais. Merci