Problème Javascript et iframe

Fermé
ti bob - 6 févr. 2009 à 16:08
 pazz - 12 févr. 2009 à 09:22
Bonjour,

mon souci est le suivant j'arrive pas a déclanger un changement d'image, sur une page depuis une iframe sur cette même page...

voici mon code (simple) :


Dans ma page index :

<img src="#" name"img" />




Sur index, via iframe, mais sur une page diffèrente en faite...

<a href="#" onclick="changeImg('img', 'img/mon_image.jpg')">cliquez ici</a>




script, sur un fichier .js extern lié au deux pages...

<script type="text/javascript">
function changeImg(name, adresse) {
document.images[nom].src=adresse;
}
</script>


Je pense que cela vien du faite que je passe par une iframe, mais je suis obligé de passer par iframe...
A mon avis sa marche pas car je passe par document > image >src
Il doit y a voir un truc a mettre pour que sa marche, mais je ne sait pas quoi??

Si vous connaissez une solution ou une bonne alternative au iframes sa m'intéraisse beaucoup...

Merci
A voir également:

3 réponses

pour comuniquer avec une iframe tu doi procédé de cet manière:


html:

<iframe name="tonname" src="..."></iframe>


javascript:

window.document.tonname.tavar=x;


voila

Pazz
0
en faite je voudrai communiqué depuis cette iframe, pour agir sur une image sur la page source/principale...
0
salut,

oui il faut justement faire comme j'ai dit, je te fait un exemple

Javascript:
var HeightImg=0;

function communiqueFrame(){
HeightImg=window.document.Taframe.HeightImg;
document.getElementById('IMG').style.height=HeightImg+"px";
setTimeout("communiqueFrame()",10);
}

function changeTail(H){
	HeightImg=H;
}

HTML principal:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="JS.js"></script>
<title>frame_communique</title>
</head>
<body onload="communiqueFrame()">
<img src="wallpaperUMV.jpg" id="IMG" />
<iframe src="int.html" name="Taframe"></iframe>
</body>
</html>

html de la frame:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="JS.js"></script>
<title>Document sans nom</title>
</head>

<body>
<input type="text" onchange="changeTail(this.value)" />
</body>
</html>


voila il te suffit d'adapter et le tour est joué
0