Discussion :

[tazmania]

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 :

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

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 :

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

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 :

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

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

[SpaceFrog]

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
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 ...

[tazmania]

J'ai essayé en mettant ces deux lignes en commentaire :

Code :

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

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.

[SpaceFrog]

Code :

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

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

[Gruik]

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

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

[tazmania]

"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