Accès au contenu d'une iframe

Version imprimable

05/01/2013, 23h21
Navarro

Accès au contenu d'une iframe
Bonjour,

J'ai une page1.html qui contient une iframe

Code:

<iframe id="pouet" name="pouet" src="monIframe.html">

monIframe.html contient plusieurs images
Code:

1 2 <img id="img1" name="img1" src="URL1"> <img id="img2" name="img2" src="URL2">
j'aimerais, depuis la page principale page1.html changer les src des images avec une fonction.

J'ai tenté un tas de syntaxe, mais rien n'y fait. genre :

Code:

window.pouet.document.img1.src="URL3";

ou

Code:

window.pouet.document.img1.location.href="URL3";

et toutes sortes de dérivées, mais ça ne marche pas.

J'arrive bien à changer la src de l'iframe en elle même, mais je n'arrive pas à accéder aux balises contenue dans l'iframe.

Est-ce possible ? Si oui, comment faire, svp ?

D'avance, merci pour vos réponses.
06/01/2013, 10h57
NoSmoking

Bonjour et bienvenue sur DVP.

Ce sujet à maintes fois été abordé, voici un exemple de réponse :fleche: Changer le contenu d'une iframe depuis une autre.

Il existe aussi la :faq: http://javascript.developpez.com/faq/javascript/
14/01/2013, 16h18
Navarro
Merci pour votre réponse et votre modération, mais la réponse à ma question ne se trouve sur aucun de ces 2 liens. J'ai du mal m'exprimer.

Je cherche à accéder aux balises du contenu de l'iframe. Toutes les pages sont en local.

page1.html

Code:

<iframe id="pouet" name="pouet" src="page2.html">

page2.html
Code:

1 2 3 4 <body> <img id="img1" name="img1" src="URL1"> <img id="img2" name="img2" src="URL2"> </body>
Dans page1.html, j'aimerais créé un bouton qui change la src de img1 dans page2.html

Donc, dans ma logique, je devrais écrire un truc du genre :

Code:

onclick="javascript: document.pouet.img1.src='URL3';"

J'ai essayé toute sorte de syntaxe, mais ça ne marche pas.

Depuis page1.html, comment accéder à la balise img1 de page2.html contenue dans une iframe sur page1.html ?

Pourtant tout est écrit dans le 1st lien fourni
Citation:
Envoyé par NoSmoking
si j'ai bien compris de l'IFRAME #1 je veux modifier un contenu de l'IFRAME #2
de IFRAME #1 je remonte au parent avec window.parent
du window.parent je récupéres l'IFRAME #2 avec document.getElementById
ensuite j'accède au document de l'IFRAME #2 avec contentWindow.document

je resumes, à partir de l'IFRAME #1
Code:

1 2 3 4 var oParent = window.parent; var oFrame = oParent.document.getElementById ('IFRAME_2'); var oDoc = oFrame.contentWindow.document; oDoc.getElementById( 'element_a_modifier').innerHTML = "Coucou de l'IFRAME #1";
regardes bien le code et déduis en ton besoin.