Problème pour changer 2 frames avec un lien
Benoit
-
PhP Messages postés 1774 Statut Membre -
PhP Messages postés 1774 Statut Membre -
J'ai une page HTML avec 3 cadres (haut, bas, gauche) et je voudrais changer les cadres haut et bas quand je clique sur un lien du cadre bas.
Merci de votre aide
Merci de votre aide
1 réponse
-
Slt Benoit,
La solution s'appelle Javascript !
Décidemment je regrette pas de l'avoir appris.
Donc tu as 3 pages haut.htm, bas.htm et gauche.htm.
En fait tu en as oublié une c'est la page qui contient la description du jeu de cadres lui-même : pour l'ex je vais l'appeler cadre.htm
Dans cadre.htm tu doit avoir un code HTML qui ressemble à ça :
<HTML>
<HEAD>
</HEAD>
<FRAMESET cols="150,*">
<FRAME name="gauche" target="haut" src="gauche.htm"&g t;
<FRAMESET rows="20%,*">
<FRAME name="haut" target="bas" scr="haut.htm">
<FRAME name="bas" src="bas.htm">
</FRAMESET>
<NOFRAMES>
<BODY>
...
</BODY>
</NOFRAMES>
</FRAMESET>
</HTML>
J'ai bien dit qui ressemble.
Bon ce qui est important c'est que pour chaque page la propriété NAME soit définie. Si ce n'est pas le cas fait comme ds l'exemple.
Supposons que tu veuilles maintenant charger les pages
nouveau_haut.htm et nouveau_bas.htm qd tu cliques sur un lien
de bas.htm :
Voici les modifications à apporter dans ta page bas.htm
<HTML>
<HEAD>
<SCRIPT language="JavaScript&qu ot;>
<!--
function changecadres()
{
window.parent.haut.locatio n.href="nouveau_haut.htm ";
window.parent.bas.location .href="nouveau_bas.htm& quot;;
}
//-->
</SCRIPT>
</HEAD>
<BODY>
...
<A href="javascript:changec adres()">Cliquez ici pour changer les 2 cadres en même temps ...</A>
...
</BODY>
</HTML>
Et voilà !
Une autre variante, en utilisant Javascript sous une forme moins explicite, pourrait être :
<HTML>
<HEAD>
</HEAD>
<BODY>
...
<A href="nouveau_bas.htm&q uot;
onclick="parent.haut .location.href='nouveau_haut. htm'">Cliquez ici pour changer les 2 cadres en même temps ...</A>
...
</BODY>
</HTML>
Bien faire attention aux (') et aux (")
C'est un peu plus simple mais c'est tjrs du Javascript !
Pour + d'explication sur window.parent... tu as mon e-mail
A+
