Accès au contenu d'une iframe

**Navarro** · 05/01/2013, 23h21

Bonjour,

J'ai une page1.html qui contient une iframe

Code html :

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

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

monIframe.html contient plusieurs images

Code html :

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

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 :

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

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

ou

Code :

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

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.

**NoSmoking** · 06/01/2013, 10h57

Bonjour et bienvenue sur DVP.

Ce sujet à maintes fois été abordé, voici un exemple de réponse

Changer le contenu d'une iframe depuis une autre.

Il existe aussi la

http://javascript.developpez.com/faq/javascript/

**Navarro** · 14/01/2013, 16h18

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 html :

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

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

page2.html

Code html :

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

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 :

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

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 ?

**NoSmoking** · 14/01/2013, 19h49

Pourtant tout est écrit dans le 1st lien fourni

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 :

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

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.

Accès au contenu d'une iframe

JavaScript

Discussions similaires

Partager

Partager