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.

menu flash et frames html

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 :

movie properties

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 :

menu

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 !

 


Si vous aimez le site

 

Select a language if you need :


Page chargée en 0.003 sec.

Dernière Modification : Mer 25 Janvier 2017 8:56
Copyright © 1999-2017 Jean-Paul Molina Tous droits réservés.

vers Google