Discussion :

[smu2015]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
 
c=document.getElementById('cadre');
c.removeChild(document.forms['complement'].elements['ref_0'])

J'ai également essayer d'autre code comme

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[SpaceFrog]

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

[Bovino]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[smu2015]

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 :

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
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

[SpaceFrog]

au passage se méfier de :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

      ch.setAttribute('name',nom);

il n'aura de porté qu'au niveau du client

[Invité]

jour

met une alert pour voir ce que cela te retourne

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

ou

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

alert(c.c2[0].name

[smu2015]

Bonjour,

J'ai rajouté l'alert suivante :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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'

[smu2015]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[SpaceFrog]

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

devrait fonctionner pour IE et ffx

[smu2015]

En effet, c'est le cas Merci