Discussion :

[troumad]

Bonjour

Voici mon code :

Code :

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

1
2
3
4
5
6
7
8
9
10
 doc.innerHTML+=" qui se répartissent en "
   if (bn!=0) doc.innerHTML+=" BN, "
  if (bc!=0) doc.innerHTML+=" BC, "
  if (nl!=0) doc.innerHTML+=" NL, "
  if (n!=0)  doc.innerHTML+=" N, "
  if (nc!=0) doc.innerHTML+=" NC, "
  if (ml!=0) doc.innerHTML+=" ML, "
  if (mn!=0) doc.innerHTML+=" MN, "
  if (mc!=0) doc.innerHTML+=" MC, "
  doc.innerHTML=doc.innerHTML+"</li>"

Voici l'html généré :

Code :

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

</li> qui se répartissent en 1 BC, 3 N, 1 NC, 1 ML, 1 MN,

Je ne comprends pas pourquoi le </li> arrive juste avant le qui se répartissent en

Vous pouvez regarder la page http://troumad.org/Mes_regles/guilde...php?nb_h=20000 , c'est dans les fenêtres qui s'ouvrent lorsqu'on clique sur les +.
Au niveau de ces <li>, j'ai un problème équivalent avec les <ul> où le </ul> arrive trop tôt

nb : je teste avec firefox 13.0.1 .

[troumad]

Je viens de comprendre...

Le html est analysé au fur et à mesure de son insertion. Dès que le ul ou le li sont insérés, sans attendre la suite des insertions, les balises ouvertes sont fermées !

Il faut donc fabriquer la chaîne et après l'insérer dans le code html lorsque que toutes les balises ouvertes sont fermées !

[RomainVALERI]

Il faut donc on peut fabriquer la chaîne et après l'insérer dans le code html lorsque que toutes les balises ouvertes sont fermées !

...et on peut également opter pour une gestion plus saine des éléments de sa page en utilisant les méthodes de manipulation du DOM que sont document.createElement, document.appendChild, etc.

Crée d'abord ta chaine par de simples concaténations, sans changer un broc à ta page. Ensuite, tu crées un élément <li> qui contiendra la chaine obtenue. Enfin, tu insères proprement le <li> à la place voulue dans la page.

(Parce que cette avalanche d'innerHTML que tu envoies au navigateur est une monstruosité, soit dit sans offense )

[troumad]

J'ai déjà nettoyé mon code...
Lorsque que je rajoute du cade avec un innerHTML, toute balise ouverte est fermée.

J'ai déjà un peu touché au DOM quand j'ai regardé les scripts greasemokey, j'y sui sarrivé, mais ce n'est plus très jeune tout ça ! Je me souviens juste que ce n'était pas très facile...