RemoveChild avec Internet Explorer

Version imprimable

28/10/2009, 16h03
smu2015

RemoveChild avec Internet Explorer
Bonjour,

J'ai un souci avec le removeChild et je n'arrive pas à trouver de solution :(

Ce code fonctionne sous FireFox mais pour sous IE (le 7 du moins)
Code:

1 2 3 c=document.getElementById('cadre'); c.removeChild(document.forms['complement'].elements['ref_0'])
J'ai également essayer d'autre code comme
Code:

1 2 3 4 c=document.getElementById('cadre'); c2=c.getElementsByTagName('input'); c.removeChild(c2[0])
et idem, ca marche sous FF mais pas sur IE.

Je suis débutant en javascript, je présise :)

Quelqu'un aurait une piste ?

Merci
28/10/2009, 16h15
SpaceFrog

elements avec s peut retourner une collection
removeChild attend un element unique

Code:

1
2
3
c=document.getElementById('cadre');
c2=c.getElementsByTagName('input');
c2[0].parentNode.removeChild(c2[0]);

Merci pour vos réponses mais je n'y arrive toujours pas.

Je vous joins ma fonction complete (tiré de http://www.developpez.net/forums/d25...r-champ-texte/) :

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
function ajout_glob(type,cadre,ref,id_sup,taille)
{
    var c,c2,nom, ch;
 
    c=document.getElementById(cadre);
    c2=c.getElementsByTagName('input');
 
 
    switch (type)
    {
    case "plus":
        nom=ref+c2.length;
 
        ch=document.createElement('input');
 
        ch.setAttribute('type','text');
        ch.setAttribute('style','margin-top:1px;');
        if (taille!=null) {
            ch.setAttribute('size',taille);
        }
        ch.setAttribute('name',nom);
        c.appendChild(ch);
 
        ch=document.createElement('button');
 
        ch.setAttribute('type','button');
        ch.setAttribute('name',nom+'_bt');
        ch.setAttribute('value','-');
        //ch.setAttribute('id',id_sup);
        ch.setAttribute('onclick','ajout_glob(\'moins\',\''+cadre+'\',\''+nom+'\',\''+id_sup+'\')');
        if (taille!=null) {
            ch.setAttribute('size',taille);
        }
 
        c.appendChild(ch);
        break;
 
    case "moins":
        c2[0].parentNode.removeChild(c2[0]);
        break;
    }
}

Le "plus" marche, ca me rajoute bien un champ texte avec un bouton a coté.
Le "moins" ne marche pas. (La, j'essaye de supprimer c2[0] pour tester)

J'imagine que la manière de coder peut etre optimisé mais je débute :)

Merci

28/10/2009, 21h11
SpaceFrog

au passage se méfier de :

Code:

ch.setAttribute('name',nom);

il n'aura de porté qu'au niveau du client
28/10/2009, 23h21
Invité
jour

met une alert pour voir ce que cela te retourne
Code:

1 2 alert(c.c2[0]) )
ou

Code:

alert(c.c2[0].name
29/10/2009, 09h00
smu2015

Bonjour,

J'ai rajouté l'alert suivante :

Code:

alert(c2[0].name)

Il me retroune bien le nom "ref_0"

Merci pour l'info SpaceFrog, je n'ai pas encore tenté de recup les données, j'en suis qu'au 'design'

Bonjour,

Finalement, j'ai trouvé la réponse.
L'erreur ne venait pas du removechild mais du setattribute pour le bouton.

En effet, ca ne s'écrit pas pareil si on est sous IE ou FF :

Lors du setattribute le l'évènement onclick pour mon bouton, j'ai donc écris :
Code:

1 2 3 4 5 6 if (navigator.appName == "Microsoft Internet Explorer") { ch.onclick = function () {ajout_glob('moins',cadre,nom,id_sup)}; } else { ch.setAttribute('onclick','ajout_glob(\'moins\',\''+cadre+'\',\''+nom+'\',\''+id_sup+'\')'); }
Et maintenant, ca fonctionne :ccool:

30/10/2009, 15h29
SpaceFrog

la première syntaxe me semble pourtant crossbrowser ...

Code:

ch.onclick = function () {ajout_glob('moins',cadre,nom,id_sup)};

devrait fonctionner pour IE et ffx
30/10/2009, 15h36
smu2015

En effet, c'est le cas :mouarf: Merci