[DOM] [debutant] changer le contenu d un iframe en DOM

**junior68** · 07/06/2009, 16h16

Bonjour

Mon probleme est le suivant je veux changer le contenu du body de mon iframe.

sous IE6 ok ça marche
sous Firefox 3 ça ne marche PAS !!

(J'ai supprimer le code inutile.)

voici mon script javascript contenu dans ma page HTML :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 function changerPage(){ 
  var obj = document.getElementById('idFrame');
 
  /********POUR IE*********/        
       if (obj.document) {
           idFrame.document.body.innerHTML =  "<html><body><h1>Nouvelle  Page</h1></body></html>";
     }
 
 /********POUR FIREFOX*********/
 else if (obj.contentDocument) {
 
 obj.contentWindow.document.body.innerHTML =   "<html><body> <h1>Nouvelle Page</h1></body></html>";
 
 }
}

et voici ma page le contenu du body tout simplement :

Code :

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

1
2
3
4
5
<body>
<iframe src="#" name="idFrame" id="idFrame" width="600"></iframe>
<div id="conteneur">
</div>
</body>

**Bovino** · 07/06/2009, 16h30

Code :

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

idFrame.document.body.innerHTML =  "<h1>Nouvelle  Page</h1>";

**junior68** · 07/06/2009, 16h37

salut,

merci, mais cela ne fonctionne pas snif ...............

**Pikrass** · 07/06/2009, 19h50

Et comme ça dans la partie pour Firefox ?

Code :

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

obj.contentDocument.body.innerHTML =   "<h1>Nouvelle Page</h1>";

**Auteur** · 07/06/2009, 20h23

bonjour,

http://www.developpez.net/forums/d27...enetre-enfant/
cf. l'exemple 3 du 1er message. Ensuite si tu utilises innerHTML ce n'est pas du DOM

**junior68** · 09/06/2009, 01h08

Pour répondre à Pikrass

non cela ne marche pas dans les erreurs il me met ceci :

Code :

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

1
2
3
Erreur*: Permission refusée d'obtenir la propriété HTMLDocument.body
Fichier Source*: file:///C:/Documents%20and%20Settings/junior2/Bureau/nouveauMenu/menu.html#
Ligne*: 114

pour répondre à auteur: j'essaye de comprendre ....

**Auteur** · 09/06/2009, 10h11

En partant du lien que je t'ai donné, voici comment je procéderai :

Déjà, plutôt que de créer dynamiquement ta page j'ouvrirai une page ayant un minimum de code HTML.
Donc soit un fichier html pageFrame.htm :

Code html :

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

1
2
3
4
5
6
7
8
9
 
<html>
<head>
<title>iframe</title>
</head>
<body>
 
</body>
</html>

c'est ensuite grâce à un script dans la page mère que je modifierai le contenu de cette page.

Dans la page mère j'incruste le fichier pageFrame.htm :

Code html :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
 
<html>
<head>
<title>iframe</title>
<script type="text/javascript">
function go()
{
 window.frames["maFrame"].document.body.innerHTML = "coucou";
}
</script>
 
</head>
<body>
 
<iframe id="maFrame" name="maFrame" src="pageFrame.htm"></iframe>
<br/>
<input type="button" onclick="go()" value="cliquez ic"/>
 
</body>
</html>

Ici, le fichier à afficher dans la frame s'appelle pageFrame.htm.

Je pense que cela sera beaucoup plus simple à gérer

**junior68** · 09/06/2009, 10h39

Cela ne fonctionne que sous IE et pas FF.

à 1heure du matin j'vais trouvé une autre solution :

Code :

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

1
2
3
4
function changerPage(){ 
  var obj = document.getElementById('idFrame');
 obj.src="moi.html";
 }

la aussi faut il mieux faire des chargement par fichier ? ou charger le contenu dans l'arbre ?

Dis moi tu dois être un expert en javascript, tu expliques aussi qu'il faut avoir un minimun une page html. Or pour moi c'est la même chose je transforme mes pages html et j'inclus le code dans une page php, comme ça elles seront dynamiques !

pourquoi laissé une page en html ?

**Auteur** · 09/06/2009, 23h15

Envoyé par junior68

Cela ne fonctionne que sous IE et pas FF.

il fonctionne aussi bien sous IE et FF.

tu expliques aussi qu'il faut avoir un minimun une page html.

si tu as un minimum de code, l'ajout d'élément est plus facile. Je pense que tu peux facilement inclure des fichiers PHP, mais n'oublie pas que ce que l'utilisateur voit c'est du HTML. Donc regarde si tu n'as pas des balises <body> ou <html> en double.

**junior68** · 09/06/2009, 23h53

Je vais de nouveau ressayer mais cela m'étonnerait sous quel version de IE es tu sur ?

moi j'utilise IE 6.

**Auteur** · 10/06/2009, 18h29

J'ai testé sur IE5, IE7. Donc ça doit passer pour IE 6.

Tu as bien précisé la même valeur pour les attributs id et name ?

[DOM] [debutant] changer le contenu d un iframe en DOM

JavaScript

Discussions similaires

Partager

Partager