Discussion :

[balance]

Bonjour,
Meilleurs voeux à toute la communauté !

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[SpaceFrog]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 ...

[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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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;

[balance]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[balance]

Merci beaucoup, ça marche !!

A bientôt

Balance