Discussion :

[Cladjidane]

Bonjour

Je suis souvent confronté à un soucis que je zappe par des manières détournées. Mais aujourd'hui j'ai décidé de m'y intéresser et d'approfondir le sujet. Je commence par poser ma question ici :

comment poser une gestionnaire d'évènement sur un élément avant son existence?

J'avais envisagé qu'a l'instar d'une fonction telle body=onload(genre body=mutation), on pouvait surveiller le DOM et qu'a chaque mutation on rendrait le gestionnaire d'évènements actif sur un élément qui n'existait pas au load de la page...

Il existe bien des infos : http://www.w3.org/TR/DOM-Level-2-Eve...mutationevents, mais j'avoue avoir du mal à comprendre, ne maitrisant pas assez la gestion des Events

Si j'ai des réponses montrant l'intérêt de ce sujet. J'approfondis avec un exemple.

Merci de vos avis

Fab

[Bovino]

comment poser une gestionnaire d'évènement sur un élément avant son existence?

C'est pas possible.

[d-Rek]

Je dirai même que c'est impossible.

Aujourd'hui je repasse derrière tous les messages de Bovino

[Cladjidane]

C'est très approfondi comme réponse

Moi qui cherchais justement... à approfondir.

La dernière réponse est mieux

Sur la dernière justement, comme je disais plus haut, rien n'existe qui s'exécute à la modification du DOM?, je sais pas si vous avez lu mon lien sur "Mutation event types"

[bigboomshakala]

connais pas. mais c'est du DOM niveau 2, ya de fortes chances que ça ne soit pas compatible avec tous les navigateurs (j'ai l'impression que IE ne le supporte pas)

[Cladjidane]

Je ferais part de mes recherches

[bigboomshakala]

tu peux appeler à intervalle régulier avec setInterval() une fonction récursive qui scrute le DOM et ajoute des gestionnaires ou autre aux nouveaux éléments.

genre

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
function addEvent(element, tag, type, callback){
  if (element.nodeName==tag && !element.wasInitialized){
    if (element.attachEvent){
      element.attachEvent("on"+type, callback);
    }
    else if (element.addEventListener){
      element.addEventListener(type, callback, false);
    }
    else{
      element["on"+type] = callback;
    }
 
    element.wasInitialized = true;
  }
 
  if (element.hasChildNodes()){
    var next = element.firstChild;
    while (next){
      addEvent(next, tag, type, callback);
      next = next.nextSibling;
    }
  }
}