Pb avec insertBefore

**pekka77** · 22/06/2006, 16h55

Bonjour,

Mon insertBefore ne fonctionne pas et je ne vois pas du totu pourquoi. Je vous montre tout de suite 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
function date() {
 
	if (document.getElementById('etat').options[document.getElementById('etat').selectedIndex].value == 'badr') {
 
	if (document.getElementById('parti')) document.getElementById('suivi').removeChild(document.getElementById('parti'));
 
	var newtr = document.createElement('tr');
	var newth = document.createElement('th');
	var newtd1 = document.createElement('td');
	var newtd2 = document.createElement('td');
	var newinput = document.createElement('input');
	var texte1 = document.createTextNode("Date BADR");
	var texte2 = document.createTextNode("Veuillez respecter le format JJ/MM/AAAA");
 
 
	newtd2.appendChild(texte2);
 
	newinput.type = 'text';
	newtd1.appendChild(newinput);
 
	newth.appendChild(texte1);
 
	newtr.appendChild(newth);
	newtr.appendChild(newtd1);
	newtr.appendChild(newtd2);
	newtr.id = 'badr';
 
	var node = document.getElementById('obs');
	document.getElementById('suivi').insertBefore(newtr,node);
	}

avec ceci pour l'html :

Code :

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

1
2
3
4
5
6
7
8
9
 
<table id="suivi">
<tr>
<th>Etat</th><td><select name="etat" id="etat" onChange="date();"><option value="0">Non renseigné</option><option value="badr">BADR</option><option value="parti">Parti</option></select></td><td></td>
</tr>
<tr id="obs">
<th>Observations</th><td><textarea></textarea></td><td></td>
</tr>
</table>

Avec un appendChild tout se passe à merveille mais mon enfant va à la fin de la liste des noeuds tr (ce qui est normal) alors que moi je le voudrai entre le 1er et 2ème... d'ou l'utilisation d'insertBefore (qui ne veut pas marcher!!)

Merci pour votre aide

**SpaceFrog** · 22/06/2006, 17h19

cela doit provenir du fait que le insertNode ne peut se faire que dans un tbody ?

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
<script type='text/javascript'>
function date() {
 
	if (document.getElementById('etat').options[document.getElementById('etat').selectedIndex].value == 'badr') {
 
	if (document.getElementById('parti')) {document.getElementById('suivi').removeChild(document.getElementById('parti'));}
 
	var newtr = document.createElement('tr');
	var newth = document.createElement('th');
	var newtd1 = document.createElement('td');
	var newtd2 = document.createElement('td');
	var newinput = document.createElement('input');
	var texte1 = document.createTextNode("Date BADR");
	var texte2 = document.createTextNode("Veuillez respecter le format JJ/MM/AAAA");
 
 
	newtd2.appendChild(texte2);
 
	newinput.type = 'text';
	newtd1.appendChild(newinput);
 
	newth.appendChild(texte1);
 
	newtr.appendChild(newth);
	newtr.appendChild(newtd1);
	newtr.appendChild(newtd2);
	newtr.id = 'badr';
 
	var mynode = document.getElementById('obs');
	document.getElementById('tablebody').insertBefore(newtr,mynode);
	}
	}
	</script>
</head>
 
<body>
<table id="suivi">
<tr>
<th>Etat</th><td><select name="etat" id="etat" onchange="date();"><option value="0">Non renseigné</option><option value="badr">BADR</option><option value="parti">Parti</option></select></td><td></td>
</tr><tbody id="tablebody">
<tr id="obs">
<th>Observations</th><td><textarea></textarea></td>
 
<td></td>
</tr>
</tbody>
</table>
</body>

**pekka77** · 22/06/2006, 17h25

ah bon??
J'ai déjà utilisé insertBefore sans tbody pourtant.
C'est étrange ça..!
Merci pour ton aide.

**SpaceFrog** · 22/06/2006, 17h26

ben part les noms de variable je n'ai fait qu'ajouter un tbody à ton code et il fonctionne ...

**pekka77** · 22/06/2006, 17h58

oui je sais qu'il fonctionne et je te remercie.
C'est juste que je ne vois pas pourquoi on doit ajouter un tbody et pourquoi les insertnode ne fonctionnent pas pour tous les éléments.
Mais bon tant qu'on connait une astuce pour y remédier ça me va qd meme

Merci