Quelques exemples de JavaScript


Celui-ci donne un effet de dégradé au texte désiré. Les paramètres sont :

<SCRIPT language="JavaScript">
<!--
degrade('OUUAAAH, FUUUNN!!','FF0000','0000FF');
// -->
</SCRIPT>

<SCRIPT language="JavaScript">
<!-- debut du script
function degrade(texte,C1,C2) {
	R1=parseInt(C1.substring(0,2),'16');
	G1=parseInt(C1.substring(2,4),'16');
	B1=parseInt(C1.substring(4,6),'16');
	pR=(parseInt(C2.substring(0,2),'16')-R1)/texte.length;
	pG=(parseInt(C2.substring(2,4),'16')-G1)/texte.length;
	pB=(parseInt(C2.substring(4,6),'16')-B1)/texte.length;
	valHex="0123456789ABCDEF";

	for (var i=0;i<texte.length;i++) {
		R=valHex.charAt((R1+pR*i)/16)+valHex.charAt (R1+pR*i)%16);
		G=valHex.charAt((G1+pG*i)/16)+valHex.charAt (G1+pG*i)%16);
		B=valHex.charAt((B1+pB*i)/16)+valHex.charAt (B1+pB*i)%16);
		document.write ('<FONT COLOR="#'+R+G+B+'">'+texte.substring(i,i+1)+'</FONT>');
	}
}
//fin du script -->
</SCRIPT>

Celui-ci fait changer la couleur du fond de l'ecran au chargement de la page.

<SCRIPT LANGUAGE="JavaScript">
<!--
function bgChanger (C1,C2,pas) {
	R1=parseInt(C1.substring(0,2),'16');
	G1=parseInt(C1.substring(2,4),'16');
	B1=parseInt(C1.substring(4,6),'16');
	pR=(parseInt(C2.substring(0,2),'16')-R1)/pas;
	pG=(parseInt(C2.substring(2,4),'16')-G1)/pas;
	pB=(parseInt(C2.substring(4,6),'16')-B1)/pas;
	valHex="0123456789ABCDEF";

	for (var i=0;i<pas;i++) {
		R=valHex.charAt((R1+i*pR)/16)+valHex.charAt((R1+i*pR)%16);
		G=valHex.charAt((G1+i*pG)/16)+valHex.charAt((G1+i*pG)%16);
		B=valHex.charAt((B1+i*pB)/16)+valHex.charAt((B1+i*pB)%16);
		document.bgColor=R+G+B
	}
}
bgChanger("000000","7F0000",25);
bgChanger("7F0000","FF0000",25);
bgChanger("FF0000","7F7F00",25);
bgChanger("7F7F00","00FF00",25);
bgChanger("00FF00","007F7F",25);
bgChanger("007F7F","0000FF",25);
bgChanger("0000FF","00007F",25);
bgChanger("00007F","000000",25);
// -->
</SCRIPT>

Voici un petit script pour avoir une seconde image lorsque la souris passe sur une image active.
Remplacer image1 et image2 par l'URL des fichiers image que vous désirez.

<A href="#1" onMouseOver="img1.src='image2'" onMouseOut="img1.src='image1'">
<IMG name="img1" src="image1" onLoad="tempImg=new Image(0,0); tempImg.src='image2'">
</A>

Pour indiquer automatiquement la date de mise à jour d'un document.

<SCRIPT LANGUAGE=JavaScript>
document.write(document.lastModified)
</SCRIPT>
Dernière mise à jour :

Christophe Merlet
redfox@redfoxcenter.org
©Tous droits réservés
25 juin 1998