[DOM] fonctions du DOM javascript
bonjour,
j'ai le code suivant avec deux fonctions javascript :
la première créé avec DOM un petit formulaire, avec un bouton qui doit le faire disparaitre lorsqu'on clique dessus (action de la deuxième fonction)
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
| function create_insert_img(section,set,div_insert_img,div_parent_insert_img,num,num_book)
{
var form_insert_img = document.createElement('form');
var fieldset_insert_img = document.createElement('fieldset');
var input_insert_img = document.createElement('input');
var input_submit = document.createElement('input');
var input_close = document.createElement('input');
var div_insert_img = document.getElementById(div_insert_img);
var div_parent_insert_img = document.getElementById(div_parent_insert_img);
form_insert_img.setAttribute("enctype","multipart/form-data");
form_insert_img.setAttribute("encoding","multipart/form-data");
var params = "?go="+section+"&"+set+"&"+num+"="+num_book;
form_insert_img.setAttribute("action",params);
form_insert_img.setAttribute("method","post");
input_insert_img.setAttribute("type","file");
input_insert_img.setAttribute("name","userfile");
input_insert_img.setAttribute("enctype","multipart/form-data");
input_insert_img.setAttribute("encoding","multipart/form-data");
input_submit.setAttribute("id","x");
input_submit.setAttribute("type","submit");
input_submit.setAttribute("value","Envoyer");
input_close.setAttribute("id","x");
input_close.setAttribute("type","button");
input_close.setAttribute("value","Fermer");
input_close.setAttribute("onclick","close_insert_img(div_parent_insert_img)");
input_close.onclick = close_insert_img(div_parent_insert_img); // pour Internet Explorer
fieldset_insert_img.appendChild(input_insert_img);
fieldset_insert_img.appendChild(input_submit);
fieldset_insert_img.appendChild(input_close);
form_insert_img.appendChild(fieldset_insert_img);
div_insert_img.appendChild(form_insert_img);
}
function close_insert_img(div_parent_insert_img)
{
var div_parent_insert_img = document.getElementById(div_parent_insert_img);
var elt = div_parent_insert_img.firstChild;
elt.parentNode.removeChild(elt);
} |
voici ce que dit le firebug, visiblement mes div dynamiques sont bien crées ; dans cet exemple mon div correspondant à la quatrième ligne du tableau est bien créé (div_parent_insert_img4) mais il ne veut pas le reconnaitre ensuite ??
close_insert_img(div#div_parent_insert_img4)functions.js (ligne 1674)
create_insert_img("magazine", "set_img_mag=1", null, div#div_parent_insert_img4, "num_mg", "305")functions.js (ligne 1660)
ondblclick(dblclick clientX=478, clientY=273)index.ph...7jQ%3D%3D (ligne 2)
[Break on this error] elt.parentNode.removeChild(elt);
merci de votre aide, je n'y arrive plus..et pourtant je suis sur que c'est simple, peut-être un problème de syntaxe dans ces deux lignes ???
Code:
1
2
| input_close.setAttribute("onclick","close_insert_img(div_parent_insert_img)");
input_close.onclick = close_insert_img(div_parent_insert_img); // pour Internet Explorer |
merci
