Une fenêtre qui se ballade
DEMONSTRATION

NE FONCTIONNE QU'AVEC NETSCAPE: Si vous appuyez sur le bouton ci-dessous, une petite fenêtre va faire le tour de l'écran avant de se fermer. Un bel effet de surprise qui peut aussi se déclencher lorsque l'internaute rentre ou sort de la page web.

Code source de ce script en 2 parties

Entre <HEAD> et <HEAD>
top
 

<Script Language="JavaScript1.2">
<!-- 
//Ci-dessous, mettez le contenu html de la fenêtre (entre +' et ' si sur plusieurs ligne)
//onBlur="self.focus()" doit être présent dans le <BODY>
var Contenu='<HTML><BODY onBlur="self.focus()" Bgcolor="#FFFFF0">'
+'<CENTER><BR>'
+'<font face="Arial" color="#0000FF" size=4>Bienvenue sur webgraf.com</font>'
+'</CENTER></BODY></HTML>'

var WindowX=140 //taille horizontal de la fenêtre
var WindowY=40  //taille vertical de la fenêtre
var x=0 // vitesse déplacement en x (si+ =+rapide)
var y=0 // vitesse déplacement en y


function start(){if(navigator.appName == "Netscape"){
nw=window.open("","nw","scrolbar=0,toolbar=0,location=0,directories=0,status=0"
+",menubar=0,width="+WindowX+",height="+WindowY+",left=0,top=0");
nw.document.open();nw.document.writeln(Contenu); nw.document.close();gvar();};}
function mgros(){window.nw.moveBy(x,y); gvar();}
function gvar(){if (plus==1){if (x<35){x+=1;
window.setTimeout("mgros()",200);}
else{if (y<29){y+=1;window.setTimeout("mgros()",200);}
else{plus=0;x=0;y=0;gvar();};};}
else{if (x>-35){x-=1;window.setTimeout("mgros()",200);}
else{if (y>-29){y-=1;window.setTimeout("mgros()",200);}
else fine();};};};var plus=1;function gvarm(){if (y>0){y-=1;
window.setTimeout("mgros()",200);}
else{if (x>0){x-=1;window.setTimeout("mgros()",200);}
else fine();};};function fine(){nw.close();clearTimeout();}
//Merci de ne pas effacer ces lignes
//D'autres script,applet,images sur webgraf.Com 
//Mathieu Gros, webmaster@webgraf.Com
//-->
</Script>
 
La 2eme partie de ce script est au choix :

CHOIX 1: Dans le corp du document (entre <body> et </body>):
Démarrer le script avec un bouton:
top
 

<Form>
<Input type="button" Value="START" onclick="start()">
</Form>

CHOIX 2: Dans la balise <BODY>:
Démarrer le script au chargement de la page: 

<body  onload="start()">
 
INFORMATIONS COMPLEMENTAIRES
top

IMPORTANT Comment intégrer ce script dans votre page: 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