Affichage du jour et de la date

Un bon nombre de sites, y compris les professionnels, utilisent ce genre d'affichage ...

Je l'ai classé dans la catégorie des gadgets, considérant que tout un chacun doit, en principe, disposer d'un calendrier sous la main ... Mais soit, ce type d'évènement paraît intéresser bon nombre de concepteurs de pages. Dès lors, pourquoi s'en priver !?! Voici l'affichage que je vous propose :

Simple, net, sans fioriture ... A vous de l'emballer, si vous le désirez : l'installer dans une cellule de tableau, en tête d'un cadre, voire en calque sur une image, les variantes ne manquent pas ! Mais là, nous sortons du sujet ...

Voici le script de ce gadget :

<P><FONT FACE="Arial,Verdana"< COLOR="#0000FF">

<SCRIPT LANGUAGE=JavaScript><!--

var <DA,DAJ,AN,jour,DEJ,mois,JOUR,CH,CM,CS

DA=new Date()

DAJ=DA.getDate()

DEJ=DA.getDay()+1

if(DEJ==1)JOUR="Dimanche";else if(DEJ==2)JOUR="Lundi";else if(DEJ==3)JOUR="Mardi";else if(DEJ==4)JOUR="Mercredi";else if(DEJ==5)JOUR="Jeudi";else if(DEJ==6)JOUR="Vendredi";else if(DEJ==7)JOUR="Samedi";mois=DA.getMonth()+1

if(mois==1)jour=" janvier";else if(mois==2)jour=" février";else if(mois==3)jour=" mars";else if(mois==4)jour=" avril";else if(mois==5)jour=" mai";else if(mois==6)jour=" juin";else if(mois==7)jour=" juillet";else if(mois==8)jour=" août";else if(mois==9)jour=" septembre";else if(mois==10)jour=" octobre";else if(mois==11)jour=" novembre";else if(mois==12)jour=" décembre";AN=DA.getYear()+0000

CH=DA.getHours()

CM=DA.getMinutes()

CS=DA.getSeconds()

document.writeln(""+JOUR+" "+DAJ+jour+" "+AN+"")

--></SCRIPT></FONT></P>



Une fois n'est pas coutume, je ne vais pas entrer ici dans le détail et expliquer le fonctionnement des boucles définies dans ce script : afin de bien les comprendre, il est préférable que vous repreniez le bouquin que je vous ai conseillé d'acheter. Sachez déjà qu'elles sont essentiellement destinées à la traduction : eh oui ! votre machine fonctionne (in ze body) toujours en anglais, alors ...

Simplifions donc :

Arial,Verdana: 2 polices proposées pour l'affichage par défaut : vous pouvez les changer.

#0000FF est le code hexadécimal de la couleur bleue du texte.

DA,DAJ,AN, etc. sont les noms attribués aux variables servant aux boucles et à l'affichage.

Vous pourrez installer ce script dans le <BODY>, à l'endroit où vous désirez voir afficher la date.

L'utilisation de polices spéciales peut poser des problèmes d'affichage : proposez donc toujours au moins une alternative. Rien ne vous empêche de modifier la taille de la police. Il suffit d'ajouter dans la balise <FONT> le "SIZE" de votre choix, en fonction ou non de l'utilisation de cette autre balise : <B> qui sert à afficher le texte en gras.
Mais ... ce serait bien mieux encore en utilisant les CSS ! Et cela est une autre histoire ... que vous apprendrez à découvrir dans la sous-rubrique destinée à cet "autre" langage de balisage.

Ah, oui ... un dernier détail : vous avez remarqué quelque chose paraissant anormal dans la ligne :

document.writeln(""+JOUR+" "+DAJ+jour+" "+AN+"")

Non ? Mais si ... réfléchissez ! Toujours pas de petite lumière ? Rien à l'horizon de votre sagacité ? C'est une petite astuce pour personnaliser l'affichage de la date ... Cherchez ... et si vous ne trouvez pas, répondez à mon formulaire : d'une part cela me permettra de vérifier l'intérêt de ce script et d'autre part vous pourrez me donner votre avis sur la ou les rubriques qui vous consultez. N'oubliez pas, évidemment, d'y écrire votre Email ! ... et ne vous inquietez surtout pas : aucun "spam" ne sera généré par votre réponse !

Voilà : sans en avoir fait le tour complet, je pense que vous avez compris le principe du fonctionnement de ce script et que vous pourrez l'aménager à votre sauce : à vous de jouer !