Discussion :

[okoweb]

Salut,
J'ai cette structure :

Code :

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

1
2
3
4
5
 
<select name="corps" id="corps">
<option value="-1">Chargement...</option>
</select>
<span id="loader" style="display: none;"><img src="images/loader.gif" alt="loading" /></span>

Et coté JS :

Code :

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

1
2
3
4
 
 else if (xhr.readyState < 4) {
	document.getElementById('corps').nextSibling.style.display = "inline";
 }

Mais plutot ceci marche :

Code :

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

1
2
3
4
 
 else if (xhr.readyState < 4) {
	document.getElementById('loader').style.display = "inline";
 }

Où est le soucis?

Merci d'avance...

[Bovino]

Comme précisé dans la FAQ (Pourquoi le comportement du DOM est-il différent sous FireFox et IE ?), nextSibling ne correspond pas nécessairement à la balise suivante

[okoweb]

Comme précisé dans la FAQ (Pourquoi le comportement du DOM est-il différent sous FireFox et IE ?), nextSibling ne correspond pas nécessairement à la balise suivante

ce code ne fo,fonctionne ni sur Firefox, ni sur IE. Je ne pense pas que ce soit le problème.

Merci d'avance...

[Bovino]

Code :

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

1
2
3
4
else if (xhr.readyState < 4) {
    var loader = document.getElementById('corps').nextSibling;
    loader.style.display = "inline";
 }

[Watilin]

C'est les nœuds #text qui posent problème. Dès qu'il y a un saut de ligne dans le code HTML, ça fait un nœud #text.

Code JavaScript :

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

1
2
3
while(node.nextSibling && node.nextSibling.nodeType != 1) {
  node = node.nextSibling;
}

Le nodeType no. 1 correspond aux éléments HTML (pour #text c'est 3).

http://www.w3.org/TR/DOM-Level-2-Cor...#ID-1950641247

[okoweb]

Code :

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

1
2
3
4
5
6
7
 
else if (xhr.readyState < 4){
   var node = document.getElementById('corps');
   var parent = node.parentNode;
   var loader = parent.getElementsByTagName('span')[0];
   loader.style.display = "inline";
}

Ceci plutôt marche.

[SpaceFrog]

sinon deux mots magiques:
"node Cleaner"