Comment ajouter EventListener pour les éléments provenant du serveur?

Question

Comment ajouter un événement click en utilisant addEventListener (window.onload) lorsque les balises en question sont générées à partir du serveur (via une requête xmphttp, pas moins)?

Merci!

Answer 1

Vous devez appliquer l'événement hanlders après les éléments ont été insérés dans les DOM

Answer 2

Vous pouvez essayer de gérer les événements pour les éléments parents, qui sont disponibles comme chargé DOM, puis obtenir élément lié à l'événement.

<ul id="list"> 
    <li id="first">The first</li> 
    <li id="second">The second</li> 
    <li id="third">The third</li> 
</ul> 

document.getElementById('list').onclick(function(e){ 
    o = e.originalTarget; 
    // if you click on second li o will bi the same as document.getElementById('first') 
    // even if li with id "first" is inserted to DOM after creating this event handler to "list" 
    // so here you can perform actions with it 
    // hope it will help 
}); 

Answer 3

Merci à tous.

J'ai résolu cela en ajoutant le code ci-dessous à l'événement "en cas de succès" de la requête XMLHTTP qui peuplait le DOM avec les éléments provenant du serveur. Cela a fonctionné pour moi. Josh, vous avez eu la tête qui bouge dans la bonne direction (bien qu'il aurait été agréable de voir une illustration de code) alors j'ai marqué votre réponse comme la réponse. Je suis désolé mais ce n'est pas vrai.

if ((xmlhttp.readyState == 4) && (xmlhttp.status == 200)) { 

         var m_sel=document.getElementById("fcat"); 

         if (m_sel) { 

          var maxi = m_sel.options.length; 

          for(var i = 0; i < maxi; i++) 
          { 
           var option = m_sel.options[i]; 
            option.addEventListener("click", toggleElem, true); 

          }         

         }   
}