dans la partie HEAD : <SCRIPT> <!-- function highlight(x){ document.form.elements[x].focus(); document.form.elements[x].select(); } //--> </SCRIPT> <style> <!-- .intro { position: absolute; left: 0; top: 0; layer-background-color: gray; background-color: gray; border: 0.1px solid gray } --> </style> dans la partie BODY: <div id="i1" class="intro"></div> <div id="i2" class="intro"></div> <script language="JavaScript1.2"> //script trouvé sur http://www.javanett.ovh.org: Des tonnes de javascript //changer la vitesse ici var speed=20 var temp=new Array() var temp2=new Array() if (document.layers){ for (i=1;i<=2;i++){ temp[i]=eval("document.i"+i+".clip") temp2[i]=eval("document.i"+i) temp[i].width=window.innerWidth/2 temp[i].height=window.innerHeight temp2[i].left=(i-1)*temp[i].width } } else if (document.all){ var clipright=document.body.clientWidth/2,clipleft=0 for (i=1;i<=2;i++){ temp[i]=eval("document.all.i"+i+".style") temp[i].width=document.body.clientWidth/2 temp[i].height=document.body.offsetHeight temp[i].left=(i-1)*parseInt(temp[i].width) } } function openit(){ window.scrollTo(0,0) if (document.layers){ temp[1].right-=speed temp[2].left+=speed if (temp[2].left>window.innerWidth/2) clearInterval(stopit) } else if (document.all){ clipright-=speed temp[1].clip="rect(0 "+clipright+" auto 0)" clipleft+=speed temp[2].clip="rect(0 auto auto "+clipleft+")" if (clipright<=0) clearInterval(stopit) } } function gogo(){ stopit=setInterval("openit()",100) } gogo() </script>

Entre les < et > de Body : onunload="partezpas();" Dans la partie BODY: <SCRIPT LANGUAGE = "JavaScript">function partezpas() { window.open("Le nom de votre page qui s'ouvrira!"); } </script>

<P><SCRIPT LANGUAGE="Javascript1.1"><!-- Un curseur etoile var nameSP1 = "star.gif"; var heightSP1 = 10; var widthSP1 = 10; NS4 = (document.layers) ? 1 : 0; IE4 = (document.all) ? 1 : 0; VERSION4 = (NS4|IE4) ? 1 : 0; var styleSP1 = (NS4) ? "" : ".style"; var objSP1 = new Array(); var numObjSP1 = 6 var ptrSP1 = 0; function defObjSP1(ID) { if (NS4) { this.layer = new Layer (0); this.layer.visibility = "hidden"; this.layer.document.write('<img src=\"'+nameSP1+'\" height=\"'+heightSP1+'\" width=\"'+widthSP1+'\" border=\"0\">'); this.layer.document.close(); } else { eval ('this.layer = document.all.SP1'+ID); } this.old = 6; } function testVisibilitySP1() { for(var x=0; x < numObjSP1; x++) { with (objSP1[x]) { if (old <numObjSP1) { if (++old == numObjSP1) eval('layer' + styleSP1 + '.visibility = "hidden"'); } } } } function mouseEventSP1(e) { ptrSP1 = (++ptrSP1 < numObjSP1) ? ptrSP1 : 0; objSP1[ptrSP1].old = 0; if (NS4) { objSP1[ptrSP1].layer.visibility = "visible"; objSP1[ptrSP1].layer.left = e.pageX ; objSP1[ptrSP1].layer.top = e.pageY + 5; } else { objSP1[ptrSP1].layer.style.visibility = "visible"; objSP1[ptrSP1].layer.style.pixelLeft = event.clientX + document.body.scrollLeft ; objSP1[ptrSP1].layer.style.pixelTop = event.clientY + document.body.scrollTop + 5; } } function initSP1() { if (VERSION4) { for(var x=0; x<numObjSP1; x++) objSP1[x] = new defObjSP1(x) ; if (NS4) document.captureEvents(Event.MOUSEMOVE); document.onmousemove = mouseEventSP1; setInterval("testVisibilitySP1();",40); } } if (VERSION4 && ! NS4) { for (var x=0; x<numObjSP1; x++) { document.write('<div id="SP1'+x+'" style="position: absolute; visibility: hidden;">'); document.write('<img src="'+nameSP1+'" height="'+heightSP1+'" width="'+widthSP1+'" border="0"></div>'); document.write('</div>'); } } if (window.onload) { if (window.RegExp) { var regstr = '^[^\\{]*\\{((.|\\t|\\n|\\r)*)}[^\\}]*$'; window.onload.toString().match(regstr); window.onload = new Function (RegExp.$1+"; initSP1 ();"); } } else window.onload = initSP1; // --></SCRIPT>

