[Javascript] Faire clignoter des caractères
Fermé
Vincinho
-
22 avril 2009 à 18:13
incaout Messages postés 347 Date d'inscription lundi 8 septembre 2008 Statut Membre Dernière intervention 15 novembre 2012 - 22 avril 2009 à 19:41
incaout Messages postés 347 Date d'inscription lundi 8 septembre 2008 Statut Membre Dernière intervention 15 novembre 2012 - 22 avril 2009 à 19:41
A voir également:
- [Javascript] Faire clignoter des caractères
- Caractères ascii - Guide
- Caractères spéciaux clavier azerty - Guide
- Telecharger javascript - Télécharger - Langages
- Caractères spéciaux - Guide
- Caractères spéciaux mac - Guide
1 réponse
incaout
Messages postés
347
Date d'inscription
lundi 8 septembre 2008
Statut
Membre
Dernière intervention
15 novembre 2012
74
22 avril 2009 à 19:41
22 avril 2009 à 19:41
Salut,
je dirai que tu as déjà besoin de découper ton mot sur plusieurs balises <span> afin de pouvoir modifier la couleur de chaque.
Tu pourrais avoir un truc du genre :
<span id="mot">
<span>m</span>
<span>o</span>
<span>t</span>
</span>
Ensuite en javascript, tu crées une fonction qui va modifier la couleur.
function ModifieCouleur()
{
//référence le mot sous la forme d'un objet DOM
var mot = document.getElementById("mot");
//Crée un tableau des éléments span contenu dans objet mot
var lettres = mot.getElementsByTagName("SPAN");
//Parcours le tableau et change la couleur de chaque élément
for(c=0;c<lettres.length-1;c++)
{
lettres[c].style.color=macouleur;
}
}
Ensuite pour avoir des couleurs différentes pour chaque lettre, il faudrait un tableau dont chaque case contiendrait une couleur. Et si tu veux faire des cycles de couleur, ton tableau doit être à deux dimensions.
tab[0][0] : bleu
tab[0][1] : rouge
tab[0][2] : vert
tab[1][0] : rouge
tab[1][1] : jaune
tab[1][2] : orange.
il te faut après une fonction timer qui execute la fonction ModifieCouleur toutes les secondes et qui lui passe en paramètre à chaque appel une ligne différente du tableau.
Je suis pas sur que cela fonctionne et il y a ptet plus simple, mais je ne pense pas que l'on puisse changer directement la couleur d'un texte en pur javascript sans passer par HTML.
Bon courage
IC
je dirai que tu as déjà besoin de découper ton mot sur plusieurs balises <span> afin de pouvoir modifier la couleur de chaque.
Tu pourrais avoir un truc du genre :
<span id="mot">
<span>m</span>
<span>o</span>
<span>t</span>
</span>
Ensuite en javascript, tu crées une fonction qui va modifier la couleur.
function ModifieCouleur()
{
//référence le mot sous la forme d'un objet DOM
var mot = document.getElementById("mot");
//Crée un tableau des éléments span contenu dans objet mot
var lettres = mot.getElementsByTagName("SPAN");
//Parcours le tableau et change la couleur de chaque élément
for(c=0;c<lettres.length-1;c++)
{
lettres[c].style.color=macouleur;
}
}
Ensuite pour avoir des couleurs différentes pour chaque lettre, il faudrait un tableau dont chaque case contiendrait une couleur. Et si tu veux faire des cycles de couleur, ton tableau doit être à deux dimensions.
tab[0][0] : bleu
tab[0][1] : rouge
tab[0][2] : vert
tab[1][0] : rouge
tab[1][1] : jaune
tab[1][2] : orange.
il te faut après une fonction timer qui execute la fonction ModifieCouleur toutes les secondes et qui lui passe en paramètre à chaque appel une ligne différente du tableau.
Je suis pas sur que cela fonctionne et il y a ptet plus simple, mais je ne pense pas que l'on puisse changer directement la couleur d'un texte en pur javascript sans passer par HTML.
Bon courage
IC