Erreur de noeud ?

Version imprimable

Erreur de noeud ?

Voila je débute en javascript DOM.

J'essaye de créer une balise div et dans cette balise div mettre un input.
Mais rien que le fait de mettre une balise, j'ai une erreur, il me dit que le noeud n'a pas été trouvé.

Voici un petit bout de code javascript :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 var elForm = document.getElementById("maform"); var MaSection = document.getElementById("CreateSect"); var NewDiv = document.createElement("div"); NewDiv.setAttribute("id", "IdSection(i)"); elForm.insertBefore(NewDiv, document.getElementById("CreateSect")); //Puis dans ce div je rajoute ma section var UnInput = document.createElement("input"); UnInput.setAttribute("id", "Section(i)"); UnInput.setAttribute("value", "toto"); elForm.insertBefore(UnInput, NewDiv);
Et un petit bout de mon code HTML :
Code:

1 2 3 4 5 6 7 <form method="post" action="submit" id="maform"> <div class="book"> <div id="section"><input name="Titre_1" type="text" /><br /></div> <input name="Titre_2" type="text" /> <input value="Rajouter une section" onclick="add('S')" id="CreateSect" type="button" /><br /> </div> </form>
J'ai regardé ce que fait

Code:

var MaSection = document.getElementById("CreateSect");

avec un alert et il me renvoie bien object HTMLInputElement.

Je ne comprends pas pourquoi il ne trouve pas le noeud :(

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
var elForm = document.getElementById("maform");
var MaSection = document.getElementById("CreateSect");
 
var NewDiv = document.createElement("div");
NewDiv.id="IdSection(i)");
 
 
//Puis dans ce div je rajoute ma section
var UnInput = document.createElement("input");
UnInput.id="Section(i)";
UnInput.value= "toto";
 
NewDiv.appendChild(UnInput)
MaSection.appendChile(NewDiv)
elForm.appendChild(MaSection);

pour autant que i ne soit pas une variable ...

23/01/2007, 15h12
tazmania
J'ai essayé en mettant ces deux lignes en commentaire :
Code:

1 2 UnInput.id="Section(i)"; NewDiv.id="IdSection(i)");
mais sa ne change rien, j'ai toujours mon erreur. :(

En effet 'i' devra être une variable plut tard mais pour l'instant je ne sais pas encore comment régler ce problème de variable qui va s'incrémenter à chaque fois que je rentre dans ma boucle si. :mrgreen:

Code:

1
2
UnInput.indice=i
UnInput.id="Section("+indice+")";

23/01/2007, 18h31
Gruik

"Voulez vous que je me penche sur vos problemes de noeud?"

Au fait, ça veut dire quoi ça, un id avec un indice?
23/01/2007, 19h29
tazmania

Citation:

Envoyé par Gruik

"Voulez vous que je me penche sur vos problemes de noeud?"

Au fait, ça veut dire quoi ça, un id avec un indice?

Euh oui je veux bien, merci.

Un id avec un indice c'est parce que je vais permettre à l'utilisateur d'insérer plusieurs balises (input).
Pour savoir où je dois l'insérer, j'ai pensé à mettre un indice dans ma balise div afin de savoir où insérer l'élément choisit par l'utilisateur.

Peut-être que je me trompe mais vu que je m'y connais pas trop en javascript DOM, j'ai pensé que c'était le plus simple :aie: