Discussion :

[nabbo]

Bonjour,


j'essaie d'inverser les lignes d'un table HTML (et pas les colonnes), en javascript.


J'obtiens un script qui fonctionne sous firfox 2, mais pas sous IE6.
Sous IE6, la table disparait simplement...


est ce que IE6 gère mal (pas?) le DOM ?


qu'est ce que je peux changer dans mon code pour le faire tourner sous ie6 ?


le code :

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
 
<script>
function inverttable()
{
	var table=document.getElementById('matable'); //le noeud de ma table
	var trs=table.getElementsByTagName('tr'); //les tr de ma table
 
	var newtable=document.createElement('table'); // une nouvelle table
 
	var contenu;
 
	for(i=trs.length-1 ; i>=0 ; i--)
	{
		var n = trs[i].cloneNode(trs[i],true);
		newtable.appendChild(n);	//j'ajoute le dernier tr de ma table vers la nouvelle table
		//alert(n.innerHTML);
	}
 
	table.innerHTML='';
	table.innerHTML+=newtable.innerHTML;// je remplace le contenu de l'ancienne table avec celui de la nouvelle
	table.innerHTML+='';
 
}
</script>
 
<table id="matable" border="1">
 
		<tr id="tr1">
			<td id="un">un</td>
			<td id="deux">deux</td>
			<td id="trois">trois</td>
		</tr>
 
		<tr id="tr2">
			<td id="quatre">quatre</td>
			<td id="cinq">cinq</td>
			<td id="six">six</td>
		</tr>		
 
		<tr id="tr3">
			<td id="sept">sept</td>
			<td id="huit">huit</td>
			<td id="neuf">neuf</td>
		</tr>
 
		<tr id="tr4">
			<td id="dix">dix</td>
			<td id="onze">onze</td>
			<td id="douze">douze</td>
		</tr>	
 
</table>
 
<input type="submit" onclick="inverttable();" value="Inverser" />

merci

[SpaceFrog]

parcequ'il faut appender dans le tbody ...

[nabbo]

appender dans le tbody ne change rien chez moi sur IE6...

[SpaceFrog]

peut être plus simplement :

Code :

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

1
2
3
4
5
6
7
8
9
10
<script type='text/javascript'>
function inverttable()
{
	var table=document.getElementById('matable'); //le noeud de ma table
	var trs=table.getElementsByTagName('tr'); //les tr de ma table
    for(i=0;i<trs.length;i++){
	 table.getElementsByTagName('tbody')[0].insertBefore(trs[trs.length-1],trs[i]);
	}
	}
</script>

[nabbo]

ca marche, merci

donc on retient : IE6 gère le insertBefore, mais pas trop le innerHTML...

en tout cas, merci pour ton aide


edit : effectivement, le problème de innerHTML sur IE6 est connu chez Microsoft : http://support.microsoft.com/?scid=k...9832&x=12&y=12