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 : 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 <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
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
Je .... J'ai rien à dire sauf que ça fonctionne sur IE, chrome et firefox
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
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>
Partager