Du style dans mon javascript

Bonjour,
Meilleurs voeux à toute la communauté !

Dans ma page html, j'affiche en javascript la date du jour.

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21

<script type="text/javascript"> navvers = navigator.appVersion.substring(0,1); if (navvers > 3) navok = true; else navok = false;   today = new Date; jour = today.getDay(); numero = today.getDate(); if (numero<10) numero = "0"+numero; mois = today.getMonth(); if (navok) annee = today.getFullYear(); else annee = today.getYear(); TabJour = new Array("Dimanche","Lundi","Mardi","Mercredi","Jeudi","Vendredi","Samedi"); TabMois = new Array("janvier","février","mars","avril","mai","juin","juillet","août","septembre","octobre","novembre","décembre"); messageDate = TabJour[jour] + " " + numero + "<br />" + TabMois[mois] + "<br />" + annee; </script>

---

Comment puis-je insérer mon style css et où pour que par exemple la taille du jour, du mois, l'année soient différents ?
Par exemple :
'Vendredi' en taille 24px
'5' en gras italique
'janvier' en gras et corps 18px

Je vous remercie par avance !

Balance :P

Code:

---

messageDate = "<b>TabJour[jour] + " " + numero + "</b><br />" + TabMois[mois] + "<br />" + annee;

---

Sinon par exemple avec un div pour chaque partie avec une class différent pour chaque ...

Si tu as des styles CSS prédéfinis, tu peux utiliser le bout de code suivant en remplaçant taille24px, grasItalique et taille18pxGras par le style que tu souhaites :

Code:

---

messageDate = "<span class=\"taille24px\">" + TabJour[jour] + "</span> <span class=\"grasItalique\">" + numero + "</span><br /><span class=\"taille18pxGras\">" + TabMois[mois] + "</span><br />" + annee;

---

Maintenant, si tu n'as pas de styles CSS déjà définis, tu peux simplement le CSS via l'attribut style de <span>.

Code:

---

messageDate = "<span style=\"font-size:24px\">" + TabJour[jour] + "</span> <span style=\"font: bold italic;text\">" + numero + "</span><br /><span style=\"font: 18px bold;\">" + TabMois[mois] + "</span><br />" + annee;

---

Citation:

---

Envoyé par dingoth

Si tu as des styles CSS prédéfinis, tu peux utiliser le bout de code suivant en remplaçant taille24px, grasItalique et taille18pxGras par le style que tu souhaites :

Code:

---

messageDate = "<span class=\"taille24px\">" + TabJour[jour] + "</span> <span class=\"grasItalique\">" + numero + "</span><br /><span class=\"taille18pxGras\">" + TabMois[mois] + "</span><br />" + annee;

---

Maintenant, si tu n'as pas de styles CSS déjà définis, tu peux simplement le CSS via l'attribut style de <span>.

Code:

---

messageDate = "<span style=\"font-size:24px\">" + TabJour[jour] + "</span> <span style=\"font: bold italic;text\">" + numero + "</span><br /><span style=\"font: 18px bold;\">" + TabMois[mois] + "</span><br />" + annee;

---

---

D'accord, je pense définir mon style dans la css et appeler les class comme indiquées ci-dessus. Merci pour l'affichage des 2 variantes !
Je fais l'essai.

Balance :P

Merci beaucoup, ça marche !!

A bientôt

Balance :)