All HTML
All HTML, le Webzine du HTML
Accueil Aide Avis Awards Actu Recherche E-Mail Menu
Décoder
Langage
Balises
Multimédia
JavaScript
Plug-in
Trafic
F.T.P.
Lexique
Download
Créer
Outils
Services
Gifs
Contacter
Liens
Kiosque
E-Mail
Retour JavaScript
Exemples JavaScript (frame - fenêtre).


Voici quelques exemples de script. Vous pouvez faire un copier - coller pour les introduire dans votre page.

  1. Fenêtre volante
  2. Fenêtre avec fermeture automatique
  3. Message d'alerte
  4. Supprimer les frames
  5. Un clic ! : deux fenêtres
  6. Confirmer et saisir


Fenêtre volante.

Ce script permet avec l'aide d'un bouton (fonction window.open et ONCLICK) de faire apparaître une fenêtre. Exemple si votre fichier se nomme dialogue.htm

<SCRIPT LANGUAGE="JavaScript">
<!--
function aproposde()
{
window.open("dialogue.htm", "aproposde", "toolbar=no, location=no, directories=no, status=yes,
scrollbars=yes, resizable=no, copyhistory=no, width=300, height=400, left=300, top=50");
}
//-->
</SCRIPT>


Après avoir placé ce script entre les balises </TITLE> et </HEAD> créer un lien pour appeler cette fenêtre.

<A HREF="#" ONCLICK="aproposde()">Cliquez ici</A>


A l'intérieur de votre fichier dialogue vous pouvez créer un bouton de fermeture.

<FORM>
<INPUT TYPE="BUTTON" VALUE="Fermer !!" ONCLICK="window.close()">
</FORM>


[TOP]


Fenêtre avec fermeture automatique.

Ce script permet de réaliser une fenêtre volante à l'aide du script (Boîte de dialogue) avec fermeture automatique de celle-ci. Il suffit pour cela d'ajouter dans la balise <BODY> de votre fenêtre ce script (ici 5000 = 5 sec) :

<BODY OnLoad='compt=setTimeout("self.close();",5000)'>


[TOP]


Message d'alerte.

Ce script affiche un message d'alerte au chargement de votre page, ou, lors d'un clic sur un lien. Il fait appel à la fonction alert.

Au chargement d'une page (ajoutez ceci dans votre balise BODY).

<BODY onload="alert ('votre message ici')">


Lors d'un clic sur un lien.

<A HREF="page.htm" onClick="alert ('votre message ici')">


[TOP]


Supprimer les frames.

Ce script permet de supprimer les frames d'un site. A insérer dans la page (généralement la page d'accueil de votre site) appelée par le site.

<SCRIPT LANGUAGE="JavaScript">
<!--
if (top.frames.lenght!=0)
top.location=self.document.location;
//-->
</SCRIPT>


[TOP]


Un clic ! : deux fenêtres.

Ce script permet de mettre à jour 2 fenêtre d'une frame en un seul clic. Le script ci-dessous est à placer dans la page qui va appeler les 2 nouvelles fenêtres. FRAME2 et FRAME3 correspondent aux noms (NAME) de vos frames dans la balise FRAME SRC

<SCRIPT LANGUAGE="JavaScript">
<!--
function charge2(fr1, fr2)
{
parent.FRAME2.location.href=fr1;
parent.FRAME3.location.href=fr2;
}
//-->
</SCRIPT>


Ensuite il faut rajouter ceci pour appeler par un lien hypertexte vos deux nouvelles pages html (ici frame4.htm et frame5.htm).

<A HREF="javascript:charge2('frame4.htm','frame5.htm')">2 fenêtres !!</A>


[TOP]


Confirmer et saisir.

Voici un exemple de fenêtre faisant appel aux fonctions confirm et prompt. Script à placer entre entre les balises </TITLE> et </HEAD>.

<SCRIPT LANGUAGE="JavaScript">
<!--
var a = false, b='';
a= confirm ('Accord pour continuer ?');
if (a)
b = prompt("Tapez ici votre texte!!", 'Message');
else
b= prompt("On ne veut pas continuer ?",'Message');
alert (b + '\n Exemple Terminé');
//-->
</SCRIPT>


[TOP]