SCRIPTS FRAMES - FENETRES.


  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
  7. Plein écran


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 NAME.

<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]


Plein écran.  

Ce script permet par l'intermédiaire d'un bouton d'ouvrir une fenêtre en plein écran.

Script à insérer entre les balises <HEAD> et </HEAD>.

<SCRIPT LANGUAGE="JavaScript">
<!--
function pleinecran()
{
window.open('index.html','AllHTML','width='+screen.width+',height='+screen.height+',top=0,left=0');
}
//-->
</SCRIPT>


Bouton à insérer ou vous le souhaitez.

<FORM>
<INPUT TYPE="BUTTON" onClick="pleinecran()" value="Plein écran">
<FORM>


[TOP]