Soit
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>
Ce bout de code Html est créé dynamiquement via

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);};
Problème:
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
-------