Soit
Ce bout de code Html est créé dynamiquement via
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4 <div class="ligne" id="btnsup"> <button class="ob_repos" id="btn_vito">VITO</button><button class="ob_repos" id="btn_8p">8P</button> </div>
Problème:
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14 container='btnsup'; name_object='btn_vito'; document.getElementById(container).innerHTML+='<button id="'+name_object+'" ></button>'; current=document.getElementById(name_object); current.onclick= function() { alert(this.id); ob_main(this.id);}; name_object='btn_8p'; document.getElementById(container).innerHTML+='<button id="'+name_object+'" ></button>'; current=document.getElementById(name_object); current.onclick= function() { alert(this.id);};
seul le bouton n° deux réagit au clic.
Or le but est de pouvoir créer dans un div particulier ( ici 'btnsup' ), une série de bouton de manière dynamique en fonction des besoins.
Chaque bouton doit pouvoir réagir au clic et appelez la fonction adéquate.
En créant un <div>supplémentaire dans lequel je mets le bouton, alors, cela fonctionne, mais je trouve cela étrange.
Où fais-je la grosse bêtise ou qu'est-ce que je n'ai pas compris ?
Merci d'avance pour toutes les pistes que vous pourriez proposer.
------
NB
j'ai essayé aussi avec addeventlistener
J'ai essayé avec IE et Firefox
Dans tous les cas, le phénomène est le même, seul un bouton est actif.
Cela fais bien 3 jours que je bloque la dessus
-------
Partager