Modifier un tableau avec innerHTML sous IE

Version imprimable

Bonjour,

J'ai découvert Prototype ce weekend... j'essaye de modifier le contenu d'un tableau. J'écris ce qui suit. Ce code fonctionne très bien sur Firefox. Sous IE, malheureusement c'est une autre paire de manches ... ca veut pas ... ma ligne se supprime bien mais mon tableau ne se met pas a jour.
Mon p'tit script cgi renvoie du text du type :
Code:

1 2 3 4 <tr><td>value1</td></tr> <tr><td>value2</td></tr> <tr><td>value3</td></tr> <tr><td>value4</td></tr>
Le code qui ne fonctionne pas est la :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 function insertTable() { var myAjax = new Ajax.Request('http://192.168.0.9/cgi-bin/get_sales.cgi', {method: 'get',parameters: '',onComplete: showContent} ); } function showContent (requete) { var newContent = requete.responseText ; var cpt = $('patate').rows.length - 1 ; var tableau = $('patate') ; while (cpt >= 0) { $('patate').deleteRow (cpt) ; cpt -- ; } $('patate').innerHTML = newContent ; // new Insertion.Bottom ('mytable', newContent) ; }
J'ai fouillé dans les forums mais j'ai pas trouvé de réelle réponse ...
Suis je obligé de parser complétement le resultat et de faire de l'ajout tr par tr et td par td ... ou bien existe il une solution plus rapide ?

D'avance merci,
Gédéon

05/12/2006, 09h02
SpaceFrog

regarde plutot du coté du DOM avec createElement puis appendChild ...
05/12/2006, 12h16
Gédéon
J'ai bien noté ta recommendation et effectivement j'arrive à ajouter/modifier/supprimer des tbody, tr et td avec Dom. Cependant ma contrainte est la suivante : j'ai une application tierce (le serveur via Ajax ...i) qui me renvoie un ensemble important de données sous la forme :
Code:

1 2 3 4 5 <tr><td>value1</td><td>value5</td></tr> <tr><td>value2</td><td>value6</td></tr> <tr><td>value3</td><td>value7</td></tr> <tr><td>value4</td><td>value8</td></tr>
Je voudrais ne pas être obligé de parser le résultat pour l'intégrer. Donc faire une intégration directement du resultat dans mon tbody.

Ca n'est pas envisageable ?

En tout cas, merci pour ta réponse :)

Donc j'ai adopté ta solution SpaceFrog. Encore merci :D

Je copie le code pour ceux que ca peut intéresser ('patate' étant l'id de mon tbody) :

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
28
29
30
31
32
33
34
35
36
 
function showContent (requete)
{
 var xmlContent = requete.responseXML;
 var cpt = $('patate').rows.length - 1 ;
 var tableau = $('mytable') ;
 var corps = $('patate') ;
 
 
 while (cpt >= 0)
   {
    corps.deleteRow (cpt) ;
    cpt -- ;
   }
 
 
 var xmlTr = xmlContent.getElementsByTagName ('tr') ;
 alert ("nb tr = "+xmlTr.length) ;
 var i = 0 ;
 var j = 0 ;
 for (i = 0 ; i < xmlTr.length ; i++)
   {
    var tr = document.createElement ('tr') ;
    var xmlTd = xmlTr[i].getElementsByTagName ('td') ;
    alert ("nb td = "+xmlTd.length);
    for (j = 0 ; j < xmlTd.length ; j++)
      {
       var td = document.createElement ('td') ;
       tdText = xmlTd[j].firstChild.nodeValue ;
       tdText = document.createTextNode (tdText) ;
       td.appendChild (tdText) ;
       tr.appendChild (td) ;
      }
    corps.appendChild (tr) ;
   }
}