Dans la partie HEAD: <script language="JavaScript"> <!-- var largeurecran = screen.width; var hauteurecran = screen.height; function zoom100(){self.moveTo(0,0) ; self.resizeTo(largeurecran,hauteurecran);} function zoom75() {self.moveTo(0,0) ; self.resizeTo(largeurecran/1.33,hauteurecran/1.33);} function zoom50() {self.moveTo(0,0) ; self.resizeTo(largeurecran/2,hauteurecran/2);} function zoom25() {self.moveTo(0,0) ; self.resizeTo(largeurecran/3,hauteurecran/3);} function zoom(){ var largeurecran = screen.width; var hauteurecran = screen.height; taille = document.formul.D1.value; alert(largeurecran + " X " + hauteurecran +"\n"+ largeurecran*taille + " X " + hauteurecran*taille); self.moveTo(0,0) ; self.resizeTo(largeurecran*taille,hauteurecran*taille); } function zoomplus(){ for (y=100 ; y<=hauteurecran ; y++){self.resizeTo(y*1.4,y)}; } function zoommoins(){ for (y=hauteurecran ; y>=-500 ; y--){self.resizeTo(y*1.4,y)}; } //--> </script> Dans la partie BODY: <form name="formul"> <div align="center"><center><p><select name="D1" size="1" onchange="zoom(this.options[selectedIndex].value)"> <option value="1.00">Zoom</option> <option value="1.00">100%</option> <option value="0.95">95%</option> <option value="0.90">90%</option> <option value="0.85">85%</option> <option value="0.80">80%</option> <option value="0.75">75%</option> <option value="0.70">70%</option> <option value="0.65">65%</option> <option value="0.60">60%</option> <option value="0.55">55%</option> <option value="0.50">50%</option> <option value="0.45">45%</option> <option value="0.40">40%</option> <option value="0.35">35%</option> <option value="0.30">30%</option> <option value="0.25">25%</option> <option value="0.20">20%</option> <option value="0.15">15%</option> <option value="0.10">10%</option> <option value="0.05">05%</option> <option value="0.00">00%</option> </select><input type="button" value="100%" name="B1" onClick="zoom100()"><input type="button" value="75%" name="B1" onClick="zoom75()"><input type="button" value="50%" name="B1" onClick="zoom50()"><input type="button" value="25%" name="B1" onClick="zoom25()"><input type="button" value="Zoom Plus" name="B1" onClick="zoomplus()"><input type="button" value="Zoom Moins" name="B1" onClick="zoommoins()"></p> </center></div> </form>

Dans la partie BODY: <SCRIPT LANGUAGE="JavaScript">NavName = navigator.appName.substring(0,3); NavVersion = navigator.appVersion.substring(0,1); if (NavName != "Mic" || NavVersion>=4) { entree = new Date; entree = entree.getTime(); sortIe(); } function sortIe() { if (NavName != "Mic" || NavVersion>=4) { sortie2 = new Date; sortie = sortie2.getTime(); secondes = Math.floor((sortie-entree)/1000) ; minutes = Math.floor(secondes/60); while (secondes>=60) { secondes = secondes-60; } window.status='Cela fait ' + minutes + ' minute(s) et ' + secondes +'seconde(s) que vous visitez cette page.' ; tempo = setTimeout("sortIe()", 1000); } } </SCRIPT>

