Scripts

[Referencement] [Scripts ][Herbergement]

Les scripts Javascript proposés sont issus de divers sites.

Copiez les codes et inserez les dans vos pages.

Date de la dernière modification	Ajoute votre site aux favoris du visiteur
Un bouton pour imprimer	Un bouton pour vos sponsors
Un curseur comme sur ZE-PALM (ancienne version du site)	Un curseur pour snipper

Date de dernière modification

Affiche la date de la dernière modification (publication)

Code à rentrer à l'endroit désiré

<SCRIPT LANGUAGE="JavaScript"> date=document.lastModified jour=date.charAt(3)+date.charAt(4) mois=date.charAt(0)+date.charAt(1) annee=date.charAt(6)+date.charAt(7)+date.charAt(8)+date.charAt(9) document.write("Modifié le : "+jour+"/"+mois+"/"+annee) </SCRIPT>

Ajoute votre site aux favoris

Propose d'ajouter l'URL de votre site aux "favoris" du visiteur

Code à rentrer à l'endroit désiré

<SCRIPT LANGUAGE="JavaScript"> var url="http://votre site.com"; var title="Aj"; document.write('<A HREF="javascript:window.ext'); document.write('ernal.AddFavorite(url,title);" '); document.write('onMouseOver=" window.status='); document.write(" 'Ajouter mon site aux favoris.'; return true "); document.write('"onMouseOut=" window.status='); document.write(" ' '; return true "); document.write('">Ajouter mon site aux favoris.</a>'); </script>

Un bouton pour imprimer

Propose l'impression de la page courante - Trés utile

Code à mettre entre les balises <BODY> et </BODY>,

<SCRIPT LANGUAGE="JavaScript"> if(window.print) { document.write('<A HREF="javascript:window.print()"></A>'); } </SCRIPT>

Un bouton pour vos sponsors !!

Propose au visiteur vos sponsors

Code à mettre entre les balises <HEAD> et </HEAD>,

<SCRIPT LANGUAGE="JavaScript"> if(confirm('Desirez-vous visiter notre sponsor ')) window.open(': http://www.sponsors.com/):','_blank','toolbar=yes,location=yes,directories=yes,status=yes,scrollbars=yes,resizable=yes,copyhistory=yes'); </SCRIPT>

Un effet qui suit le curseur comme sur ze-palm

Une série d'images qui suivent le curseur avec un effet de gravité et d'elasticité. Trés attractif

Code à mettre entre les balises <BODY> et </BODY>

copier l'image suivante:

<DIV id=dot0 style="HEIGHT: 11px; POSITION: absolute; VISIBILITY: hidden; WIDTH: 11px"><IMG border=0 src="images/ball_red.gif"></DIV> <DIV id=dot1 style="HEIGHT: 11px; POSITION: absolute; WIDTH: 11px"><IMG border=0 src="images/ball_red.gif"></DIV> <DIV id=dot2 style="HEIGHT: 11px; POSITION: absolute; WIDTH: 11px"><IMG border=0 src="images/ball_red.gif"></DIV> <DIV id=dot3 style="HEIGHT: 11px; POSITION: absolute; WIDTH: 11px"><IMG border=0 src="images/ball_red.gif"></DIV> <DIV id=dot4 style="HEIGHT: 11px; POSITION: absolute; WIDTH: 11px"><IMG border=0 src="images/ball_red.gif"></DIV> <DIV id=dot5 style="HEIGHT: 11px; POSITION: absolute; WIDTH: 11px"><IMG border=0 src="images/ball_red.gif"></DIV> <DIV id=dot6 style="HEIGHT: 11px; POSITION: absolute; WIDTH: 11px"><IMG border=0 src="images/ball_red.gif"></DIV> <SCRIPT language=JavaScript> /* Elastic Bullets Philip Winston <winston@cs.unc.edu> 10/98 Script edité sur l'éditeur JavaScript http://www.editeurjavascript.com */ var nDots = 7; var Xpos = 0; var Ypos = 0; var DELTAT = .01; var SEGLEN = 10; var SPRINGK = 10; var MASS = 0.8; var GRAVITY = 50; var RESISTANCE = 10; var STOPVEL = 0.1; var STOPACC = 0.1; var DOTSIZE = 10; var BOUNCE = 0.75; var isNetscape = navigator.appName=="Netscape"; var followmouse = true; var dots = new Array(); init(); function init() { var i = 0; for (i = 0; i < nDots; i++) { dots[i] = new dot(i); } if (!isNetscape) { } for (i = 0; i < nDots; i++) { dots[i].obj.left = dots[i].X; dots[i].obj.top = dots[i].Y; } if (isNetscape) { startanimate(); } else { setTimeout("startanimate()", 3000); } } function dot(i) { this.X = Xpos; this.Y = Ypos; this.dx = 0; this.dy = 0; if (isNetscape) { this.obj = eval("document.dot" + i); } else { this.obj = eval("dot" + i + ".style"); } } function startanimate() { setInterval("animate()", 20); } function setInitPositions(dots) { var startloc = document.all.tags("LI"); var i = 0; for (i = 0; i < startloc.length && i < (nDots - 1); i++) { dots[i+1].X = startloc[i].offsetLeft startloc[i].offsetParent.offsetLeft - DOTSIZE; dots[i+1].Y = startloc[i].offsetTop + startloc[i].offsetParent.offsetTop + 2*DOTSIZE; } dots[0].X = dots[1].X; dots[0].Y = dots[1].Y - SEGLEN; } function MoveHandler(e) { Xpos = e.pageX; Ypos = e.pageY; return true; } function MoveHandlerIE() { Xpos = window.event.x + document.body.scrollLeft; Ypos = window.event.y + document.body.scrollTop; } if (isNetscape) { document.captureEvents(Event.MOUSEMOVE); document.onMouseMove = MoveHandler; } else { document.onmousemove = MoveHandlerIE; } function vec(X, Y) { this.X = X; this.Y = Y; } function springForce(i, j, spring) { var dx = (dots[i].X - dots[j].X); var dy = (dots[i].Y - dots[j].Y); var len = Math.sqrt(dx*dx + dy*dy); if (len > SEGLEN) { var springF = SPRINGK * (len - SEGLEN); spring.X += (dx / len) * springF; spring.Y += (dy / len) * springF; } } function animate() { var start = 0; if (followmouse) { dots[0].X = Xpos; dots[0].Y = Ypos; start = 1; } for (i = start ; i < nDots; i++ ) { var spring = new vec(0, 0); if (i > 0) { springForce(i-1, i, spring); } if (i < (nDots - 1)) { springForce(i+1, i, spring); } var resist = new vec(-dots[i].dx * RESISTANCE, -dots[i].dy * RESISTANCE); var accel = new vec((spring.X + resist.X)/ MASS, (spring.Y + resist.Y)/ MASS + GRAVITY); dots[i].dx += (DELTAT * accel.X); dots[i].dy += (DELTAT * accel.Y); if (Math.abs(dots[i].dx) < STOPVEL && Math.abs(dots[i].dy) < STOPVEL && Math.abs(accel.X) < STOPACC && Math.abs(accel.Y) < STOPACC) { dots[i].dx = 0; dots[i].dy = 0; } dots[i].X += dots[i].dx; dots[i].Y += dots[i].dy; var height, width; if (isNetscape) { height = window.innerHeight + document.scrollTop; width = window.innerWidth + document.scrollLeft; } else { height = document.body.clientHeight + document.body.scrollTop; width = document.body.clientWidth + document.body.scrollLeft; } if (dots[i].Y >= height - DOTSIZE - 1) { if (dots[i].dy > 0) { dots[i].dy = BOUNCE * -dots[i].dy; } dots[i].Y = height - DOTSIZE - 1; } if (dots[i].X >= width - DOTSIZE) { if (dots[i].dx > 0) { dots[i].dx = BOUNCE * -dots[i].dx; } dots[i].X = width - DOTSIZE - 1; } if (dots[i].X < 0) { if (dots[i].dx < 0) { dots[i].dx = BOUNCE * -dots[i].dx; } dots[i].X = 0; } dots[i].obj.left = dots[i].X; dots[i].obj.top = dots[i].Y; } } </script>

Un curseur viseur

Une curseur version "sniper" en forme de mire de lunette de tir

Code à mettre entre les balises <HEAD> et </HEAD>

Code à mettre entre les balises <BODY> et </BODY>

[Programmes] [Contact ] [Liens ] [Favoris ] [Astuces ] [Creation ][Insolite]