(HTML & JS) Texte en fonction de la date
Bonjour,
j'aimerais utiliser une zone de mon site afin d'y afficher du texte en fonction de la date du jour.
Exemple : à la date du 25 décembre, afficher "Joyeux Noël" et d'autres du genre souhaiter un anniversaire ou une manifestation, etc...
Je ne suis pas programmeur, je m'adresse donc à vous.
D'avance, merci et @+
Michel.
j'aimerais utiliser une zone de mon site afin d'y afficher du texte en fonction de la date du jour.
Exemple : à la date du 25 décembre, afficher "Joyeux Noël" et d'autres du genre souhaiter un anniversaire ou une manifestation, etc...
Je ne suis pas programmeur, je m'adresse donc à vous.
D'avance, merci et @+
Michel.
3 réponses
-
ContributeurSalut,
Voici un exemple de script que j'avais concocté pour un site.
A l'endroit où tu souhaites afficher le texte, place le code suivant :<script language="JavaScript" src="fetes.js" type="text/JavaScript"></script>
Ouvre le bloc-notes, et copie le code suivant :function TodayDate() { var m = new Array( "janvier", "février", "mars", "avril", "mai", "juin", "juillet", "août", "septembre", "octobre", "novembre", "décembre"); var today = new Date(); var day = today.getDate(); return (day + " " + m[today.getMonth()]); } var date = TodayDate(); if (date == "29 février") { document.write("Bonne Fête Glinglin !"); } if (date == "4 juillet") { document.write("Joyeux Zanniversaire Léa :)"); } if (date == "25 décembre") { document.write("Noyeux Joël !"); }Enregistre ensuite ce fichier sous "fetes.js".
Pour l'éditer, ouvre-le avec le bloc-notes, et modifie la date et le texte correspondant, en veillant à ne pas supprimer les guillemets et à respecter l'orthographe des dates.
Pour ajouter des dates, il suffit de copier une ligne du type :if (date == "***") { document.write("***"); }
Et voilà, le tour est joué ! :)
Tu peux vérifier que ce script fonctionne bien en modifiant la date de ta bécane et en actualisant la page.
Nota :
- Le fichier JScript a ici pour nom "fetes.js"; tu peux bien sûr le renommer, à condition de modifier le code placé dans ta page.
- Le script est externe, pour éviter d'avoir à modifier la page...
- Tu peux modifier la police ou la couleur du texte en utilisant les CSS, par exemple.
- Il est également possible d'afficher une image sur le même principe :)
Si tu veux des précisons, n'hésite pas :)
A+-
-
Bonjour SirHill,
j'ai une petite question...
Grâce à ton script, s'affiche dans une boite les événements de la journée.
Est-il possible d'inclure une boite de dialogue (liée au fichier JS) qui permettrait de faire une recherche sur une autre date ? Et, si oui, as-tu un code permettant de le faire ?
D'avance merci et à bientôt.
Michel. -
-
@SirHillUn grand merci.
Comme je ne suis pas grand spécialiste, çà m'aiderais.
En fait, ce à quoi je pense, c'est une zone de saisie dans la boite existante (celle où s'affiche les infos du jour) où tu pourrais insérer une date pour obtenir les infos à cette date.
Michel. -
Contributeur@SirHillBonche, ce n'est pas encore très au point :o)
Le résultat euh... en fin de semaine normalement :-p
En attendant, tu peux toujours poster ta question dans le Forum Programmation...
A+
-
-
Voilà SirHill, j'ai testé le code et c'est tout à fait ce que je cherchais.
Grand merci et @+
Michel. -
merci pour ce code, il marche parfaitement. cependant, pour mon site, j'aimerai affichez une image pendant 4 ou 5 jour. comment faire? merci