Discussion :

[frochard]

Bonjour,

Je construit dynamiquement une structure qui ressemble à (sachant que Contenu du div n'est bien entendu pas une simple chaine de texte, mais un contenu complexe)

<div id="IDRACINE">
<div id="IDDIV0" style="height??px">
<div style="position:absolute"> Contenu du div </div>
</div>
<div id="IDDIV1" style="height??px">
<div style="position:absolute"> Contenu du div </div>
</div>
<div id="IDDIV2" style="height??px">
<div style="position:absolute"> Contenu du div </div>
</div>
<div>

ensuite par script du style de celui-ci dessous (avec numero correspondant à une variable dont la valeur est comprise entre 0 et document.getElementById('IDRACINE').childNodes.length - 1)

document.getElementById('IDRACINE').childNodes[numero].style.display = 'none';

je collapse une partie du document...
Supposons que numero soit égal à 1 alors normalement, tout le bloc IDDIV2 doit "remonter" à l'écran pour "coller" au bloc IDDIV0... Avec MSIE pas de problème. Avec Firefox par contre cela ne marche pas ... les éléments ne "remontent pas" SAUF SI je réduit ensuite la fenêtre FireFox ou si je l'agrandit...

Je ne comprend pas, pourquoi l'affichage n'est pas raffraichi automatiquement.

Merci de votre aide

[frochard]

J'ai ajouté une ligne qui ressemble à

alert (document.getElementById('IDRACINE').lastChild.offsetTop);

Et surprise, offsetTop diminue bien ... Mais ne bouge pas à l'écran !

[frochard]

En fait, une partie des élements remontent : tous ceux qui ne contiennent aucun objet positionnés.

Pourtant normalement, les objets positionnés le sont par rapport à leur parent ... non ? Dans ce cas, si l'objet parent remonte, les objets fils également ... C'est justement pour cela que j'avais créé cette structure


<div id='DIV1'>
<div id = 'DIV2' style='position:absolute'>
<autres élements positionnés avec style='position:absolute'....>
</div>
</div>

le DIV1 non positionné devait bouger en fonction des objets placés avant

le DIV2 sert de référence eet bouge en même temps que DIV1 et les autres élements sont liés à DIV2....

Oh ... alors que j'écris ces lignes me vient une idée ... n'aurais-je pas du mettre plutôt

<div id = 'DIV2' style='position:relative'>

Je vais tester

[frochard]

Voilà ... Cela marche ... Le premier devait être du type style=postion:relative'

Désolé pour le dérangement !

Mea Culpa !