OVH Cloud OVH Cloud

problème de display

7 réponses
Avatar
Démosthene
Bonjour à tous,

Voici mon problème :
Je souhaite masquer puis réafficher des lignes d'un tableau.
J'ai donc mis un "id" et un "display: none" sur les lignes concernées.

et j'utilise :

document.getElementById("tr_1").style.display = "inline";

Autant IE fonctionne correctement autant FF ne réagit pas comme je
l'aurais souhaité. Au réaffichage il oublie la notion de tableau et
réaffiche tout en bloc.

J'ai essayé sur les différents contenus de mes lignes sans succès.

Pour l'instant je joue sur les visibilités mais l'espace blanc dérange
ma maquette.

Comment dois-je procéder ?

Merci de votre aide

Démosthène

7 réponses

Avatar
ASM
Démosthene wrote:
Bonjour à tous,

Voici mon problème :
Je souhaite masquer puis réafficher des lignes d'un tableau.
J'ai donc mis un "id" et un "display: none" sur les lignes concernées.

et j'utilise :

document.getElementById("tr_1").style.display = "inline";


on l'a dit et redit
pour revenir au style par défaut :

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

et bien sûr on se sert du JS pour de-displayer à l'ouverture

document.getElementById("tr_1").style.display = "none";

Autant IE fonctionne correctement autant FF ne réagit pas comme je
l'aurais souhaité. Au réaffichage il oublie la notion de tableau et
réaffiche tout en bloc.


bien sûr puisqu'il faut employer :
document.getElementById("tr_1").style.display = "table-row";

Cet IE alors ! avec ses approximations !
y nous fout un d'ces bazar !




--
Stephane Moriaux et son [moins] vieux Mac

Avatar
O.L.
ASM a émis l'idée suivante :
Démosthene wrote:
[...]

Autant IE fonctionne correctement autant FF ne réagit pas comme je l'aurais
souhaité. Au réaffichage il oublie la notion de tableau et réaffiche tout
en bloc.


bien sûr puisqu'il faut employer :
document.getElementById("tr_1").style.display = "table-row";

Cet IE alors ! avec ses approximations !
y nous fout un d'ces bazar !


Ca existe ?? :-O
Tu n'aurais pas une page qui détaillerait tous les valeurs possibles
pour le display ?
Pour moi, y'avait que none, inline et block :D


Avatar
ASM
O.L. wrote:
ASM a émis l'idée suivante :

bien sûr puisqu'il faut employer :
document.getElementById("tr_1").style.display = "table-row";

Cet IE alors ! avec ses approximations !
y nous fout un d'ces bazar !


Ca existe ?? :-O
Tu n'aurais pas une page qui détaillerait tous les valeurs possibles
pour le display ?
Pour moi, y'avait que none, inline et block :D


à vot' service mon bon mossieur :
http://www.yoyodesign.org/doc/w3c/css2/sample.html
ou
http://www.yoyodesign.org/doc/w3c/css2/tables.html#value-def-table-row
et pour les tables :
http://www.yoyodesign.org/doc/w3c/css2/tables.html

google -> yoyodesign table-row
et hop! une page de sites en parlant

et toujours avoir cet url à portée :
http://www.yoyodesign.org/doc/w3c/css2/indexlist.html

--
Stephane Moriaux et son [moins] vieux Mac


Avatar
O.L.
ASM avait énoncé :
O.L. wrote:
ASM a émis l'idée suivante :

bien sûr puisqu'il faut employer :
document.getElementById("tr_1").style.display = "table-row";

Cet IE alors ! avec ses approximations !
y nous fout un d'ces bazar !


Ca existe ?? :-O
Tu n'aurais pas une page qui détaillerait tous les valeurs possibles pour
le display ?
Pour moi, y'avait que none, inline et block :D


à vot' service mon bon mossieur :
http://www.yoyodesign.org/doc/w3c/css2/sample.html
ou
http://www.yoyodesign.org/doc/w3c/css2/tables.html#value-def-table-row
et pour les tables :
http://www.yoyodesign.org/doc/w3c/css2/tables.html

google -> yoyodesign table-row
et hop! une page de sites en parlant

et toujours avoir cet url à portée :
http://www.yoyodesign.org/doc/w3c/css2/indexlist.html


Wow, il suffit de demander ! :)
Merci bien ...



Avatar
Démosthene
Merci beaucoup,

on l'a dit et redit
pour revenir au style par défaut :

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

et bien sûr on se sert du JS pour de-displayer à l'ouverture

document.getElementById("tr_1").style.display = "none";


J'attaque la modification sur mon travail cet après-midi.

bien sûr puisqu'il faut employer :
document.getElementById("tr_1").style.display = "table-row";


Cette ligne fonctionne sur les deux navigateurs ? Où faut-il dissocier
le code ?

A ce soir pour la synthèse

Démosthène

Avatar
ASM
Démosthene wrote:
Merci beaucoup,

document.getElementById("tr_1").style.display = "table-row";


Cette ligne fonctionne sur les deux navigateurs ?


Je ne suis pas certain ... je n'ai essayé que sur un truc
un peu compliqué (clonage de rangées) et IE m'y met la zône
et je ne sais pas pourquoi.
http;//perso.wanadoo.fr/stephane.moriaux/web_dom/clones/test_clones_css_dom.shtml

Où faut-il dissocier
le code ?


tu essaies et tu nous dis :-)

A ce soir pour la synthèse


à ce soir

--
Stephane Moriaux et son [moins] vieux Mac


Avatar
Olivier Miakinen
Le 22/09/2005 10:36, Démosthene répondait à ASM (sans le nommer) :

on l'a dit et redit
pour revenir au style par défaut :

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



Oui.

bien sûr puisqu'il faut employer :
document.getElementById("tr_1").style.display = "table-row";


Cette ligne fonctionne sur les deux navigateurs ?


Non. IE ne connaît pas "table-row".

Où faut-il dissocier le code ?


Nulle part. Il ne faut nulle part dissocier le code.

Il faut utiliser la syntaxe rappelée par ASM, à savoir :
document.getElementById("tr_1").style.display = "";

--
Olivier Miakinen
Non, monsieur le juge, je vous le jure : jamais je n'ai cité
Bruxelles dans ma signature.