Accueil > > > APPLIQUER UN CHEMIN DE COULEUR SUR UN TEXTE ENTRÉ EN PARAMÈTRE...
APPLIQUER UN CHEMIN DE COULEUR SUR UN TEXTE ENTRÉ EN PARAMÈTRE...
Information sur la source
Description
Bonjour Ce code vous permet de faire un dégrader sur un texte(encore?!), oui mais de plusieurs couleurs. On entre le texte en paramètre, un tableau de couleur de la class Color, le style et un debug pour voir évoluer la fonction.. La fonction écrit directement sur le document.
Source
- <script language="javascript" type="text/javascript">
- function Color(arg,ag,ab)
- {
-
- if((typeof(arg)=="number")&&(typeof(ag)=="number")&&(typeof(ab)=="number"))
- {
- this.red = arg;
- this.green = ag;
- this.blue = ab;
- }
- else
- {
- this.red = 0;
- this.green = 0;
- this.blue = 0;
- }
- }
- function d2h(d)
- {
- if ((d<16)&&(0<=d)) return "0" + d.toString(16);
- else return d.toString(16);
- }
-
- function h2d(h) {return parseInt(h,16);}
-
- function ColorString(texte,tColors,style,fdebug)
- {
- var out = "";
- var sout="";
- debug = function (idebug)
- {//alert("texte.length" + texte.length)
- switch(idebug)
- {
- case 0:sout="texte.length" + texte.length;break;
- case 1:sout+="\ndColor:" + dColor;break;
- case 2:sout+="<br>Nbre de lettre par partie : " +nbLettrepPartie;break;
- case 3:sout+="if(!(dColor * iColor < Lettre))<br>";break;
- case 4:sout="<br>vrai ou faux??";;break;
- case 5:sout+=dColor + "*" + iColor + "<=" + Lettre;break;
- case 6:sout+="\nicolor++\n";;break;
- case 7:sout+="iLettre:"+iLettre+"\tColor :"+TheColor+" \tLettre:'"+texte.charAt(Lettre)+"'\n";break;
- case 8:document.write(sout);
- case 9:sout+="\n" + dColor * iColor + "<" + Lettre
- default:sout+="null"; break;
- }
- }
-
- nbLettrepPartie = texte.length/(tColors.length-1);
- if(fdebug) debug(0);
- dColor = texte.length / (tColors.length-1);
- if(fdebug)debug(1);
- if(fdebug)debug(2);
- if (dColor<1) dColor = 1;
- var iColor = 0;
- if(fdebug){debug(3);debug(8);}
- iLettre = 0;
- for(var Lettre = 0; Lettre<texte.length;Lettre++)// Parcours et écriture de toute les lettres
- { if(fdebug){debug(4);debug(5);debug(9);}
-
- if(dColor * iColor <= Lettre)
- { iLettre = 0;
- iColor++;
- if(fdebug)debug(6);
- dr = ( tColors[iColor].red - tColors[iColor-1].red ) / nbLettrepPartie;
- dg = ( tColors[iColor].green - tColors[iColor-1].green ) / nbLettrepPartie;
- db = ( tColors[iColor].blue - tColors[iColor-1].blue ) / nbLettrepPartie;
- }
-
- TheColor = "#" + d2h(Math.round(tColors[iColor-1].red + iLettre * dr)) +d2h(Math.round(tColors[iColor-1].green + iLettre * dg)) + d2h(Math.round(tColors[iColor-1].blue + iLettre * db))
- if(fdebug){debug(7);debug(8);}
- out+='<font '+style+' color="' + TheColor + '">' + texte.charAt(Lettre) + '</font>';
-
- iLettre++;
- }
- document.write(out);
- }
-
- var tColors = [new Color(00,00,255),new Color(255,255,255),new Color(255,0,0)]
- ColorString("0123456789abcdefghijklmnopqrstuvwxyz0123456789abcdefghijklmnopqrstuvwxyz",tColors,"",1);
- </script>
<script language="javascript" type="text/javascript">
function Color(arg,ag,ab)
{
if((typeof(arg)=="number")&&(typeof(ag)=="number")&&(typeof(ab)=="number"))
{
this.red = arg;
this.green = ag;
this.blue = ab;
}
else
{
this.red = 0;
this.green = 0;
this.blue = 0;
}
}
function d2h(d)
{
if ((d<16)&&(0<=d)) return "0" + d.toString(16);
else return d.toString(16);
}
function h2d(h) {return parseInt(h,16);}
function ColorString(texte,tColors,style,fdebug)
{
var out = "";
var sout="";
debug = function (idebug)
{//alert("texte.length" + texte.length)
switch(idebug)
{
case 0:sout="texte.length" + texte.length;break;
case 1:sout+="\ndColor:" + dColor;break;
case 2:sout+="<br>Nbre de lettre par partie : " +nbLettrepPartie;break;
case 3:sout+="if(!(dColor * iColor < Lettre))<br>";break;
case 4:sout="<br>vrai ou faux??";;break;
case 5:sout+=dColor + "*" + iColor + "<=" + Lettre;break;
case 6:sout+="\nicolor++\n";;break;
case 7:sout+="iLettre:"+iLettre+"\tColor :"+TheColor+" \tLettre:'"+texte.charAt(Lettre)+"'\n";break;
case 8:document.write(sout);
case 9:sout+="\n" + dColor * iColor + "<" + Lettre
default:sout+="null"; break;
}
}
nbLettrepPartie = texte.length/(tColors.length-1);
if(fdebug) debug(0);
dColor = texte.length / (tColors.length-1);
if(fdebug)debug(1);
if(fdebug)debug(2);
if (dColor<1) dColor = 1;
var iColor = 0;
if(fdebug){debug(3);debug(8);}
iLettre = 0;
for(var Lettre = 0; Lettre<texte.length;Lettre++)// Parcours et écriture de toute les lettres
{ if(fdebug){debug(4);debug(5);debug(9);}
if(dColor * iColor <= Lettre)
{ iLettre = 0;
iColor++;
if(fdebug)debug(6);
dr = ( tColors[iColor].red - tColors[iColor-1].red ) / nbLettrepPartie;
dg = ( tColors[iColor].green - tColors[iColor-1].green ) / nbLettrepPartie;
db = ( tColors[iColor].blue - tColors[iColor-1].blue ) / nbLettrepPartie;
}
TheColor = "#" + d2h(Math.round(tColors[iColor-1].red + iLettre * dr)) +d2h(Math.round(tColors[iColor-1].green + iLettre * dg)) + d2h(Math.round(tColors[iColor-1].blue + iLettre * db))
if(fdebug){debug(7);debug(8);}
out+='<font '+style+' color="' + TheColor + '">' + texte.charAt(Lettre) + '</font>';
iLettre++;
}
document.write(out);
}
var tColors = [new Color(00,00,255),new Color(255,255,255),new Color(255,0,0)]
ColorString("0123456789abcdefghijklmnopqrstuvwxyz0123456789abcdefghijklmnopqrstuvwxyz",tColors,"",1);
</script>
Historique
- 03 juin 2008 20:07:06 :
- Il est mieux
Sources de la même categorie
Commentaires et avis
Discussions en rapport avec ce code source dans le forum
Changer la couleur d'un textfield [ par Blondy ]
J'aimerais faire une méthode qui change la couleur d'un textfield. Je sais que nous pouvons changer le texte avec .value mais la couleur, avec .style?
changer de couleur la cellule quand la souris vient et part [ par Stephane ]
salut a tousvoila je connais pas trop javascript, alors je me sert des sources qu'il y a, mais y a un truc qu'il n'y est pas :Comment peut on changer
Changer der couleur un bouton. [ par SoniqExnihilo ]
Salut.j'ai fait un bouton bleu et j'aimerai que quand je click dessu il devien rouge par exemple.Voila le code que j'ai ecris mais il produit une erre
Couleur d'une cellule d'un tableau html [ par ypothier ]
Est-ce que quelqu'un pourrai m'aider. J'ai un tableau HTML bien simple. Mais j'aimerai être capable de modifier la class à laquel il appartient dans u
COULEUR DE FOND [ par PatriceVB ]
Est-il possible quand on clique sur un lien, de changer la couleur de fond de la page ?
Changement de couleur de cellules dans un tableau [ par krevette ]
Bonjour tt le mondej'aimerais changer la couleur des cellules d'un tableau (jusque la pas de probleme). Mais ce qu'il y a c'est que je voudrais change
couleur du texte d'une cellule ou la couleur du fond d'une cellule d'une table [ par rabdane ]
J'aimerais avoir un javascript qui change la couleur du texte d'une cellule ou la couleur du fond d'une cellule d'une table appelé TABLE1.cette table
probleme avec couleur scrool I.E [ par Meduse ]
Votre texte ICIVotre texte ICIje place ce bout de code entre les balises <HEAD> et </HEAD> dans ma page hTML pour pouvoir collorer la scro
Roll-over spécial [ par Inc0 ]
Voila, je voudrai faire un rollo- over assez joli.Lorsque la souris est au dessus du lien ça change de couleur. Ok ça j' arrive (lol), mais maintenant
Couleur des separateur de frames... [ par Mirror1661 ]
Salut!ça doit etre super simple mais j'y arrive pas... Comment on change la couleur des bordures qui separent les differentes frames?MerciMirror.
|
Derniers Blogs
UNE JOLIE-HORLOGE ET PAS QU'UN PEU !UNE JOLIE-HORLOGE ET PAS QU'UN PEU ! par neodante
Pour les possesseurs d'iPhone, ça y est Bijin Tokei - qui se traduit littéralement en Français par " Jolie Horloge " - est arrivé et GRATUITEMENT s'il vous plaît ! Après la version Tokyo, Hokkaido, night club, racing, Gal, "pour les mademoiselles'", . voi...
Cliquez pour lire la suite de l'article par neodante TECHDAYS PARIS 2010 : CONNECTEZ VOS DONNéES à SHAREPOINT 2010 AVEC LES BUSINESS CONNECTIVITY SERVICESTECHDAYS PARIS 2010 : CONNECTEZ VOS DONNéES à SHAREPOINT 2010 AVEC LES BUSINESS CONNECTIVITY SERVICES par ROMELARD Fabrice
Animé par: Gaetan Bouveret et Julien Chomarat Business Connectivity Services (BCS) est dans SharePoint 2010 la version 2 de Business Data Catalog (BDC dans SharePoint 2007). Il s'agit de la solution permettant de visualiser des données provenan...
Cliquez pour lire la suite de l'article par ROMELARD Fabrice [DIVERS] SUIVRE VOS SéRIES PRéFéRéS SUR LA TOILE[DIVERS] SUIVRE VOS SéRIES PRéFéRéS SUR LA TOILE par orion
Comme de nombreux geek, je suis un grand amateur de série TV et je rate régulièrement des épisodes de mes séries préférés. Une solution s'offre à vous avec ce merveilleux site : Tv Gorge - www.tvgorge.com Moteur de recherche à l'appui, vous pouvez ...
Cliquez pour lire la suite de l'article par orion TECHDAYS PARIS 2010 : LA BI DANS SHAREPOINT 2010TECHDAYS PARIS 2010 : LA BI DANS SHAREPOINT 2010 par ROMELARD Fabrice
Animé par: Vincent Bellet et Baptiste Giraudier La BI dans SharePoint 2010, Les nouveaux services d'application dans SP2010 et SQL Server Reporting services 2008 R2. La BI dans SharePoint est généralisée pour tous afin de permettre à tous les coll...
Cliquez pour lire la suite de l'article par ROMELARD Fabrice
Logiciels
DB-MAIN (9.1.0)DB-MAIN (9.1.0)DB-MAIN is a data-modeling and data-architecture tool. It is designed to help developers and anal... Cliquez pour télécharger DB-MAIN Xilisoft DPG Convertisseur (5.1.37.0120)XILISOFT DPG CONVERTISSEUR (5.1.37.0120)Xilisoft DPG Convertisseur offre aux fans de Nintendo DS une bonne solution leur permettant de dé... Cliquez pour télécharger Xilisoft DPG Convertisseur GraphicsGale (2.01.01)GRAPHICSGALE (2.01.01)GraphicsGale est un logiciel de PixelArt avec de nombreuse fonctionnalités permettant de réalisé ... Cliquez pour télécharger GraphicsGale Architecte 3D (Platinum 2010)ARCHITECTE 3D (PLATINUM 2010)Architecte 3D Platinium vous permet de concevoir facilement les plans votre future maison, de l'é... Cliquez pour télécharger Architecte 3D TeamViewer 5 (TeamViewer 5)TEAMVIEWER 5 (TEAMVIEWER 5)Dépanner un ami,expliquer une manipulation devient un jeu d'enfant.
Prise en main d'un autre ord... Cliquez pour télécharger TeamViewer 5
|