Problèle d'accès iFrame, conflit avec innerHtml
Salut,
J'ai un petit soucis pour accéder au contenu de mon iFrame.
Voici le code de la page contenant l'iFrame:
Code:
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:
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
