Problème Affichage IE

**tarti** · 24/01/2007, 14h42

Bonjour a tous.

Mon problème est simple j'ai fait ce code javascript qui permet d'ajouter a une balise TD de ma page HTML qui a pour id 'news', des tableau html via des appendChild. Bref rien de bien difficile. Sous FF aucun problème tout fonctionne bien. mais sous IE pas d'affichage de mes tableaux. Je ne comprend pas car si je fait un innerHtml sur la page et que j'etudie le code tout est bien, les tableau son bien présents, mais pas d'affichage.Je ne capte pas.

Voici le code javascript et ma page html:

Javascript :

Code :

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

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
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
 
newsTab=new Array;
newsTab[0]=new Array('Titre 1','Com 1','Valentin','01/01/2006');
newsTab[1]=new Array('Titre 2','Com 2','Thierry','01/01/2007');
newsTab[2]=new Array('Titre 3','Com 3','Bernard','01/01/2008');
 
 
 
 
function chargernews(nomnews,idElt){
 
var tabnews = eval(nomnews);
 
if(tabnews!=null){
 
for(i=0;i<tabnews.length;i++){
  var Titre = tabnews[i][0];
  var Texte = tabnews[i][1];
  var Auteur = tabnews[i][2];
  var DateN = tabnews[i][3];
 
if(i<3){
  //partie general
  var newsTable=document.createElement("table");
  newsTable.setAttribute('class','pave');
 
  //partie du titre de la news
  var TitreTR=document.createElement("tr");
 
  var TitreTD1=document.createElement("td");
  TitreTD1.setAttribute('class','pave_entete_gauche');
  TitreTR.appendChild(TitreTD1);
 
  var TitreTD2=document.createElement("td");
  TitreTD2.setAttribute('class','pave_entete_titre');
  TitreTxt=document.createTextNode(Titre);
  TitreTD2.appendChild(TitreTxt);
  TitreTR.appendChild(TitreTD2);
 
  var TitreTD3=document.createElement("td");
  TitreTD3.setAttribute('class','pave_entete_droite');
  TitreTR.appendChild(TitreTD3);
 
  newsTable.appendChild(TitreTR);
 
 
  //partie texte de la news
  var TexteTR=document.createElement("tr");
 
  var TexteTD=document.createElement("td");
  TexteTD.setAttribute('class','pave_haut');
  TexteTD.setAttribute('colspan',3);
 
  var TexteTxt=document.createTextNode(Texte);
 
  TexteTD.appendChild(TexteTxt);
 
  TexteTR.appendChild(TexteTD);
 
  newsTable.appendChild(TexteTR);
 
 
  //partie auteur et date de la news
  var AuteurDateTR=document.createElement("tr");
 
  var AuteurDateTD=document.createElement("td");
  AuteurDateTD.setAttribute('class','pave_bas');
  AuteurDateTD.setAttribute('colspan',3);
 
  var AuteurDateTable=document.createElement("table");
  var AuteurDateTR2=document.createElement("tr");
 
  var AuteurTD=document.createElement("td");
  AuteurTD.setAttribute('class','pave_text');
  var AuteurTxt=document.createTextNode(Auteur);
  AuteurTD.appendChild(AuteurTxt);
  AuteurDateTR2.appendChild(AuteurTD);
 
  var DateTD=document.createElement("td");
  DateTD.setAttribute('class','pave_text');
  var DateTxt=document.createTextNode(DateN);
  DateTD.appendChild(DateTxt);
  AuteurDateTR2.appendChild(DateTD);
 
  AuteurDateTable.appendChild(AuteurDateTR2);
 
  AuteurDateTD.appendChild(AuteurDateTable);
 
  AuteurDateTR.appendChild(AuteurDateTD);
 
  newsTable.appendChild(AuteurDateTR);
 
  var Br=document.createElement("br");
 
  document.getElementById(idElt).appendChild(newsTable);
  document.getElementById(idElt).appendChild(Br);
 
  //alert(document.childNodes[0].innerHTML);
}
 
}
 
}
 
}

Page HTML

Code :

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

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
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
 
<html>
<head>
 
<link href="../css/general.css" type="text/css" rel="stylesheet">
<script language="JavaScript" src="../javascript/diaporama.js" type="text/javascript"></script>
<script language="JavaScript" src="../javascript/newsScript.js" type="text/javascript"></script>
<script language="JavaScript" type="text/javascript">
var inter=null;
</script>
</head>
<body onload="chargernews('newsTab','news');plusdiapo();inter = window.setInterval('plusdiapo()',5000);" onunload="window.clearInterval(inter);">
<table width=100% height=100% >
 
<tr id="TDHautPage" height=5>
   <td>
   </td>
   <td>
   </td>
   <td>
   </td>
</tr>
 
<tr id="TDMilieuPage" valign='top'>
   <td>
   </td>
 
 
   <td align=center>
 
     <!-- partie de code pour les news -->
     <table>
      <tbody >
       <tr>
         <td id="news">
 
 
         </td>
       </tr>
       </tbody>
     </table>
     <!-- fin partie de code pour les news -->
 
   </td>
 
 
 
   <!-- partie de code pour le diaporama -->
   <td align=center>
 
       <table class="pave" style="width:300;" >
            <tr>
               <td class="pave_entete_gauche"></td>
               <td width="219" class="pave_entete_titre" id="titreDiapo">Titre image
               </td>
               <td class="pave_entete_droite_hand"></td>
            </tr>
            <tr >
               <td colspan="3" class="pave_haut" align= center style="padding-top:5;padding-bottom:5">
                    <img id="imageDiapo" height=210 width=280>
               </td>
            </tr>
            <tr>
               <td colspan="3" id="comDiapo" class="pave_milieu">
                  commentaires
               </td>
            </tr>
            <tr>
               <td colspan="3" id="auteurDiapo" class="pave_bas">Auteur :</td>
            </tr>
           </table>
 
   </td>
    <!-- fin partie de code pour le diaporama -->
 
</tr>
 
<tr id="TDBasPage" height=5>
 
   <td colspan=3 align=center> ASCP Trélazé Handball - Tous droits et images réservés - 2006
   </td>
 
</tr>
</table>
</body>
</html>

**E.Bzz** · 25/01/2007, 14h11

Bonjour,
déjà sort les déclarations de variables (var ....) de ta boucle, pour les mettre une seule fois en début de fonction !
Sinon multi-déclaration d'une même variable.
C'est peut-être juste ça qui plait pas à IE (ce qui , pour une fois, serait justifié).

A+

**SpaceFrog** · 25/01/2007, 14h19

une table à un tbody ... même si tu ne l'as pas explicitement crée, il faut appender dans le tbody ...

Problème Affichage IE

JavaScript

Discussions similaires

Partager

Partager