Bonjour à tous.
Je fais actuellement face au problème suivant : je dois installer un script sur un site tiers. Pour ce faire, je suis contraint d'utiliser un encapsuler de script du style Google Tag Manager.
Sur le site du client, il y a une box (une div, donc) qui est générée lorsque l'utilisateur ajoute un produit à son panier. Module : Fancybox.
Lorsque cet évènement a lieu, je dois de mon côté déclencher un appel réseau spécifique (du tracking) ET insérer une DIV avec un ID spécifique.
Le problème, c'est que la DIV qui correspond à la box (module FancyBox) n'existe pas dans le code source de la page au moment du chargement du DOM. Je ne peux donc pas insérer une DIV (avec jQuery ou autre) dans un élément qui n'existe pas encore.
Comment pourrais-je faire pour observer un évènement qui concerne un élément qui est indéfini lors du DOM.ready ? Existe-t-il un moyen d'observer un évènement comme la génération d'une <div> avec un ID spécifique, même si celle-ci n'existe pas au moment de la déclaration de l'évènement ?
Je fais actuellement face au problème suivant : je dois installer un script sur un site tiers. Pour ce faire, je suis contraint d'utiliser un encapsuler de script du style Google Tag Manager.
Sur le site du client, il y a une box (une div, donc) qui est générée lorsque l'utilisateur ajoute un produit à son panier. Module : Fancybox.
Lorsque cet évènement a lieu, je dois de mon côté déclencher un appel réseau spécifique (du tracking) ET insérer une DIV avec un ID spécifique.
Le problème, c'est que la DIV qui correspond à la box (module FancyBox) n'existe pas dans le code source de la page au moment du chargement du DOM. Je ne peux donc pas insérer une DIV (avec jQuery ou autre) dans un élément qui n'existe pas encore.
Comment pourrais-je faire pour observer un évènement qui concerne un élément qui est indéfini lors du DOM.ready ? Existe-t-il un moyen d'observer un évènement comme la génération d'une <div> avec un ID spécifique, même si celle-ci n'existe pas au moment de la déclaration de l'évènement ?