noeud et insertion

Bonjour,
je débute en javascript et j'ai commencé les insertions.
J'ai très bien compris, mais.... à partir du moment où je mets plusieurs divisions , seule l'insertion dans la première division fonctionne ...
Franchement j'ai du mal à comprendre.
Code:

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 <html> <head> <title>Hirasawa</title> <script type="text/javascript"> function ajoutImage(noeud){ var text ; var selectedZone; var from ; var img; text = document.createTextNode("image Cacahuète :"); // img = new Image(); // img.src = "Cacahuète.jpg"; selectedZone = document.getElementById(noeud); alert(noeud); from = document.getElementById("text"); selectedZone.insertBefore(text,from); // selectedZone.insertBefore(img,from); } //--> </script> </head> <body > <div id="cacahuete" onclick="javascript:ajoutImage('cacahuete')" > <br/><br/> <p id="text">cacahuete1</p> <br/><br/> </div> <div id="idMouse" onclick="javascript:ajoutImage('idMouse')" > <br/><br/> <p id="text">kjefzjkef</p> <br/><br/> </div> <div id="cacahuetes" onclick="javascript:ajoutImage('cacahuetes')" > <br/><br/> <p id="text">cacahuete2</p> <br/><br/> </div> </body> </html>
Comme vous pouvez le voir je fais un test pour voir dans quel zone je suis, et ça fonctionne très bien. Je sélectionne la bonne zone mais.... Ca ne fait pas d'ajout... J'ai testé sur Chrome, Firefox et IE donc c'est bien un problème qui vient de moi :P

Il y a peut être un truc que j'ai loupé ? ( si c'est le cas, je m'excuse! )

Edit : je pense avoir vu le problème.... C'est le document.getElementByID("text") ..... Désolé du dérangement... Je vais changer ça

Edit 2 : J'ai changé le code, et c'était bien un problème lié aux noeuds, et ma superbe erreur :D
Code:

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 55 56 57 58 59 60 61 <html> <head> <title>Hirasawa</title> <script type="text/javascript"> function ajoutImage(noeud){ // var text ; var selectedZone; var img; var child; // text = document.createTextNode("image Cacahuète :"); img = new Image(); img.src = "Cacahuète.jpg"; selectedZone = document.getElementById(noeud); child = selectedZone.firstChild; while ( child){ // alert(child.id); if ( child.id=="text" ){ /* alert("match! "); selectedZone.insertBefore(text,child); */ selectedZone.insertBefore(img,child); break; } child = child.nextSibling; } } </script> </head> <body > <div id="cacahuete" onclick="javascript:ajoutImage('cacahuete')" > <br/><br/> <p id="text">cacahuete1</p> <br/><br/> </div> <div id="idMouse" onclick="javascript:ajoutImage('idMouse')" > <br/><br/> <p id="gilbert">kjefzjkef</p> <br/><br/> <br/><br/> <p id="text">kjefzjkef</p> <br/><br/> </div> <div id="cacahuetes" onclick="javascript:ajoutImage('cacahuetes')" > <br/><br/> <p id="text">cacahuete2</p> <br/><br/> </div> </body> </html>
Je .... J'ai rien à dire sauf que ça fonctionne sur IE, chrome et firefox