|
|
| Tutoriaux : Ouverture d'une pop-up à l'aide d'un bouton flash |
|
1. Introduction |
| Vous voulez intégrer dans les pages de votre site web un magnifique bouton flash qui ouvre une pop-up. Ce n'est pas très difficile à réaliser mais il va tout de même falloir mettre les mains dans le cambouis ! Nous allons utiliser à la fois les langages ActionScript et JavaScript. Pour voir un exemple de ce que l'on cherche à réaliser, cliquez ici. |
| 2. Flash et ActionScript |
|
A l'aide de flash, créer une animation de la taille de votre bouton (135 px de largeur, 20 px de hauteur par exemple). Sur la scène principale de cette animation, placez un bouton quelconque. Dans le panneau action de ce bouton, placez le code suivant : |
on(press) { getURL("javascript:ouvrirpopup()"); } |
| Publiez votre animation au format flash. Un clic sur ce bouton exécutera la fonction "ouvrirpopup" qui est une fonction écrite en JavaScript et qui se trouve dans la page web contenant le bouton flash. |
| 3. Dreamweaver et JavaScript |
| Si vous avez également publié votre animation au format html, à l'aide de votre éditeur de pages web préféré (pour ma part, il s'agit de Dreamweaver), ouvrez la page web contenant votre bouton flash. Sinon, créez une page web nommée "mapage0.html" et intégrez à l'intérieur de cette page votre bouton flash. Repérez les balises html "<head>" et "</head>" dans le code source de votre page et placez entre ces deux balises le code JavaScript suivant : |
<script language="javascript"> function ouvrirpopup() { f = window.open("mapage1.html", "", "width=250, height=200"); } </script> |
| Ce script permet d'ouvrir la page web "mapage1.html" dans une fenêtre de 200 pixels de hauteur et de 250 pixels de largeur. Il ne vous reste plus qu'à créer une seconde page web, placée dans le même répertoire que la première et de la nommée "mapage1.html" : dans cette page, tapez un texte quelconque. Enregistrez tous vos documents, ouvrez la page "mapage0.html" dans votre navigateur, cliquez sur votre bouton flash et oh miracle, la page "mapage1.html" s'ouvre dans une pop-up. C'est beau la technologie : ActionScript et JavaScript communiquent ensemble... |
| 4. Pour aller plus loin |
Évidemment la fonction JavaScript présentée ici et très sommaire. Tous les délires sont autorisés et la fonction JavaScript peut être bien plus complexe. Un second exemple, plus original ici ! Mon intention n'est pas de faire un cours sur le JavaScript mais simplement de montrer les interactions possibles entre ActionScript et JavaScript... Ce genre d'astuces peut s'avérer très utiles dans certains cas. |
|
|