Discussion :

[Patgra37]

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 :

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

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 :

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

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.

[emmanuel.remy]

Bonsoir,

Quand tu écris:

Code :

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

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 :

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

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

ERE

[Patgra37]

Merci