Forums Développement Multimédia

Les formations Mediabox
Les formations Mediabox

Lancer un Pop Up centré via un bouton Flash

Compatible ActionScript 1 et 2. Utilise des techniques dépréciées. Cliquer pour en savoir plus sur les compatibilités.Compatible JavaScript. Cliquer pour en savoir plus sur les compatibilités.Par ekameleon (Marc Alcaraz)

Article issu du forum, écrit par ekameleon le 3 juillet 2002
:!: Merci de laisser là-bas toute question ou commentaire.


Voici un petit tutorial pour faire un bouton qui lancera une fenêtre volante (ou popup) centrée en flash.

Tout d'abord il faut créer un bouton. Je précise pas ici la méthode c'est pas le sujet :-)

Faire un popup c'est avant tout utiliser du javascript qui va permettre de controler votre navigateur pour lancer une nouvelle fenêtre entièrement paramétrable.

Dans notre exemple on va créer un popup centré ayant pour taille 200 pixels de largeur par 200 pixels de hauteur.

Le principe pour avoir un code propre est de mettre le script javascript dans la page html qui contient l'animation flash dans la balise <Head>. Pour se faire rien ne vaut l'utilisation du bloc note smile.gif

Javascript

<script>
function lancerpopup( ) {
var lalargeur =  200 ; // ici la largeur du popup
var lahauteur = 200;  // ici la hauteur du popup
var yes = 1;
var no = 0;
var menubar = no; //  Fichier, Editiion, Affichage...
var scrollbars = no; // scrollbarre horizontale & verticale 
var locationbar = no; // Barre d'adresse
var directories = no; // Barre de liens
var resizable = no; // Permettre la fenetre d'être redimensionné 
var statusbar = no; // Status bar (with "Document: Done")
var toolbar = no; // retour, Home, Stop bar d'outil
var t = (screen.height-lahauteur)/2;  // pour centre selon la hauteur de l'écran
var l = (screen.width-lalargeur)/2; // pour centrer selon la largeur de l'écran
propriete = "width=" + (lalargeur) + ",height=" + (lahauteur) +  ",top=" + t +",left=" + l;
propriete += (menubar ? ",menubars" : "") + (scrollbars ? ",scrollbars" : "") + (locationbar ? ",location" : "") + (directories ? ",directories" : "") + (resizable ? ",resizable" : "") + (statusbar ? ",status" : "") + (toolbar ? ",toolbar" : "");
 
popup = window.open('url.html', 'TITRE',propriete);
 
}
</script>

:!: IMPORTANT url.html c'est l'url de votre page html appelée dans le popup. titre c'est le titre de cette page. propriete c'est les propriétés de votre popup paramétrable grâce aux variables au dessus.

Remarque: Il est possible de lancer un popup via flash selon des paramètres passés dans des champs dynamiques en ajoutant dans les parenthèses de la fonction les noms des variables ex :

function lancerpopup (lalargeur,lahauteur) { }

Précision : pour centrer le popup c'est les variables t et l qui font tout en utilisant screen.height et screen.width qui sont les tailles en hauteur et largeur de la résolution de l'ordinateur de l'hote.

Ensuite dans flash sur votre bouton dans le panneau action :

on (release) {
	getURL ("javascript:lancerpopup()");
}

Il ne faut pas oublier de créer une page url.html pour cet exemple et tout devrait marcher.

Je vous joint un exemple :-) Bonne création :-)