Menu Flash et frames html
On se propose de montrer comment afficher une page html dans une frame à partir d'un menu flash situé dans une autre frame.
Principe
On va utiliser simplement getUrl. Les différentes étapes vont être décrites maintenant.
Création des pages html
1 - Créez une page nommée index.htm dans laquelle vous mettrez :
<html><head><title>essai changement frame avec flash</title></head>
<frameset framespacing="0" border="1" cols="139,*" frameborder="1">
<frame name="left" scrolling="no" noresize target="rbottom" src="menu.htm">
<frameset rows="50,*">
<frame name="rtop" target="rbottom" src="haut.htm" scrolling="no">
<frame name="rbottom" src="accueil.htm" scrolling="auto">
</frameset>
<noframes>
<body>
<p>Cette page utilise des cadres mais votre navigateur ne peut les utiliser.</p>
</body> </noframes></frameset> </html>
2 - Créez une page nommée haut.htm dans laquelle vous mettrez :
<html><head><base target="rbottom"></head>
<body bgcolor="#AAAAAA">
<div align="center"> <center><H2>Page Entête</H2></center></div>
</body></html>
3 - Créez une page nommée accueil.htm dans laquelle vous mettrez :
<html><head><title>Accueil</title></head>
<body bgcolor="#CCCCCC">
<div align="center"><center>
<H1>C'est la page d'accueil</H1></center></div>
</body></html>
4 - Créez ensuite 3 pages nommées respectivement page1.htm, page2.htm, page3.htm dans lesquelles vous mettrez :
( n'oubliez pas de changer le texte ! )
<html><head><title>Page 1</title></head>
<body bgcolor="#CCCCCC">
<div align="center"><center><H1>C'est la page 1</H1>
</center></div></body></html>
Création du menu Flash
1 - Définissez les dimensions générales :
Dans Movie Properties (accessible par CTRL J) , cochez Stop playing at end of movie
2 - Créez 4 textes comme indiqués sur l'image :
3 - Placez les scripts suivants :
- pour le texte Menu : on (release) { getURL("accueil.htm", "rbottom"); }
- pour le texte > Page1 : on (release) { getURL("page1.htm", "rbottom"); }
- pour le texte > Page2 : on (release) { getURL("page2.htm", "rbottom"); }
- pour le texte > Page3 : on (release) { getURL("page3.htm", "rbottom"); }
4 - Sauvegardez ( menu.swi ) et exportez ( menu.htm ). Testez !