Trucsweb.com

Trucsweb.com

Flash

Ouvrir une fenêtre ou Pop-up en Flash Partie 1

RDFFav

Ouvrir une fenêtre ou Pop-up en Flash Partie 1 - Avec fonction Javascript.

Un Flash installé dans une page Web peut forcer l’ouverture d’une nouvelle fenêtre ou window du navigateur. Cette nouvelle fenêtre peut-être entièrement « paramétrable » en modifiant les propriétés de la fenêtre, barre de défilement, menu, grandeurs ou même l’ouverture plein écran.flash pop-up popup fenêtre ouvrir geturl nouvelle plein écran fullscreen menu barre défilement status open close function fonction paramétrableOuvrir une fenêtre ou Pop-up en Flash Partie 1 - Avec fonction Javascript.

  • · Niveau : INTERMÉDIAIRE
  • · Compatibilité : Flash 5

Un Flash installé dans une page Web peut forcer l’ouverture d’une nouvelle fenêtre ou window du navigateur. Cette nouvelle fenêtre peut-être entièrement « paramétrable » en modifiant les propriétés de la fenêtre, barre de défilement, menu, grandeurs ou même l’ouverture plein écran.

Le Flash
Le Flash ne permet pas de manipuler les propriétés de la nouvelle fenêtre ni même d’en ouvrir une. Par contre le Javascript le permet. Cet exemple démontre bien l’interaction entre un flash et les fonctions Javascript imbriquées dans la même page HTML. À l’aide d’un simple " getURL " sur un bouton, vous pouvez appeler une fonction Javascript qui s’occupera du reste.

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

Au lieu de donner une adresse, le " GetURL " indique au flash d’exécuter un script externe, soit la fonction OuvreFenetre(). Cette fonction doit être dans le même document HTML où est installé votre Flash.

La fonction Javascript
Un document HTML est fait en deux sections, l’entête et le corps, ou " Header " et " body ". Votre flash doit être entre les balises BODY alors que la fonction Javascript entre les balises HEAD.

<html>
<head>
<script type="text/javascript" language="javascript">
function OuvreFenetre() {
  neo=window.open("URL","NOM","PROPRIÉTÉS")
}
</script>
</head>

<body>
  Votre Flash
</body>
</html>

Les lignes " <script type="text/javascript" language="javascript"> " et " </script> " indique au navigateur que ce code est du Javascript. La fonction doit être entre ses deux balises.

- function OuvreFenetre() indique le nom de la fonction et permet d’obtenir les paramètres envoyés par le Flash (voir exemple partie 2). Une fonction Javascript doit être ensuite entre les symboles " { " et " } ".

- window.open est une méthode Javascript qui permet d’ouvrir une fenêtre à l’aide de trois paramètres, soit le URL, le nom logique de la fenêtre et les propriétés de la fenêtre séparée par des virgules et entre guillemets. " neo " est aussi un nom de la nouvelle fenêtre, vous pouvez donner le nom que vous désirez.

- URL = L’adresse de la page affichée dans la nouvelle fenêtre. (http://www.trucsweb.com)

- NOM = Le nom de la fenêtre pour référence ultérieure en Javascript (Trucsweb)

- PROPRIÉTÉS = La liste des propriétés séparées par des virgules. (propriété=valeur,propriété=…)

Les propriétés
Il y a deux types de propriété, des propriétés que vous pouvez activer ou désactiver à l’aide de " yes " ou " 1 " pour activer et " no " ou " 0 " pour désactiver. Et les propriétés dont vous devez spécifier un nombre comme la largeur de la fenêtre ex : width=300.

  • width (ex. width=300)
    Largeur de la fenêtre du navigateur en pixels.
  • height (ex. height=200)
    Hauteur de la fenêtre du navigateur en pixels.
  • top (ex. top=200)
    Position de la fenêtre en pixels par rapport au haut de l’écran (screenY pour Netscape).
  • left (ex. left=250)
    Position de la fenêtre en pixels par rapport à la gauche de l’écran (screenX pour Netscape).
  • status (ex. status=no)
    Active ou désactive la barre de status de la fenêtre (en bas de la fenêtre).
  • toolbar (ex. toolbar=1)
    Active ou désactive la barre d’outils de la fenêtre.
  • menubar (ex. menubar=yes)
    Active ou désactive la barre de menu de la fenêtre.
  • location (ex. location=0)
    Active ou désactive la barre où une adresse URL peut-être entrée.
  • resizable (ex. resizable=no)
    Active ou désactive la possibilité de changer la grandeur de la fenêtre.
  • titlebar (ex. titlebar=1)
    Active ou désactive la barre la barre du titre de la fenêtre.
  • scrollbars (ex. scrollbars=yes)
    Active ou désactive la barre de défilement de la fenêtre.
  • fullscreen (ex. fullscreen=0)
    Active ou désactive une fenêtre plein écran. Attention, avec Internet Explorer, le visiteur peut-être prit à mal en ne sachant plus comment sortir de cette fenêtre. Ajouter un bouton avec la commande window.close() ou indiquer [ALT-F4] pour fermer la fenêtre. Noter que Netscape ne fait pas exactement de plein écran.
    Ex :
    on (release) {
      getURL("javascript: window.close()");
    }

Exemple complet.

<html>
<head>
<script type="text/javascript" language="javascript">
function OuvreFenetre() {
  neo=window.open("http://www.trucsweb.com", "trucsweb", "height=250, width=350, status=no, toolbar=no, menubar=no, location=no, resizable=no, titlebar=no, scrollbars=no, fullscreen=no, top=100, left=150")
}
</script>
</head>

<body>
  Votre Flash
</body>
</html>

ATTENTION: Vous devez enlever les espaces entre les propriétés ajouter pour la présentation du code.

Django (Oznog) Blais
Dernière mise à jour :

Commentaires

Ajouter un commentaire
Votre adresse de courriel ne sera pas publiée. * L'astérisque indique les champs obligatoires.
Votre évaluation du tutoriel

       Visites : 7005 - Pages vues : 73823
X

Trucsweb.com Connexion

Connexion

X

Trucsweb.com Mot de passe perdu

Connexion

X

Trucsweb.com Conditions générales

Conditions

Responsabilité

La responsabilité des Trucsweb.com ne pourra être engagée en cas de faits indépendants de sa volonté. Les informations mises à disposition sur ce site le sont uniquement à titre purement informatif et ne sauraient constituer en aucun cas un conseil ou une recommandation de quelque nature que ce soit.

Aucun contrôle n'est exercé sur les références et ressources externes, l'utilisateur reconnaît que les Trucsweb.com n'assume aucune responsabilité relative à la mise à disposition de ces ressources, et ne peut être tenue responsable quant à leur contenu.

Droit applicable et juridiction compétente

Les règles en matière de droit, applicables aux contenus et aux transmissions de données sur et autour du site, sont déterminées par la loi canadienne. En cas de litige, n'ayant pu faire l'objet d'un accord à l'amiable, seuls les tribunaux canadien sont compétents.

X

Trucsweb.com Trucsweb

X

Trucsweb.com Glossaire

X

Trucsweb.com Trucsweb

X

Trucsweb.com Trucsweb

Conditions

Aucun message!

Merci.

X
Aucun message!
X

Trucsweb.com Créer un compte

Créer un compte

.
@