|
|
Fenêtre POP-UP ---- pop-up sur un texte |
vers le surfeur
|
|
|
Fenêtre POP-UP ---- pop-up sur un texte |
vers le surfeur
|
Il s'agit d'une petite fenêtre qui donne une information
supplémentaire et se place automatiquement sur l'écran, mais que l'on peut déplacer à
sa guise, voire la réduire dans la barre des tâches ou même la faire disparaître
entièrement, sans oublier de minuter sa présence .
Pour connaître le javascript, rien de tel que de
consulter le site adéquat : http://www.toutjavascript.com/
À placer entre <head> et </head> dans la source du fichier de départ :
<script language="JavaScript">
<!-- JavaScript
window.open("votre_page.htm")
// - JavaScript - -->
</script>
________________________________________________________________
N°1 entre <head> et </head>
<script language="Javascript">
function petitefenetre(page) {
window.open(page,'titre', 'width=400, height=400, resizable=yes, toolbar=false, scrollbars=false, status=yes');
}
</script>
N°2 (placer le code suivant à
l'endroit désiré)
<a
href="javascript:petitefenetre("http://votre page.htm")">Clic!</a>
Pour fermer ensuite la petite
fenêtre, insérer le code suivant (dans la petite fenêtre)
<a
href="javascript:window.close()">Fermer</a>
________________________________________________________________
Il est de bon ton de minuter la présence d'une fenêtre popup, selon le code suivant placé dans la source de la fenêtre popup :
N°1 entre <head> et </head>
<script
language="JavaScript"<
<!--
var duree = 2000; // temps avant fermeture en mls
t = null;
function Fermer(){
t = setTimeout("self.close()",duree);
}
//-->
</script>
N°2 entre <body> et </body>
<body votre page onload="Fermer()">
Ouvrir plusieurs fenêtres à la fois
L'instruction <window.open("http://votre_site")>
développe une nouvelle fenêtre. Dans les parenthèses, on indique entre guillemets
l'adresse (URL) de la page à ouvrir. Plusieurs fenêtres peuvent être ouvertes en une
seule manœuvre : il suffit pour cela de créer une fonction (par exemple
OuvrirLesFenetres) dans laquelle nous inscrirons autant de lignes <window.open> que de
fenêtres nécessaires.
Pour les lancer d'un clic sur un bouton, une ligne sera suffisante :
<input type=button value="Ouvrir les fenêtres" onclick="OuvrirLesFenêtres()">
En plus, open accepte des paramètres
supplémentaires.
La ligne <window.open("http://votre_site","","height=200, width=300, left=100, top=50")>
déploiera - une fenêtre de 200 pixels de haut (height),
-
300 pixels de large (width) qui se
placera
- à 100 pixels du bord gauche de l'écran (left)
- à 50 pixels du haut (top).
ATTENTION ! Le texte en fuchsia doit être remplacé par le vôtre !
|
|
Fenêtre POP-UP ---- pop-up sur un texte |
vers le surfeur
|
