Astuces du SpeeDEricH.com

Merci pour ce ....... SPEED EXEMPLE JAVA SCRIPT 20

TEXTE EN DÉGRADÉ DE COULEUR



Tu as deux parties à recopier pour faire fonctionner ce script sur tes pages
1. Dans la partie HEAD de ton document :
<script language="JavaScript">
<!-- debut du script
// Ce script provient du SPEEDSITE
//http://perso.wanadoo.fr/erich.depuydt
function tableau (n) {
var nb;
this.length = n;
for (var i = 1; i <=n; i++)
if (i<10) {
nb = i+"";
nb = nb.substring(0,1);
this[i] = nb;
}
return this;
}
function conversion(couleur) {
var reste=1;
var indice;
var hexa1;
var hexa2;
var couleurHexa;
tabHex = new tableau(16);
tabHex[10]="A"; tabHex[11]="B"; tabHex[12]="C"; tabHex[13]="D"; tabHex[14]="E"; tabHex[15]="F";
indice = 1;
hexa2 = (couleur%16);
hexa1 = parseInt(couleur/16);
hexa2 = tabHex[hexa2];
if (hexa2 == null)
hexa2 = "0";
hexa1 = tabHex[hexa1];
if (hexa1 == null)
hexa1 = "0";
couleurHexa = hexa1 + hexa2;
return couleurHexa;
}
function degrade(texte, taille, police, RGB) {
var nbCouleurMax = 256;
var facteur = nbCouleurMax/texte.length;
var couleur;
var i;
var c1,c2,c3;
for (i=0;i<texte.length;i++) {
ton=facteur*i;
if (RGB == 0) {
c1 = 'FF'
c2 = conversion(ton);
c3 = c2;
}
else if (RGB == 1) {
c1 = conversion(ton);
c2 = 'FF'
c3 = c1;
}
else {
c1 = conversion(ton);
c2 = c1;
c3 = 'FF'
}
document.write ('<FONT SIZE=' + taille + ' FACE="' + police + '" COLOR="#' + c1 + c2 + c3 + '">' + texte.substring (i,i+1) + '</FONT>');
}
}
// Fin du script -->
</script>

2. Dans le corps du document :
<script language="JavaScript"><!--
// debut du script
degrade('Ton texte dégradé de couleur rouge',5,'Arial',0)
// Fin du script
// --></script>

Explications : <SCRIPT LANGUAGE="JavaScript"> degrade('ton texte','ta taille','ta police',ton numerocouleur) oú numerocouleur = 0 donne un dégradé de rouge, = 1 donne un dégradé de vert et = 2 donne un dégradé de bleu.

RETOUR à l'exemple précédent  : Une image qui suit ... SOMMAIRE des Exemples JAVA SCRIPT SUITE des exemples : Couleur de fond d'écran au choix

ED   05-03-2003
SpeeDEricH.com Nedstat Tu mesures ton audience ?