Ecouter un click dans une iframe qui est dans une autre iframe

Bonsoir les gens !

Question que je n'arrive pas à résoudre seul malgré les 2 jours de recherches infructueuse ...

Je travaille dans le domaine de l'advertising. On utilise beaucoup les outils développé par Google et j'aimerai en relier 2 d'entre eux.

Google web designer et doubleclick for publisher

J'ai donc créé un template fait en JS. Je suis bloqué sur un addEventListener qui permettra d'ouvrir un lien quand on clique sur la zone de pub mais je dois écouter le click sur le body d'une iframe qui est elle-même dans une iframe de cette façon là :

Parent > Iframe > Iframe -> body

J'ai commencé à faire :

Code:

---

document.getElementById("first_iframe").contentWindow.document.getElementById("second_iframe").contentWindow.document.body.onclick= mafonction(){};

---

Dans le dom ça fonctionne mais une fois que je l'appelle à la suite du chargement de la page, j'ai une erreur contentWindow est null...

Si quelqu'un sait comment faire ça serait cool !

Merci!

Attention à la same-origin policy. Tu ne peux pas scripter une iframe si les domaines source et cible ne sont pas les mêmes.

Si tu peux ajouter du script sur chacune des pages, tu peux utiliser l’API postMessage. Mais vu que tu as deux niveaux d’imbrication, ça risqu d’être compliqué à coder.

Je vais essayer avec le post-message mais je vais devoir faire 2 post-messages ?

Oui. La page qui est en « sandwich » doit servir de proxy : elle doit comporter un script qui fait passer les messages de la page au-dessus vers la page en-dessous (et l’inverse si nécessaire).