Lien d'une iframe vers une autre
Bonjour,
Voici la structure de mon site :
J'aimerai que les liens qui se trouve dans l'iframe n°2 "menu.php" renvoit dans l'iframe n°1.
Pour cela, j'ai essayé :
<a href="#" onclick="window.iframe1.location.href='main.php?cat=2'" ><img src="../folder1/img.jpg" /></a>
ou
<a href="#" onclick="document.getElementById('iframe1').src='main.php?cat=2'" /><img src="../folder1/img.jpg" /></a>
Mais cela n'a pas d'effets. J'ai eu beau chercher à droite à gauche, je ne trouve pas de solution.. pourtant c'est surement enfantin !
J'espère que l'un de vous arrivera à me décoincer :)
Voici la structure de mon site :
J'aimerai que les liens qui se trouve dans l'iframe n°2 "menu.php" renvoit dans l'iframe n°1.
Pour cela, j'ai essayé :
<a href="#" onclick="window.iframe1.location.href='main.php?cat=2'" ><img src="../folder1/img.jpg" /></a>
ou
<a href="#" onclick="document.getElementById('iframe1').src='main.php?cat=2'" /><img src="../folder1/img.jpg" /></a>
Mais cela n'a pas d'effets. J'ai eu beau chercher à droite à gauche, je ne trouve pas de solution.. pourtant c'est surement enfantin !
J'espère que l'un de vous arrivera à me décoincer :)
Configuration: Windows XP Firefox 3.5.7
11 réponses
-
J'ai oublié l'image :
[img]http://img535.imageshack.us/img535/9311/structure.jpg[/img] -
http://img535.imageshack.us/img535/9311/structure.jpg
-
Le menu doit obligatoirement être une iframe ?
Car tu peux faire un include en PHP qui copiera le code source depuis un autre fichier. -
bonjour,
oui, le menu doit etre une iframe, pour plusieurs raisons... :) -
Contributeurnon tu dois faire ton lien suivi de target="iframe1"
-
cela ne fonctionne pas..
<a href="main.php?cat=2" target="iframe1" ><img src="../folder1/img.jpg" /></a> -
pas d'idées ? :)
-
Tu peux utilise l'objet parent qui représente l'objet document de la page mère.
Donc, tes liens devraient ressembler à ça :<a href="page.html" onclick="parent.getElementById('iframe1').src = this.href; return false;">Lien</a> -
Cela ne fonctionne pas non plus, le lien ouvre la nouvelle page dans l'iframe où se trouve le lien :
http://www.jbbourgeois.com/?l=fr&p=mywork&sp=3d
clic sur la 2eme image dans le menu de droite. -
C'est "parent.document.getEle..."
Le script que je t'ai donné mettre l'url présente dans le lien comme src de l'iframe.
Donc met l'url de l'image dans le lien.-
fantastique, cela marche enfin ! J'avais pourtant essayé plusieurs fois avec "parent", mais ne connaissant pas bien le javascript, je ne m'y prennais pas correctement. Merci infiniment !
voici mon code pour les prochains qui ont le même probleme (un clic renvoit vers 2 iframes différentes) :
<a href="#" onclick="parent.document.getElementById('frmainpic').src='mywork/mainpic.php?cat=3d&pic=2'; parent.document.getElementById('frnav').src='mywork/navigation.php?cat=3d&num=2'; return:false"><img src="../images/mywork/3d/bureau02.jpg" height="78" width="117" /></a>
Je ne sais juste pas à quoi sert le "return: false"... mais mon probleme semble résolut !
-
-
Par contre à voir ta page, l'utilisation de frame est nullement nécessaire.
Pour le scroll du menu à droite, tu peux utiliser un div avec une hauteur définie et "overflow-y:scroll;"
