Discussion :

[comode]

Bonjour,

Voilà, sur un petit système de div-popup, je veux proposer dans la méthode qui créé la popup de mettre en parametre une fonction callback qui sera exécutée à la fermeture de ce popup (div).

Code :

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

1
2
3
4
5
6
function RequestHTMLPopup(param, close_callback)
{
	popup = MkPopup(); // fonction qui construit dynamiquement le DIV
	popup.innerHTML = AjaxHTML(param);
	popup.parentNode.addEventListener('DOMNodeRemoved', close_callback, false);
}

Dans les fait, le MkPopup, c'est du document.createElement('div') de la div principale plus une petite croix à droite pour fermer la popup, et une div qui contient le contenu a proprement parler (c'est cet sous div qui est retournée par MkPopup d'ailleurs).

on a un gros

Code :

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

1
2
3
4
   <DIV>
      <DIV>petite croix clozdiv</DIV>
      <DIV>contenu</DIV>
   </DIV>

MkPopup retourne la DIV abritant le contenu, et pour la petite croix de fermeture de la page, j'ai définis:

Code :

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

1
2
3
clozdiv.onclick = function(e) {
window.document.body.removeChild(this.parentNode);
};

De cette façon, quand je détruit ma popup, ça lache un evenement DOMNodeRemoved, et le callback de fermeture est appelé. Notez que ce callback ne doit en aucun cas contenir du code relatif à la gestion de la popup, comme par exemple un stopPropagation().

Bref, tout ça marche pas mal, jusqu'au moment où dans la div de contenu, je doive manipuler mes objets. Genre un simple obj.innerHTML =... semble propager un DOMNodeRemoved (probablement due à la suppression de ce qu'il y avait deja dans l'objet) qui remonte jusqu'au DIV de la popup, et donc déclanche l'execution du callback.

Auriez vous une solution pour que le mon eventlistener ne réagisse uniquement qu'à l’événement DOMNodeRemoved le concernant lui, et non ceux venant de ses fils ?

En vous remerciant

[Ethan 0x21]

Bonsoir,

Pourquoi ne stoppez vous donc pas la propagation/remontée des bulles au niveau de votre div de contenus, avant que cela n'atteigne la div principale et donc n'invoque la callback ?

J'ai du mal à saisir,

Cdt

[comode]

J'ai trouvé, j'ai rajouté un :

Code :

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

popup.addEventListener('DOMNodeRemoved', function(e) {e.stopPropagation();}, false);

avant la ligne

Code :

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

popup.parentNode.addEventListener('DOMNodeRemoved', close_callback, false);

ca qui permet de bloquer la remonter de cet evenement.

[Bovino]

Juste une remarque : il est très fortement déconseillé pour des raisons de performance d'utiliser les Mutation Events (dont fait partie DOMNodeRemoved).

D'autant que dans ce que tu décris, cela n'a aucune utilité !
Pas besoin d'observer la suppression de la popup de cette manière : tu sais qu'elle a été supprimée lorsque tu fais le removeChild, donc tu peux placer le code lié à la suppression à ce moment là !

[comode]

J'en prend bonne note, merci !