"Comment créer une fenêtre pop-up ?" C'est une question souvent posée par les débutants de Dreamweaver. Trouvez simplement un site Web proposant des effets spéciaux, ou téléchargez un outil d'effets spéciaux et collez le code ! Ce n'est pas encore facile. En fait, le moyen le plus simple consiste à utiliser notre Dreamweaver le plus couramment utilisé. Une fenêtre pop-up normale peut être complétée en quelques clics. Vous n'y croyez pas ? Venez voir! Suivez simplement les étapes suivantes et vous pourrez facilement créer un effet de fenêtre contextuelle.
1. Tout d’abord, appelez le panneau de comportement depuis Fenêtre->Comportements dans la barre de menu ou appuyez directement sur la touche de raccourci Maj+F3.
2. Comme le montre la figure, appuyez sur le signe « + » dans le coin supérieur gauche du panneau de comportement pour ajouter un comportement, puis sélectionnez le comportement « Ouvrir la fenêtre du navigateur » dans le menu contextuel.
3. Après avoir sélectionné le comportement, la boîte de dialogue Ouvrir la fenêtre du navigateur apparaîtra, comme le montre la figure. Remplissez simplement les informations de la fenêtre correspondante dans la boîte de dialogue et cliquez sur « OK » pour terminer la personnalisation de la fenêtre contextuelle. dans
« URL à afficher » : Pour l'adresse de la page Web que vous souhaitez afficher dans une nouvelle fenêtre, vous pouvez saisir l'adresse directement ou appuyer sur le bouton « Parcourir » pour la préciser.
"Window width" et "Window Height" : sont respectivement la largeur et la hauteur de la nouvelle fenêtre, en px.
"Attributs" : Ce sont les caractéristiques de la fenêtre.
"Barre d'outils de navigation", "Barre de menus", "Barre d'outils de localisation", "Barres de défilement selon les besoins", "Barre d'état", "Poignées de redimensionnement"
Représente respectivement la barre d'outils, la barre de menus, la barre d'outils de positionnement, la barre de défilement et la poignée de changement de taille. La sélection de la coche devant l'emplacement correspondant signifie que la nouvelle fenêtre possède les fonctionnalités correspondantes.
« Nom de la fenêtre » : est le nom de la fenêtre cible. Vous pouvez en choisir une ou spécifier le nom d'une fenêtre dans le groupe de cadres. Lorsque vous créez une fenêtre contextuelle, donnez-lui simplement un nom aléatoire.
Après avoir terminé les étapes ci-dessus, le panneau de comportement ressemblera à ceci, indiquant qu'une nouvelle fenêtre de navigation sera ouverte lors du chargement de la page (onLoad).
En fait, le processus d'ajout de comportements dans le panneau de comportement est le processus par lequel Dreamweaver génère du code Javascript. Au cours des étapes ci-dessus, le code suivant a été généré. Montrés en gras ci-dessous, les commentaires entre "< !—" et "-- >" sont les commentaires pour cette partie du code :
<html>
<tête>
<title>Document sans titre</title>
< méta http-equiv="Content-Type" content="text/html; charset=gb2312" >
< langage de script="JavaScript" >
< !--
function MM_openBrWindow(theURL,winName,features) { //v2.0
window.open (l'URL, winName, fonctionnalités);
}
//-- >
</ /script >< !—Ouvre la fenêtre en fonction de la valeur transmise ->
</ /tête >
< body bgcolor="#FFFFFF" text="#000000" onLoad="MM_openBrWindow('yourpage.htm', 'winname','toolbar=yes,location=yes,status=yes, menubar=yes,scrollbars=yes, redimensionnable=oui,largeur=300,hauteur=200')" >
< ! – Définissez la valeur de chaque attribut de la fenêtre contextuelle, transmettez la valeur à chaque paramètre formel correspondant et définissez l'événement de déclenchement sur onLoad-->
Effet de fenêtre pop-up
< /corps >
< /html >
Vous pouvez comprendre le code ci-dessus comme ceci : lorsque l'événement onLoad est déclenché (c'est-à-dire lorsque le chargement de l'image ou de la page termine), la méthode MM_openBrWindow() est appelée et la valeur
"'votrepage.htm', 'winname', 'toolbar=oui,emplacement=oui, statut=oui,menubar=oui, barres de défilement=oui, redimensionnable=oui, largeur=300, hauteur=200'"
(Ici appelés paramètres réels) Transmettez les paramètres formels correspondants - "theURL, winName,features" pour une utilisation par window.open(). Notez que les trois paramètres doivent être placés entre guillemets simples. Parmi ces codes, la phrase la plus critique est :
"window.open (l'URL, winName, fonctionnalités)"
Cela signifie que dans la fenêtre nommée winName, ouvrez la page à l'adresse URL selon les caractéristiques spécifiées par les fonctionnalités.
Après avoir compris la signification du code, nous pouvons savoir que le code peut être écrit directement comme ceci : ajouter <body>
onLoad="window.open('votrepage.htm', 'winname','toolbar=yes, location=yes,status=yes,menubar=yes, scrollbars=yes,resizing=yes,width=300,height=200' )"
Une phrase. Cette façon d'écrire n'est pas différente de l'effet de Dreamweaver générant automatiquement du code.
Nous connaissons déjà la signification des trois paramètres dans window.open() - le premier est l'adresse de la page à afficher, le deuxième est le nom de la fenêtre cible et le troisième est une description des caractéristiques d'apparence de la fenêtre. fenêtre. Je n’entrerai pas dans les détails du premier et du deuxième paramètres. Parlons du troisième paramètre. Pour le troisième paramètre, on peut écrire
"'toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizing=no, width=300, height=200,left=100, top=100'"
Ici, la barre d'outils représente la barre d'outils, l'emplacement représente la barre d'adresse, les répertoires représentent la barre de navigation, l'état représente la barre d'état, la barre de menu représente la barre de menu, les barres de défilement représentent la barre de défilement, redimensionnable représente la poignée de changement de taille, et la largeur et la hauteur représentent la la largeur et la hauteur de la fenêtre, respectivement, gauche et haut représentent la position où la fenêtre apparaît.
Les valeurs de la barre d'outils, de l'emplacement, des répertoires, de l'état, de la barre de menus, des barres de défilement et du redimensionnable peuvent être définies sur oui, non, 1 ou 0. oui (1) signifie que la nouvelle fenêtre possède cette fonctionnalité et non (0) ce n'est pas le cas. Les valeurs de largeur, hauteur, gauche et haut doivent être remplies avec des chiffres et l'unité est px.
Cela dit, comprenez-vous ? N'est-il pas facile d'ajouter des comportements et de créer des fenêtres contextuelles dans Dreamweaver ? N'est-il pas difficile d'écrire du code à la main ? Tant que vous pratiquez un peu plus, en peu de temps, vous ressentirez : il s'avère que créer des fenêtres pop-up est si simple !