HTML dynamique onclick

Bonsoir

Mon problème est un peu plus complexe que prévu !
En HTML, pour modifier dynamiquement l'événement "onclick" d'un bouton, j'écris :

Code:

---

1 2 3

document.getElementById("boutonr").onclick = function() { document.getElementById("contenu").src = "Fichier_2"; }

---

"contenu" est une <iframe> qui contient au départ "Fichier_1".

Cela marche bien lorsque la commande est passée à partir de la page qui contient le bouton et le contenu. Le clic charge bien "Fichier_2" dans "contenu".

Mais lorsque la commande est passée à partir de "Fichier_1" dans <iframe>, en prenant soin d'adresser le parent, la fonction est bien affectér au bouton, mais le clic n'est plus effectif et le "Fichier_2" ne s'affiche pas.

Code:

---

1 2 3

parent.document.getElementById("boutonr").onclick = function() { document.getElementById("contenu").src = "Fichier_2"; }

---

Y-at'il un problème de focus?
Merci de votre aide.

Bonsoir,

Quand tu écris:

Code:

---

1 2 3

parent.document.getElementById("boutonr").onclick = function() { document.getElementById("contenu").src = "Fichier_2"; }

---

document est évalué par JS au moment de l'affectation et fait donc référence au document contenu dans l'IFrame.

A la place:

Code:

---

1 2 3

parent.document.getElementById("boutonr").onclick = function() { this.ownerDocument.getElementById("contenu").src = "Fichier_2"; }

---

ERE

Merci :ccool: