Problèle d'accès iFrame, conflit avec innerHtml

**scorpiwolf** · 11/08/2008, 08h47

Salut,

J'ai un petit soucis pour accéder au contenu de mon iFrame.

Voici le code de la page contenant l'iFrame:

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
16
17
18
19
20
21
22
23
24
25
 
<html>
<head>
<script>
function test() {
	if (window.f1.launch != null) window.f1.launch("coucou");	
}
function inner() {
	var divC = document.getElementById("idDiv");
	divC.innerHTML = "<iframe name='f1' id='f1' src='iframe.html'></iframe>";
}
</script>
</head>
 
<body>
<div id="idDiv">
	<iframe name='f1' id='f1' src='iframe.html'></iframe>
</div>
 
<br>
<a href="#" onClick="javascript:test();">test appel iFrame</a>
<br>
<a href="#" onClick="javascript:inner();">test innerHtml</a>
</body>
</html>

Et voici le code de l'iFrame:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
 
<html>
<head>
<script type="text/javascript">
function launch(msg) {
	alert("voici le message: "+msg);
}
</script>
</head>
<body>
<div style="height:200px;width:300px;background:#dee;">Contenu</div>
</body>
</html>

1er test :
- Lorsque je charge la page et que j'appuye sur le bouton "test appel iFrame", l'alert apparait quelque soit le type de navigateur.
- Lorsque j'appuye sur le bouton "test innerHtml", l'iFrame se recharge quelque soit le navigateur.
- Si ensuite je reappuye sur le bouton "test appel iFrame", alors le message n'apparait que sur IE et Safari. Firefox ne m'affiche rien.

2ème test:
- Sur firefox, je recharge la page, et j'appuye sur le bouton "test innerHtml".
- Ensuite j'appuye sur le bouton "test appel iFrame", et ca fonctionne !!
- Par contre si je reappuye sur le bouton "test innerHtml", puis sur "test appel iFrame", là, ca ne fonctionne plus...

Bref, il faut à tout prix que j'arrive à accéder à l'iFrame même quand elle est changé par un innerHtml, pourquoi cela ne fonctionne pas sur Firefox?
une idée??

Merci

**Bovino** · 11/08/2008, 09h00

Code :

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

1
2
3
function inner() {
	document.getElementById("f1").src = 'iframe.html';
}

**scorpiwolf** · 11/08/2008, 13h34

Oui en effet, c'est plus simple et ca marche
Merci

Problèle d'accès iFrame, conflit avec innerHtml

JavaScript

Discussions similaires

Partager

Partager