InfoProGraphie Simple > Tutoriels > Graphisme > Animation > E-anim > Ouvrir un popup

E-anim - Ouvrir un popup

Information du tutoriel

http://infoprographiesimple.free.fr/forums/img/avatars/2.pngAuteur: DrNaBl

Correcteur: miquéou lou nissart

Nous allons apprendre à ouvrir un lien dans une nouvelle fenêtre, plus exactement un "popup". Ce tutoriel utilise la version FX de E-anim, puisqu'on aura besoin d'utiliser l'action-script;).

Step By Step

1) Tout d'abord ouvrez E-anim FX. Enregistrez ensuite directement votre projet (Fichier>Enregistrer...), ou bien ouvrez un projet déjà existant (Fichier>Ouvrir...).

2)Ensuite allez dans Projet>Programmation Mtasc. Une nouvelle fenêtre s'ouvre (le nom de la class correspond au nom de votre fichier .phi) :

http://infoprographiesimple.free.fr/tutos_animation_Eanim/ouvrir_popup_fenetre_mtasc.png

3)Copiez-collez ce code entre les accolades de la class dans la fenêtre de programmation Mtasc:

Code:


static function main(){}

static function popup(url,nompage,largeur,hauteur)
{
getURL ("javascript:NewWindow=window.open('"+url+"','"+nompage+"','width="+largeur+",height="+hauteur+",left=100,top=50,
toolbar=No,location=No,scrollbars=No,status=No,resizable=No,fullscreen=No' );
NewWindow.focus();
void(0);" );
}

Puis cliquez sur le bouton "Compiler" et "Save" ("Sauvegarder").

http://infoprographiesimple.free.fr/tutos_animation_Eanim/ouvrir_popup_compiler.png

4)On a mis en place la fonction qui va nous permettre d'ouvrir un "popup". Maintenant lorsque vous voulez ouvrir un "popup", par exemple lorsque l'on clique sur un bouton, ajoutez une action au bouton http://infoprographiesimple.free.fr/tutos_animation_Eanim/bt_ajouter_action.png, cliquez sur le bouton "programmer" et mettez ce code:

Code:

->nom_class:popup("url","titre",largeur,hauteur);

Remplacez nom_class par le nom de votre class (le nom de votre fichier .phi normalement), url par l'adresse de la page à ouvrir, titre par le titre de la nouvelle fenêtre, largeur par la largeur de la nouvelle fenêtre et hauteur par la hauteur de la nouvelle fenêtre.

Il faut respecter la casse, c'est-à-dire ne pas mettre d'espace entre les deux points ":" et le nom de la fonction !

Par exemple:

Code:

->ouvrir_popup:popup("http://infoprographiesimple.free.fr","Mapage",640,480);

http://infoprographiesimple.free.fr/tutos_animation_Eanim/ouvrir_popup_action_popup.png

Lorsque que vous testez l'animation en locale, c'est-à-dire lorsqu'il se trouve sur votre disque-dur, le popup ne s'ouvrira pas, il faut l'héberger pour que le popup s'ouvre;).

Voila ce que l'on obtient :

Et voilà, ce n'était pas bien compliqué;). Quoiqu'il en soit, je vous conseille tout de même de ne pas trop abuser des popups qui peuvent nuire à la navigation;).

Les cours sont la propriété de leurs auteurs respectifs.
Toute reproduction totale ou partielle sans l'accord des auteurs est interdite.