Problème pour changer 2 frames avec un lien
Fermé
Benoit
-
22 déc. 2000 à 15:50
PhP Messages postés 1767 Date d'inscription lundi 11 décembre 2000 Statut Membre Dernière intervention 23 décembre 2009 - 22 déc. 2000 à 21:10
PhP Messages postés 1767 Date d'inscription lundi 11 décembre 2000 Statut Membre Dernière intervention 23 décembre 2009 - 22 déc. 2000 à 21:10
A voir également:
- Problème pour changer 2 frames avec un lien
- Changer dns - Guide
- Verifier un lien - Guide
- Créer un lien pour partager des photos - Guide
- Lien url - Guide
- Piratage facebook changer mot de passe - Guide
1 réponse
PhP
Messages postés
1767
Date d'inscription
lundi 11 décembre 2000
Statut
Membre
Dernière intervention
23 décembre 2009
606
22 déc. 2000 à 21:10
22 déc. 2000 à 21:10
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+
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+