begin process at 2012 05 29 00:02:41
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

CSS

 > 

Général

 > 

Changer la couleur du texte en javascript


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

Changer la couleur du texte en javascript

mercredi 18 août 2010 à 18:09:31 | Changer la couleur du texte en javascript

Zoulien

Bonjour à tous, je souhaite modifier le script suivant afin que le texte s'écrive en blanc. J'ai tous essayé, et je suis au bord du précipice...
Merci de me venir en aide.


<script language=JavaScript>
var date_statement="";//récupération de la date, du jour, de l'heure
var time_statement="";
var today=new Date();
var month="";
var day="";
function todays_date() {
var month=today.getMonth();
var day_of_week=today.getDay();
date_statement=""
document.month=""
month++;
if(month==1) {//définition des mois: 1=janvier, 2=février, ...
january(today.getDate());
document.month="janvier";
}
if(month==2) {
february(today.getDate());
document.month="février";
}
if(month==3) {
march(today.getDate());
document.month="mars";
}
if(month==4) {
april(today.getDate());
document.month="avril";
}
if(month==5) {
may(today.getDate());
document.month="mai";
}
if(month==6) {
june(today.getDate());
document.month="juin";
}
if(month==7) {
july(today.getDate());
document.month="juillet";
}
if(month==8) {
august(today.getDate());
document.month="août";
}
if(month==9) {
september(today.getDate());
document.month="septembre";
}
if(month==10) {
october(today.getDate());
document.month="octobre";
}
if(month==11) {
november(today.getDate());
document.month="novembre";
}
if(month==12) {
december(today.getDate());
document.month="décembre";
}
document.day=""//définition des jours: 1=lundi etc...
if(day_of_week==0)
document.day="Dimanche";
if(day_of_week==1)
document.day="Lundi";
if(day_of_week==2)
document.day="Mardi";
if(day_of_week==3)
document.day="Mercredi";
if(day_of_week==4)
document.day="Jeudi";
if(day_of_week==5)
document.day="Vendredi";
if(day_of_week==6)
document.day="Samedi";
}
function january(date) {
if(date==1)//si le jour =1 (cad: 1 janvier)
date_statement="Bonne Année !";//commentaire à ajouter entre les deux guillemets
}
function february(date) {
}
function march(date) {
}
function march(date) {
if(date==21)
date_statement="c'est le printemps !";
}
function april(date) {
if(date==1)
date_statement="poisson d'avril !";
}
function may(date) {
}
function june(date) {
if(date==21)
date_statement="vive l'été !";
}
function july(date) {
}
function august(date) {
}
function september(date) {
if(date==21)
date_statement="c'est l'automne !";
}
function october(date) {
if(date==31)
date_statement="joyeux Halloween !";
}
function november(date) {
}
function december(date) {
if(date==21)
date_statement+="c'est l'hiver !";
if(date==25)
date_statement="joyeux Noël !";
if(date==31)
date_statement="c'est fou ce que les années passent vites !";
}

function time_of_day() {
var time=today.getHours();//récupère l'heure
time_statement=""
if(time>=4 && time<8)
time_statement="bonjour, déjà debout?,"//ce texte est personalisable
if(time>=8 && time<12)
time_statement="bonne matinée,"
if(time>=12 && time<13)
time_statement="bon appétit,"
if(time>=13 && time<18)
time_statement="bon après-midi,"
if(time>=18 && time<19)
time_statement="bonne fin d'après-midi,"
if(time>=19 && time<20)
time_statement="bonsoir et bon appétit,"
if(time>=20 && time<22)
time_statement="bonsoir,"
if(time>=22 || time<4)
time_statement="bonne nuit,"
}
</script>
<script language=JavaScript>
time_of_day();
todays_date();
document.writeln("<DT><B>"+document.day+" "+today.getDate()+" "+document.month+", "+time_statement+" il est "+today.getHours()+" h "+today.getMinutes()+" min</B><DT>")
//assemblage de tout ça, heure+nous sommes le(personnalisable)+jour+texte pour un jour spécial
</script>
jeudi 19 août 2010 à 09:30:19 | Re : Changer la couleur du texte en javascript

Zobibol

Membre Club
Bien le bonjour, en utilisant le style, ça doit suffire.
Mais (en petit cadeau) quelques petites optimisations pour déterminer le mois et le jour de la semaine.
Code HTML :
<html>

	<head>
		<script language=JavaScript>
var date_statement="";//récupération de la date, du jour, de l'heure
var time_statement="";
var today=new Date();
var month="";
var day="";
function todays_date() {
var month=today.getMonth();
var day_of_week=today.getDay();
date_statement=""
document.month=""

var months = ["janvier", "février", "mars", "avril", "mai", "juin", "juillet", "août", "septembre", "octobre", "novembre", "décembre"];
// Détermine le mois
document.month=months[month];

month++;
if(month==1) {//définition des mois: 1=janvier, 2=février, ...
january(today.getDate());
}
if(month==2) {
february(today.getDate());
}
if(month==3) {
march(today.getDate());
}
if(month==4) {
april(today.getDate());
}
if(month==5) {
may(today.getDate());
}
if(month==6) {
june(today.getDate());
}
if(month==7) {
july(today.getDate());
}
if(month==8) {
august(today.getDate());
}
if(month==9) {
september(today.getDate());
}
if(month==10) {
october(today.getDate());
}
if(month==11) {
november(today.getDate());
}
if(month==12) {
december(today.getDate());
}

// jour
var days=["Dimanche", "Lundi", "Mardi", "Mercredi", "Jeudi", "Vendredi", "Samedi"];
document.day= days[day_of_week];
}

