begin process at 2012 05 29 06:01:44
  Trouver un code source :
 
dans
 
[ Dernières recherches ]
Accueil > Forum > 

Archive Javascript

 > 

Archives

 > 

Débutants

 > 

Faire passer un texte progressivement d'une couleur donnee a une autre.

Derniers messages déposésPoser une question dans le forum ou lancer une discussion

Faire passer un texte progressivement d'une couleur donnee a une autre.

mardi 21 septembre 2004 à 05:33:32 | Faire passer un texte progressivement d'une couleur donnee a une autre.

Grand Mamamouchi
Super, ca marche, merci a vous tous !

Grace au debugage efficace de Ghislain, le script est devenu operationnel.

Le voici :

<div id = conteneur_html>
dstr7hbtrdu6tniui76un76856rn5e754ne758n556
</div>

<script>

conteneur_dhtml = document.getElementById('conteneur_html')

cumulated_duration = 0

function make_disappear(total_duration)
{
if( cumulated_duration >=total_duration ) return;
ton = parseInt(255 * cumulated_duration/total_duration);
conteneur_dhtml.style.color = 'rgb('+ton+ ',255,'+ton+')';
cumulated_duration +=total_duration/255;
setTimeout('make_disappear('+total_duration+')',duree_totale/255);
}
make_disappear(5000)

</script>

La prochaine etape est que je souhaiterais que la transformation commence a une couleur donnee, et se finisse a une autre couleur donnee.

Et la, j'ai vraiment besoin de vos lumieres !

A bientot !

Dominique
mardi 21 septembre 2004 à 10:41:15 | Re : Faire passer un texte progressivement d'une couleur donnee a une autre.

bultez

Membre Club
Bonjour,
un script qui ressemble à celui en exemple,
avec début et fin.

<HTML>
<HEAD>
<TITLE>changement de couleur progressif</TITLE>
</HEAD>
<BODY>
<div id ="div1"
style="color:rgb(0,0,0)"
name="div1">
exemple de texte</div>
<script type="text/JavaScript">
var fin=new Array(160,140,0);//couleur à atteindre
var deb=new Array(30,20,10);//couleur début
var pas=10;//pour faire varier couleur : ##### doit permettre d'atteindre fin ##### deb(0 à 2)+(n fois pas)=fin(0 à 2)
var delai=100;//temps entre 2 variations
function nvcouleur()
{ var couleur="rgb(";
var ok=true;
for (var n=0;n<deb.length;n++)
{ if (n>0) couleur+=",";
couleur+=deb[n];
if (deb[n]<fin[n])
{ ok=false;
deb[n]=deb[n]+pas; }
else
{ if (deb[n]>fin[n])
{ ok=false;
deb[n]=deb[n]-pas; } } }
couleur+=")";
div1.style.color=couleur;
window.status=couleur;
if (!ok) window.setTimeout("nvcouleur();",delai); }

nvcouleur();
</script>
</BODY>
</HTML>

Cordialement Bul. [Site] [Mail]
mardi 21 septembre 2004 à 23:45:53 | Re : Faire passer un texte progressivement d'une couleur donnee a une autre.

Grand Mamamouchi
Bonjour bultez !

et merci de ta contribution. Je vais l'etudier avec interet,
et attention.

Grace a l'aide des uns et des autres, j'en suis arrive au script
suivant, que je trouve assez satisfaisant :

<script language = 'Javascript' >

r_fond = 250
v_fond = 128
b_fond = 114

r_texte = 0
v_texte = 100
b_texte = 0

r_courante = r_fond
v_courante = v_fond
b_courante = b_fond

delai = 22
pause = 3000

function faire_apparaitre()
{

if( r_courante == r_texte && v_courante == v_texte &&
b_courante == b_texte )
{
setTimeout('faire_disparaitre()', pause)
return
}
else
{
if( r_courante < r_texte ) { r_courante++ }
if( v_courante < v_texte ) { v_courante++ }
if( b_courante < b_texte ) { b_courante++ }

if( r_courante > r_texte ) { r_courante-- }
if( v_courante > v_texte ) { v_courante-- }
if( b_courante > b_texte ) { b_courante-- }

document.getElementById('conteneur').style.color = 'rgb(' +
r_courante + ',' + v_courante + ',' + b_courante + ')'
}

setTimeout(' faire_apparaitre()', delai)

}


function faire_disparaitre()
{

if(r_courante == r_fond && v_courante == v_fond && b_courante
== b_fond)
{
alert(' Action suivante !')
return
}
else
{
if( r_courante < r_fond ) { r_courante++ }
if( v_courante < v_fond ) { v_courante++ }
if( b_courante < b_fond ) { b_courante++ }

if( r_courante > r_fond ) { r_courante-- }
if( v_courante > v_fond ) { v_courante-- }
if( b_courante > b_fond ) { b_courante-- }

document.getElementById('conteneur').style.color = 'rgb(' +
r_courante + ',' + v_courante + ',' + b_courante + ')'
}

setTimeout(' faire_disparaitre()', delai)

}

faire_apparaitre()

</script>.

Si tu as envie de me faire des commentaires sur ce dernier
script, ils seront les bienvenus.

Dans mon script d'origine, j'entrais la valeur de la durée
totale : cela me parait plus elegant que
d'entrer le délai, mais ce dernier script est deja bien.

Éventuellement, si j'ai du temps, j'essayerai de trouver une
fonction acceptant en entrée la durée totale du processus : ça
permettrait de proportionnaliser les décalages au décalage
restant a effectuer.

L'ideal, ce serait de pouvoir passer
directement les couleurs du fond et du texte a la fonction,
mais ça, c'est une autre histoire.

Si tu as envie de me faire des suggestions...

Merci encore, bultez.

Dominique


Cette discussion est classée dans : couleur, donnee, total, duration, cumulated

Répondre à ce message

Sujets en rapport avec ce message

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 recup donnee formulaire [ par polluxtroll ] Comment faire pour recuperer des donnees saisies dans un formulaire sur une page et transmises sur une autre page par method POST????C hyper ultra URG 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 recuperer le contenu d'une variable dynamique [ par raincevent ] /*Salut,si quelqu'un peu me dépanner pour cette fonction qui me permettré de verifier un formulaire dynamique.En effet chaque variable "testx,v_total_ probleme avec couleur scrool I.E [ par Meduse ] Votre texte ICIVotre texte ICIje place ce bout de code entre les balises et dans ma page hTML pour pouvoir collorer la scroll


Nos sponsors


Sondage...

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

A découvrir
 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,359 sec (4)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales
Outils Convertisseur VB/C# Snippets et scripts Outils en ligne La ToolBox
Communauté Programmation Photographie Technologie Newsgroups Emploi Forum Blogs
Guide d'achat Téléphonie mobile Image et son Informatique Bureautique Jeux vidéo
Logiciels Internet & Réseau Développement Market Android Jeux & Loisirs Graphisme Multimédia Sécurité Pilotes
Loisirs Cartes virtuelles Vidéos droles Jeux en ligne Géoguide AndroLib (Android Market)