Discussion :

[cyberzoide]

bonjour,

J'ai un tableau de 2 colonnes où certaines lignes TR invisibles peuvent être affichées ou cachée à volonté (via du JavaScript) via la propriété display du TR (none / block).

je constate un bug sous Mozilla Firefox 1.5.0.2 (mais pas sous IE6) :

la largeur de la cellule TD (colspan="2") du TR ne prend pas toute la largeur de la TABLE mais seulement celle de la premire colonne !!!

Est-ce un bog connu, ais-je mal positionné mes CSS ?

[franculo_caoulene]

Salut,

block n'est pas le comportement normal d'un <tr>. En javascript essaye d'utiliser une chaîne vide pour réafficher le <tr> :

Code :

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

document.getElementById("monTR").style.display = "";

[cyberzoide]

Salut,

block n'est pas le comportement normal d'un <tr>. En javascript essaye d'utiliser une chaîne vide pour réafficher le <tr> :

Code :

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

document.getElementById("monTR").style.display = "";

oui ça marche, en revanche pour mes autres balises DIV, je suis obliger d'utilsier le block pour conserver les styles de type marge
je dois donc faire deux fonctions JS distinctes

[franculo_caoulene]

hum... t'es sûr? Pour moi, mettre une chaîne vide c'est lui indiquer de prendre son comportement par défaut. Or les <div> sont bien de type bloc.

[Auteur]

hum... t'es sûr? Pour moi, mettre une chaîne vide c'est lui indiquer de prendre son comportement par défaut. Or les <div> sont bien de type bloc.

je pense aussi que si tu mets un display="" sur un div, tu ne devrais pas avoir de problème.

je suis obliger d'utilsier le block pour conserver les styles de type marge je dois donc faire deux fonctions JS distinctes

Pas nécessairement, si le display="" est problèmatique tu peux faire un test :

Code :

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

1
2
3
4
5
6
7
 
 
var elmt = document.getElementById("monID");
if (elmt.nodeName=="DIV")
 elmt.style.display="block";
else
 elmt.style.display="";