[HTML] innerHTML pb avec des balises ul li ?

Version imprimable

24/06/2007, 00h11
microbulles

[HTML] innerHTML pb avec des balises ul li ?

Bonsoir,

Alors là je comprends plus rien le code suivant :
document.getElementById(key).innerHTML="<ul> <li> "+getCompartimentsN2Periode(key)+" min./SC : "+getCompartimentsN2SeuilCritique(key)+" </li> <li> Palier : "+getCompartimentsN2profondeurmini(key)+" m. </li> <li> TN2 finale "+getCompartimentsN2TensionFinale(key)+" b.</li> </ul>";

fonction ok avec FF par contre avec IE bug (les fonctions que j'appels sont ok.
par contre le même code sans les balises (<ul> et <li>) fonctionne sous IE :evilred:

si qqun a déjà rencontré le pb merci de me faire partager son expérience j'en ai besoin moi de ces balises !

l'adresse de la page : http://microbulles.free.fr/Developpement/Plongee.php
le click sur le bouton calculer déclenche le script....

A+

Cyril
24/06/2007, 07h19
javatwister

tout ça n'est pas très beau... mais ce n'est pas le problème: peux-tu nous montrer le code des fonctions appelées?
03/07/2007, 22h50
microbulles

Bonsoir,

Le problème ne vient pas du contenu du code des fonctions, mais j'ai suivi ton conseil (faire plus propre cad ne pas mélanger traitement et affichage) et donc plus de problème pour l'affiche avec IE... mystère....

c'eut été plus conforme au DOM :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
 
function creationListe(key)
{
  var c = document.getElementById(key);
 
  var liste = document.createElement("ul");
  var item = new Array();
  var txt = new Array();
  var i, infos;
 
  for (i=0; i<3; i++)
      item[i] = document.createElement("li");
 
  infos = getCompartimentsN2Periode(key)+" min./SC : " + getCompartimentsN2SeuilCritique(key);
  txt [0] = document.createTextNode(infos);
  infos = " Palier : " + getCompartimentsN2profondeurmini(key) + " m.";
  txt [1] = document.createTextNode(infos);
  infos = "TN2 finale : "+getCompartimentsN2TensionFinale(key)+" b.";
  txt [2] = document.createTextNode(infos);
 
  c.appendChild(liste);
  for (i=0; i<3; i++)
  {
      liste.appendChild(item[i]);
      item[i].appendChild(txt[i]);
  }
}