Message de sortie sur Webgraf.com

Un message de sortie ou d'entrée d'une page web

DEMONSTRATION

Ce script fait apparaitre un message dans une fenêtre à part lorsque l'utilisateur sort ou rentre dans une page . Ceci permettant pas exemple de faire un message de bienvenue ou d'au-revoir.

Pour voir l'effet de ce script (paramétré pour fonctionner lors de la sortie), cliquez sur le bouton SORTIR ou ENTRER:

Telecharger cette page
code source en 2 parties :
- Entre <HEAD> et </HEAD>
- Dans la balise <BODY>
Informations

Code source de ce script en 2 parties

Entre <HEAD> et <HEAD>

top


<SCRIPT LANGUAGE="JavaScript">
<!--
//Merci de ne pas effacer ces lignes
//D'autres script,applet,images sur webgraf.Com 
//Mathieu Gros, webmaster@webgraf.Com

function msg(){

// width et heigth = taille de la fenêtre, left et top = position de la fenêtre 
Mgros =window.open("",'Anim2','width=200,height=160,left=200,top=200')

Mgros.document.write("<HTML><HEAD>"

/*Ci-dessous le contenu : mettez toutes les balises html que vous voulez 
mais remplacez les " par des ' et entourez chaque ligne par +" et "   */
+"<TITLE>A bientot</TITLE></HEAD><BODY>"
+"<center>"
+"<FONT COLOR=#800000 face='arial'><B>Merci de votre interêt</B></FONT><BR><BR>"
+"N'hésitez pas à Revenir<BR><BR>"
+"A bientot...<BR>"
+"<FORM><INPUT TYPE=button value='Fermer cette fenêtre' onClick='window.close()'></FORM>"
+"</CENTER></BODY></HTML>"
+"");}
// -->
</SCRIPT>

Dans la balise <BODY>

top


<BODY  onUnload="msg()">

INFORMATIONS COMPLEMENTAIRES

top

Quelque regles importantes

Lorsque vous écrivez du html dans ce script n'oubliez jamais ces règles:
Ne jamais mettre de ", si il y en a (ce qui est normal) remplacez les par des '
Toujours commencer une ligne (dans ce script) par +"
Toujours finir une ligne par "

Si vous respectez ces règles vous pourrez mettre autant de balise html que vous voulez.

A la sortie ou à la rentrée?

Si vous voulez que cette fenêtre apparaisse lors du chargement de la page (pour un message de bienvenue par exemple). Remplacez onUnload="msg()" par onLoad="msg()" dans la balise <BODY>

Fermeture automatique

Une autre option est de fermer automatiquement la fenêtre au bout de X seconde de votre choix!
Pour ce faire il vous faut rajouter les 3 lignes suivantes :(si possible en derniere position)

+"<SCRIPT LANGUAGE='JavaScript'>\n\n\</script\>\n"
Dans ce cas la fenêtre se ferme au bout de 2 secondes. Si vous voulez changer cette valeur, modifier le 2000 par la valeur de votre choix (en ms)
Si vous rajoutez ces 3 lignes, il est évident que la ligne du bouton qui ferme la fenêtre n'est plus primordiale, vous pouvez donc la supprimer mais il vaut mieux la laisser pour donner le choix à l'internaut. Voici la ligne en question:

+"<FORM><INPUT TYPE=button value='Fermer cette fenêtre' onClick='window.close()'></FORM>"

Un exemple:

Voici un exemple avec les 3 lignes supplémentaires qui permettent de fermer automatiquement la fenêtre au bout de X seconde (ici 2 secondes), la ligne du bouton pour fermer la fenêtre a été supprimée.
Cliquez sur le bouton EXEMPLE pour voir l'effet que cela donne ...

Comment intégrer ce script dans votre page:

Faites un copier/coller du code source ci-dessus dans votre document HTML.
Modifiez les différentes variables de ce script à votre gré.

Vous pouvez télécharger cette page au format zip :télécharger.

Un problème ou une critique : e-mail
Des ressources utiles et gratuites pour vos pages Web :
webgraf.com
window.document.[form|forms['nom'|n]].checkbox.checked