Discussion :

[silver.spike]

Bonjour,

j'ai programmé un formulaire contenant une liste et lorsque je selectionne un élément de la liste, un script javascript cré une balise input contenant l'élément de la liste. J'utilise le DOM (normal ) et ça tourne sous FF, Opéra mais pas sur IE je n'ai rien dans mon champs input lorsqu'il est créé.

Une idée?...

Merci à tous!

[E.Bzz]

Une idée?...

Sans ton code, aucune

A+

[SpaceFrog]

montre nous la partie de création dynamique ...

[silver.spike]

Ah oui désolé je m'attendai plus à une réponse style c'est pas compatible
voici la partie création

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
function ajouter_client(){
//Récupération de la valeur de l'item selectionne
    var nom = document.getElementById('liste').options[document.getElementById('liste').selectedIndex].value;
 
//Récupération du nombre d'item déjà ajouté
    var nbr = document.getElementById('nbr_choix').value;
 
//Création du nouveau Noeud
    var Nodenew = document.createElement('input');
    Nodenew.setAttribute('type', 'text');
    Nodenew.setAttribute('value', nom);
    Nodenew.setAttribute('name', ('choix_' + nbr));
    Nodenew.setAttribute('id', ('choix_' + nbr));
 
//Création du noeud suppression(simple bouton)
    var SuppNode = document.createElement('input');
    SuppNode.setAttribute('type','button');
    SuppNode.setAttribute('id',('button_' + nbr));
    SuppNode.setAttribute('value','Retirer');
    SuppNode.setAttribute('src','./images/supprimer.gif');
    SuppNode.setAttribute('onclick',('supprimer_client(' + nbr + ')'));
 
//Création du noeud itemlist
    var li = document.createElement('li');
    li.setAttribute('id',('li_' + nbr));
 
    nbr++;
    document.getElementById('nbr_choix').value = nbr;
 
//Recupération du Noeud 'position'
    var Node = document.getElementById('choix');
    var NodeChild = document.getElementById('nbr_choix');
 
//Insertion champs
    li.appendChild(Nodenew);
//Insertion bouton
    li.appendChild(SuppNode);
//Insertion item list
    Node.appendChild(li);
 
//ancien element
    var vieux = document.getElementById('liste').options[document.getElementById('liste').selectedIndex];
    var s = document.getElementById('liste').removeChild(vieux);
 
}

Partie HTML

Code :

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

1
2
3
4
5
6
7
8
9
<select id='liste' name='liste' size='10'>
	<option ondblclick="ajouter_client();">option 1</option>
 
	<option ondblclick="ajouter_client();">option 2</option>
	<option ondblclick="ajouter_client();">option 3</option>
</select>
<input type='button' value='-->' onclick="ajouter_client();">
<ul id='choix'></ul>
<input type='hidden' value='0' id='nbr_choix' name='nbr_choix'>

Voilà merci

[SpaceFrog]

première remarque setAttribute

voilà ça c'est fait ...

Code :

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

1
2
3
4
5
6
7
 
var SuppNode = document.createElement('input');
    SuppNode.type='button';
    SuppNode.id='button_' + nbr;
    SuppNode.value='Retirer';
    SuppNode.src='./images/supprimer.gif'; // heu un src pour un bouton ???
    SuppNode.onclick=function(){supprimer_client(nbr)};

essaye déja ça ...

[silver.spike]

oki donc j'ai changé le code (pour le src je ne sais même pas ce qu'il fait ici )
Mais ça ne marche toujours pas...les input sont toujours vide

[SpaceFrog]

non mais là aussi ...

Code :

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

1
2
3
4
5
6
//Création du nouveau Noeud
    var Nodenew = document.createElement('input');
    Nodenew.setAttribute('type', 'text');
    Nodenew.setAttribute('value', nom);
    Nodenew.setAttribute('name', ('choix_' + nbr));
    Nodenew.setAttribute('id', ('choix_' + nbr));

même syntaxe ...