<script language="JavaScript"><!-- function getCookieVal (offset){ var endstr = document.cookie.indexOf (";", offset); if (endstr == -1) endstr = document.cookie.length; return unescape(document.cookie.substring(offset, endstr));} function GetCookie (name){ var arg = name + "="; var alen = arg.length; var clen = document.cookie.length; var i = 0; while (i < clen){ var j = i + alen; if (document.cookie.substring(i, j) == arg) return getCookieVal (j); i = document.cookie.indexOf(" ", i) + 1; if (i == 0) break;} return null;} function SetCookie (name, value){ var argv = SetCookie.arguments; var argc = SetCookie.arguments.length; var expires = (2 < argc) ? argv[2] : null; var path = (3 < argc) ? argv[3] : null; var domain = (4 < argc) ? argv[4] : null; var secure = (5 < argc) ? argv[5] : false; document.cookie = name + "=" + escape (value) + ((expires == null) ? "" : ("; expires=" + expires.toGMTString())) + ((path == null) ? "" : ("; path=" + path)) + ((domain == null) ? "" : ("; domain=" + domain)) + ((secure == true) ? "; secure" : "");} function ResetCounts(name){visits = 0; SetCookie("visits", visits, expdate , "/", null, false); leapto();} var expdate = new Date();var visits; expdate.setTime(expdate.getTime() + (24 * 60 * 60 * 1000 * 365)); if(!(visits = GetCookie("visits"))) visits = 0; visits++; SetCookie("visits", visits, expdate, "/", null, false); /* jeunesse paradize */ document.write("<FONT COLOR=FFFF00 ><B>Vous avez visité cette page "+visits+" fois.</B><BR>"); if(visits == 1) document.write("<FONT COLOR=FFFF00 ><B>Soit le bienvenue pour la première</B></FONT>"); if(visits == 2) document.write("<FONT COLOR=FFFF00 ><B>Chouette : tu reviens !!</B></FONT>"); if(visits == 3) document.write("<FONT COLOR=FFFF00 ><B>Encore toi ? </B></FONT>"); if(visits == 4) document.write("<FONT COLOR=FFFF00 ><B>Et une 4°… </B></FONT>"); if(visits == 5) document.write("<FONT COLOR=FFFF00 ><B>Un abitué..</B></FONT>"); if(visits >= 6) document.write("<FONT COLOR=FFFF00 ><B>dernier message </B></FONT>"); // --></Script>

Dans la partie BODY: <P><script language="JavaScript"><!-- Hide code from older browsers //--------------------------------------------------------- - //--------------------------------------------------------- function searchme(form){ var site=form.dest.selectedIndex; //Alta Vista Search if (site==0){ var where="http://www.altavista.digital.com/cgi-bin/query?pg=q&what=web&kl=XX&q=" var where2="&search.x=46&search.y=3" parent.location=where + form.text1.value + where2;} //Excite Search if (site==1){ var where="http://www.excite.com/search.gw?trace=a&search=" parent.location= where + form.text1.value;} //Hot Bot Search if (site==2){ var where="http://www.hotbot.com/?SW=web&SM=MC&MT=" var where2="&DC=100&DE=2&RG=NA&_v=2&act.search.x=97&act.search.y=15" parent.location=where + form.text1.value + where2;} //Info Seek Search if (site==3){ var where="http://www.infoseek.com/Titles?qt=" var where2="&col=WW&sv=IS&lk=noframes&nh=100" parent.location=where + form.text1.value + where2;} //Lycos Search if (site==4){ var where="http://www.lycos.com/cgi-bin/pursuit?matchmode=and&cat=lycos&query=" var where2="&x=22&y=8" parent.location=where + form.text1.value + where2;} //Meta Crawler Search if (site==5){ var where="http://www.metacrawler.com/crawler?general=" var where2="&target=&method=0&region=&rpp=20&timeout=10&hpe=100" parent.location=where + form.text1.value + where2;} //Web Crawler Search if (site==6){ var where="http://www.webcrawler.com/cgi-bin/WebQuery?searchText=" parent.location= where + form.text1.value;} //Yahoo Search if (site==7){ var where="http://search.yahoo.com/bin/search?p=" parent.location=where + form.text1.value; } //Nomade Search if (site==8){ var where="http://rechercher.nomade.fr/recherche.asp?s=" parent.location=where + form.text1.value; } //Hachette Search if (site==9){ var where="http://www.hachette.net/o2/grolier/annuaire_hachette_v1_base?SITES-%3ErechercheGET=" parent.location=where + form.text1.value; } } // make me visisble --></script></P> <P><FONT SIZE="-1" FACE="Verdana" COLOR="#FFFFCC"> </FONT></P> <P><CENTER><TABLE BORDER=0 CELLSPACING=1> <TR> <TD> <P><CENTER><SELECT NAME="dest"> <OPTION VALUE="altavista" SELECTED>Alta Vista <OPTION VALUE="excite">Excite <OPTION VALUE="hotbot">Hot Bot <OPTION VALUE="infoseek">Info Seek <OPTION VALUE="lycos">Lycos <OPTION VALUE="metacrawler">MetaCrawler <OPTION VALUE="webscrawler">Web Crawler <OPTION VALUE="yahoo">Yahoo <OPTION VALUE="nomade">Nomade <OPTION VALUE="hachette">Hachette </SELECT></CENTER> </TD><TD VALIGN=top> <P><INPUT TYPE="text" NAME="text1" VALUE="" SIZE=20> </TD><TD VALIGN=top> <P><input type="button" value="Rechercher" onclick="searchme(this.form)"> </TD></TR> </TABLE>

Script Javascript à intégrer entre les balises <BODY> et </BODY>. <script language="Javascript"> <!-- ID=window.setTimeout("window.location='Votre adresse'",2500); //--> </script>

Utilisation du script La fonction browserID() retourne une chaine de caractères identifiant le navigateur. 3 valeurs sont possibles : "Netscape Navigator x.xx"; x.xx indiquant la version de Netscape. "Microsoft Internet Explorer x.xx"; x.xx indiquant la version d'Explorer. "Navigateur Inconnu 0.00"; pour tous les autres browsers. Source exemple : <HTML> <SCRIPT LANGUAGE = "JavaScript"> Inclure ici le script d'identification du browser<BR> </SCRIPT> <BODY> <!-- On utilise la commande javascript "document.write" pour écrire dans un page HTML, la fonction browserID affiche le nom du navigateur utilisé. --> <SCRIPT LANGUAGE = "JavaScript"> <!-- document.write('Vous utilisez <B>',browserID(),'.</B> Bonne continuation!'); //--> </SCRIPT> </BODY> </HTML>

Script Javascript à intégrer entre les balises <HEAD> et </HEAD>. <SCRIPT LANGUAGE="javascript"> <!--Begin function adClick(ad, site) { window.open(ad); window.location = site; } //End--> </SCRIPT> Boîte où va apparaître le message défilant. <a href="javascript:adClick('Votre_premier_lien', %20'Votre_deuxieme_lien');">Cliquez-ici pour découvrir vos deux liens </a>

Javascript à intégrer entre les balises <HEAD> et </HEAD>: <script language="javascript"> <!-- function Ouvrir(page) { La_page=page; } function Fermer() { La_page.close() } // --> </script> Puis dans la partie BODY: <a onMouseOver="Ouvrir(window.open('votre_page','p','width=400,height=50,menubar=no'))" onMouseOut="Fermer()" href="votre_page"> Exemple</a>

Ce script permet d'insérer un mot de passe dans votre document. Ce mot de passe est en fait le nom d'une page. Vous devez donc créer une autre page sur le meme repertoire... EXEMPLE Top of Form 1 Bottom of Form 1 Le mot de passe est "creation04bis", mais ne le donnez qu'aux personnes concernées!! Placez ce script entre les balises </TITLE> et </HEAD> <SCRIPT LANGUAGE="JavaScript"> <!-- function checkPswd(ext) { if ((document.pswdForm.pswd.value == null) || (document.pswdForm.pswd.value == '')) alert('Mot de passe invalide.'); else this.location.href = document.pswdForm.pswd.value + ext; } //--> </SCRIPT> Puis placer ces balises à l'endroit ou vous voulez afficher la boîte de saisie du mot de passe. <FORM NAME="pswdForm"> <INPUT TYPE="password" NAME="pswd" SIZE=24 MAXLENGTH=40> <INPUT TYPE="button" VALUE="Ok" onClick="checkPswd('.php3')"> </FORM>

Pour cela vous devez d abord creer une image fond_d_ecran.jpg grace a gimp, corel,... Attention a bien la choisir de maniere qu elle soit suffisamment grande et centree pour que selon les differentes cofigurations d ecran, cela ne choque pas Ensuite vous l inserez dans chaque page en changeant l attribut de body <BODY background="attente.jpg"> Apres si votre site n est pas compose de tableau comme celui ci, rejoutez apres le body <BODY background="attente.jpg"> <TABLE> <TR> <TD> ainsi qu a la fin avant le balise de fin HTML </TABLE> </TR> </TD> </HTML> Si votre page est deja un tableau c est bon :) Le principe est que IE ou Netscape attendent la fin du chargement de la totalite des elements (image, texte,...) du tableau pour l afficher et donc il laisse l image de fond d ecran en attendant

INSERER ce script juste apres la partie <BODY> <SCRIPT LANGUAGE="JavaScript"> <! -- var no = 60; var speed = 5; var ns4up = (document.layers) ? 1 : 0; var ie4up = (document.all) ? 1 : 0; var s, x, y, sn, cs; var a, r, cx, cy; var i, doc_width = 800, doc_height = 600; if (ns4up) { doc_width = self.innerWidth; doc_height = self.innerHeight; } else if (ie4up) { doc_width = document.body.clientWidth; doc_height = document.body.clientHeight; } x = new Array(); y = new Array(); r = new Array(); cx = new Array(); cy = new Array(); s = 8; for (i = 0; i < no; ++ i) { initRain(); if (ns4up) { if (i == 0) { document.write("<layer name=\"dot"+ i +"\" left=\"1\" "); document.write("top=\"1\" visibility=\"show\"><font color=\"blue\">"); document.write(",</font></layer>"); } else { document.write("<layer name=\"dot"+ i +"\" left=\"1\" "); document.write("top=\"1\" visibility=\"show\"><font color=\"blue\">"); document.write(",</font></layer>"); } } else if (ie4up) { if (i == 0) { document.write("<div id=\"dot"+ i +"\" style=\"POSITION: "); document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: "); document.write("visible; TOP: 15px; LEFT: 15px;\"><font color=\"blue\">"); document.write(",</font></div>"); } else { document.write("<div id=\"dot"+ i +"\" style=\"POSITION: "); document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: "); document.write("visible; TOP: 15px; LEFT: 15px;\"><font color=\"blue\">"); document.write(",</font></div>"); } } } function initRain() { a = 6; r[i] = 1; sn = Math.sin(a); cs = Math.cos(a); cx[i] = Math.random() * doc_width + 1; cy[i] = Math.random() * doc_height + 1; x[i] = r[i] * sn + cx[i]; y[i] = cy[i]; } function makeRain() { r[i] = 1; cx[i] = Math.random() * doc_width + 1; cy[i] = 1; x[i] = r[i] * sn + cx[i]; y[i] = r[i] * cs + cy[i]; } function updateRain() { r[i] += s; x[i] = r[i] * sn + cx[i]; y[i] = r[i] * cs + cy[i]; } function raindropNS() { for (i = 0; i < no; ++ i) { updateRain(); if ((x[i] <= 1) || (x[i] >= (doc_width - 20)) || (y[i] >= (doc_height - 20))) { makeRain(); doc_width = self.innerWidth; doc_height = self.innerHeight; } document.layers["dot"+i].top = y[i]; document.layers["dot"+i].left = x[i]; } setTimeout("raindropNS()", speed); } function raindropIE() { for (i = 0; i < no; ++ i) { updateRain(); if ((x[i] <= 1) || (x[i] >= (doc_width - 20)) || (y[i] >= (doc_height - 20))) { makeRain(); doc_width = document.body.clientWidth; doc_height = document.body.clientHeight; } document.all["dot"+i].style.pixelTop = y[i]; document.all["dot"+i].style.pixelLeft = x[i]; } setTimeout("raindropIE()", speed); } if (ns4up) { raindropNS(); } else if (ie4up) { raindropIE(); } // End --> </script> Précisez le nombre de gouttes de pluie que vous souhaitez voir tomber sur votre site (var no = 50;) et la vitesse de celles-ci (var speed = 1;)