function january(date) {
if(date==1)//si le jour =1 (cad: 1 janvier)
date_statement="Bonne Année !";//commentaire à ajouter entre les deux guillemets
}
function february(date) {
}
function march(date) {
}
function march(date) {
if(date==21)
date_statement="c'est le printemps !";
}
function april(date) {
if(date==1)
date_statement="poisson d'avril !";
}
function may(date) {
}
function june(date) {
if(date==21)
date_statement="vive l'été !";
}
function july(date) {
}
function august(date) {
}
function september(date) {
if(date==21)
date_statement="c'est l'automne !";
}
function october(date) {
if(date==31)
date_statement="joyeux Halloween !";
}
function november(date) {
}
function december(date) {
if(date==21)
date_statement+="c'est l'hiver !";
if(date==25)
date_statement="joyeux Noël !";
if(date==31)
date_statement="c'est fou ce que les années passent vites !";
}

function time_of_day() {
var time=today.getHours();//récupère l'heure
time_statement=""
if(time>=4 && time<8)
time_statement="bonjour, déjà debout?,"//ce texte est personalisable
if(time>=8 && time<12)
time_statement="bonne matinée,"
if(time>=12 && time<13)
time_statement="bon appétit,"
if(time>=13 && time<18)
time_statement="bon après-midi,"
if(time>=18 && time<19)
time_statement="bonne fin d'après-midi,"
if(time>=19 && time<20)
time_statement="bonsoir et bon appétit,"
if(time>=20 && time<22)
time_statement="bonsoir,"
if(time>=22 || time<4)
time_statement="bonne nuit,"
}
</script>
<script language=JavaScript>
time_of_day();
todays_date();
document.writeln("<DT><B style=\"color:white;\">"+document.day+" "+today.getDate()+" "+document.month+", "+time_statement+" il est "+today.getHours()+" h "+today.getMinutes()+" min</B><DT>")
//assemblage de tout ça, heure+nous sommes le(personnalisable)+jour+texte pour un jour spécial
</script>
</head>
<body style="background-color:black;">
</body>
</html>


j'ai donc rajouter style=\"color:white\" sur la balise B et le tour est joué.

je pense que pour déterminé le jour spécial (les méthode january...), une seule méthode qui aurait comme paramètre le numéro du mois et le numéro du jour pourrait suffire aussi !

[o-_-o]
jeudi 19 août 2010 à 17:46:09 | Re : Changer la couleur du texte en javascript

Zoulien

Merci Zobibol, le code est impécable, et semble fonctionner a merveille.
Merci de ta rapiditée.


Cette discussion est classée dans : date, document, month, day, if


Répondre à ce message

Sujets en rapport avec ce message

Script message fêtes et heures... [ par Kepench ] Je ne sais pas si je poste au bon endroit. Peu importe.Voila j'ai trouvé sur une page en fouinant une partie compléte d'un script JS. Comment en faire affichage date [ par pointup ] Bonjour, Sur ma page web, je n'arrive pas à afficher correctement l'année 06....il apparaît toujours 106 !! Voilà mon code :         d = new Da variable undefined (javascript) [ par Narvarth ] Bonjour, j'ai créé un site et j'utilise javascript pour afficher la date et l'heure. Le problème c'est qu'avec IE (8 en l'occurence) ça ne marche pas Fonction [ par scorpion077 ] Bonjour,l'objectif de la fonction suivante est de verifier que au moins un des 3 champ (sexe, region, age (de 'age1' à 'age2')) est rempli.Mon problèm controle de formulaire [ par cyrilherve ] bonjour a tous ,,j'ai un formulaire que je veux controler avec javascript, je veux dans un premier temps m'assurer que tout les champs sont remplis, s Mouse Drag and Drop [ par sonialand ] salut tout le monde,J'ai trouvé un code sur internet que j'ai modifié un peu pour faire le mouse drag and drop d'un element.mais le probleme c'est que fonction avec plusieurs paramètres [ par yannus29 ] Bonjour,Je souhaite faire une fonction qui affiche un bloc si le client choisi "oui" dans le formulaire. Voici mon premier code :Dans le HEAD :functio défilement images effet fondu, ne marque que sur FIREFOX [ par fulltrip ] Bonjour,Comme il est explicité ci-dessus je n'arrive pas à faire marcher mon script JAVASCRIPT sur IE.Si quelqu'un peut voir ou se situe le problème j Utilisation du javascript sur des DIV [ par sebastiengoret ] Bonjour a tous,Voila je cherche un moyen de modifier le bgcolor de mon Div, mais cela ne veut pas fonctionner. Je cherche une solution mais aucune n'e Accés à une page via user et mot de passe avec ajax et php [ par developvbdebut ] BonsoirVoici mon problème.Au départ je suis sur la page index.html, en saissant le bon nom utilisateur et le mot de page, je veux acceder à la page su


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,749 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales