11548 sujets

JavaScript, DOM et API Web HTML5

Salut à tous,

Je fais appelle à vous pour m'aider à résoudre mon petit problème de DHTML.
Ce que je voudrais faire c'est rajouter un noeud (qui est un bloc p) entre deux autres noeuds.

Voila ce que je voudrais faire :

<div id="corps">
 <h3>Un titre très intéressant</h3>
 <p id="infos">Quelques petites infos sur le formulaire ...</p>

 [#blue]<p id="erreur">Attention !!!! Erreur formulaire détéctée !!</p>[/#]

 <form id="un_form" method="post" action="..." onsubmit="return verif();">
  ....
 </form>
....
</div>


Le noeud que je voudrais rajouter et celui qui est en bleu dans le code.
Ce noeud apparaitrait lorsqu'il y aurait des erreurs lors de la verification du fromulaire.

Dans le javascript :

 texte = document.createTextNode(msg);
 newdiv = document.createElement("p");
 newdiv.appendChild(texte);
 newdiv.setAttribute("id", "erreur");
 ...


... et après je ne sais pas comme lui dire de le placer à un endroit précis.
Au début, j'utilisais [b]document.getElementById("infos").appendChild(newdiv);[/i] mais dans ce cas le nouveau noeud devient enfant de noeud "infos" (normal me direz vous) mais ce n'est pas tout à fait ce que je voudrais.

Donc s'il y avait quelqu'un qui pourrais me filer un petit coup de main pour finir le javascript, et bien, ce ferai plaisir.
Modifié par ymhotepa (17 Aug 2005 - 12:03)
Merci à toi rik24d,

C'est exactement la fonction qu'il me fallait.

j'ai donc mis :

 document.getElementById("corps").insertBefore(p, document.getElementById("un_form"));


et ca marche nickel chrome