INSERER DANS LA PARTIE <HEAD> DU DOCUMENT HTML <style type="text/css"> #divCursor{position:absolute; width:100; height:15;} </style> <script type="text/javascript" language="JavaScript"> function checkBrowser(){ this.ver=navigator.appVersion this.dom=document.getElementById?1:0 this.ie5=(this.ver.indexOf("MSIE 5")>-1 & this.dom)?1:0; this.ie4=(document.all & !this.dom)?1:0; this.ns5=(this.dom & parseInt(this.ver) >= 5) ?1:0; this.ns4=(document.layers & !this.dom)?1:0; this.bw=(this.ie5 || this.ie4 || this.ns4 || this.ns5) return this } bw=new checkBrowser() fromLeft=10 fromTop=10 function cursorInit(){ oCursor=new makeCursorObj('divCursor') scrolled=bw.ns4 || bw.ns5?"window.pageYOffset":"document.body.scrollTop" if(bw.ns4)document.captureEvents(Event.MOUSEMOVE) document.onmousemove=move; } function makeCursorObj(obj,nest){ nest=(!nest) ? '':'document.'+nest+'.' this.css=bw.dom? document.getElementById(obj).style:bw.ie4?document.all[obj].style:bw.ns4?eval(nest+"document.layers." +obj):0; this.moveIt=b_moveIt; return this } function b_moveIt(x,y){this.x=x; this.y=y; this.css.left=this.x; this.css.top=this.y} function move(e){ x=bw.ns4 || bw.ns5?e.pageX:event.x y=bw.ns4 || bw.ns5?e.pageY:event.y if(bw.ie4 || bw.ie5) y=y+eval(scrolled) oCursor.moveIt(x+fromLeft,y+fromTop) } onload=cursorInit; </script> INSERER DANS LA PARTIE <BODY> DU DOCUMENT HTML <div id="divCursor"> Votre texte </div>

A METTRE DANS LA PARTIE <HEAD> <!-- debut du script var attente=50; var suivant=-1; var suivante=-1; var hauteur=new Array ( "1", "2", "3", "4", "5", "6", "7" ); var hauteur2=new Array ("1","2","3","4","5"); micint = false; if (navigator.appName.indexOf("Microsoft") != -1) micint = true; function depart() { if (++suivant >= hauteur.length) suivant=hauteur.length-1; else if (++suivante >= hauteur2.length) suivante=hauteur2.length-1; affiche(); setTimeout("depart()", attente); } function affiche() {y = '<div align="center"><b><font size='+hauteur[suivant]+' color="#FFFFFF">Voici un exemple<br></div>'; z ='<div align="center"><b><font size='+hauteur2[suivante]+' color="#DC143C">avec deux grandeurs de texte</div>'; if (micint) { entre.innerHTML = y; entre1.innerHTML = z; } else { document.entree.document.write(y); document.entree.document.close(); document.entree1.document.write(z); document.entree1.document.close(); } } function charger() { setTimeout("depart()",1000); } //-->A METTRE DANS LA BALISE <BODY> onload="charger()" A METTRE DANS LA PARTIE <BODY> <!--Utilisation avec IE--><!--Utilisation avec Netscape-->

<a href="javascript:window.external.addfavorite('http:// le nom de votre site')"><font size="1" face="Verdana, Arial"><b>Favoris</b></font></a><

<a class="chlnk" onclick="this.style.behavior='url(#default#homepage)';this.setHomePage('http://votre site/');" style="CURSOR: hand"><font size="1" face="Verdana, Arial"><b>Demarrage</b></font></a>

<font color="#00FF00" size="4">Choisis la couleur du papier peint : &nbsp;</font><font color="#00FF00">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font></h4> <form name="MonFormulaire_a_Moi"> <p><font size="4"><select size="1" onchange="document.bgColor=this.options[this.selectedIndex].value"> <option value="blue">Bleu</option> <option value="aquamarine">Vert clair</option> <option value="chocolate">Brun</option> <option value="darkred">Marron</option> <option value="gold">Or</option> <option value="red">Rouge</option> <option value="yellow">Jaune</option> <option value="hotpink">Rose</option> <option value="lime">Lime</option> <option value="darkkhaki">Kaki</option> <option value="cadetblue ">Violet</option> <option value="darkslateblue">Bleu marine</option> <option value="turquoise">Turquoise</option> <option value="000000">Noir</option> <option selected value>Choisissez une couleur de fond d'écran</option> </select> </font></p>