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

[silver.spike]

oui oui je n'ai plus aucune méthode setAttribute() dans ma page
Une autre petite question au passage, il y a une fonction compatible avec IE pour le double clic?...il ne marche pas

[SpaceFrog]

ondblclick mais si tu as déja un onclick ...

[silver.spike]

je n'ai pas compris ton dernier message...

j'ai trouvé d'où venait le problème

Code :

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

1
2
 
var nom = document.getElementById('liste').options[document.getElementById('liste').selectedIndex].value;

et dans le champs 'value' des options il n'y avai rien. Merci pour ton aide ^^

[SpaceFrog]

ben je sais pas tu me demandais pour le double click ...

[silver.spike]

ma question été existe-t-il une fonction compatible avec IE qui a le même effet que ondbclick() parce que celle ci ne fonctionne pas lorsque je double click.

[E.Bzz]

ma question été existe-t-il une fonction compatible avec IE qui a le même effet que ondbclick() parce que celle ci ne fonctionne pas lorsque je double click.

La réponse de SpaceFrog était ... pleine de bon sens :
si tu as déjà un onclick, tu ne pourras pas gérer ondblclick.
Le 1° clic sera trappé par onclick. Te resteras un clic, qui sera également trappé par onclick : tu ne pourras traiter que des onclikc successifs

A+

[SpaceFrog]

à moins de faire un test avec un setInerval ou un setTimeout pour vérifier si le ondblclick à été précédé d'un onclick ...

[E.Bzz]

pour vérifier si le ondblclick à été précédé d'un onclick ...

Pour gérer un ontripleclick ?

[SpaceFrog]

non pour ne pas effectuer le onclikc simple si il y a un ondblclik à suivre ...

[E.Bzz]

non pour ne pas effectuer le onclikc simple si il y a un ondblclik à suivre ...

Ah ?
Si y a un moyen de tester les évènement "à suivre", ça m'intéresse.

Y aura d'ailleurs beaucoup de monde intéressé, je pense

[SpaceFrog]

Non il y a méprise ...
je parlais sur le onclick de faire un setTimeout... et sur le double click de faire un clearTimeout si celuici intervient avant le délai du onclick ...

[silver.spike]

mdr ça tourne à la torture de cerveau là
J'ai bien compris la réponse mais mon problème c'est que je place des ondbclick() sur chaques <option> et ils ne marchent pas sous IE. Est-ce normal?

[SpaceFrog]

je dirais à priori oui puisqu'une option n'a pas vocation à être double clickée ...
maintenant tu peux toujours mettre un flag à chaque option pour savoir si elle à été double clickée ou non ?..