- · 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.
![[Photo]](https://www.trucsweb.com/documents/images/2024/js-bs-formulaire-fetch.png)
Formulaire Bootstrap 5 Ajax avec validation.![[Photo]](https://www.trucsweb.com/documents/images/2023/elephants-Salvador_Dali_1948.jpg)
Sécuriser l’accès « bureau à distance » sous IIS![[Photo]](https://www.trucsweb.com/documents/images/2023/trou_noir_galaxie_M87.jpg)
L’AI au temps du Far-Web![[Photo]](https://www.trucsweb.com/documents/images/2023/gilles-villeneuve-montreal1978.jpg)
Sélecteurs JavaScript querySelector() et querySelectorAll()![[Photo]](http://www.trucsweb.com/documents/images/2023/evolution_de_lhomme.jpg)
CSS - Animations![[Photo]](http://www.trucsweb.com/documents/images/2023/univers-copernic.jpg)
Mode de couleurs (Color modes) Bootstrap 5![[Photo]](http://www.trucsweb.com/documents/images/2023/les_burgers_de_papa.jpg)
25 ans des Trucsweb - Bouton hamburger animé Bootstrap 5![[Photo]](http://www.trucsweb.com/documents/images/logos/l_whatwg.svg)
Living Standard pour HTML de Apple, Google, Mozilla, Microsoft ...et la W3C![[Photo]](http://www.trucsweb.com/documents/images/2022/tim-berners-lee-web-b.jpg)
Le nouveau HTML « Living Standard » et le XML![[Photo]](http://www.trucsweb.com/documents/images/2022/v_jacques_dutronc-les_cactus.jpg)
Sécuriser un formulaire de contact au Far-Web!
AbuseIPDB
Connexion