(HTML & JS) Texte en fonction de la date
mijad
Messages postés
121
Statut
Membre
-
marcelin -
marcelin -
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
Salut,
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 :
Ouvre le bloc-notes, et copie le code suivant :
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 :
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+
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+
je vais tester çà et je te tiens au courant.
Merci et @+
Michel.
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.
Tu veux peut-être parler d'une zone de texte permettant de saisir la date ?
Il serait aussi possible d'utiliser une liste déroulante, et cette solution serait encore la plus simple.
J'essayerai de voir tout ça ce soir.
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.
Le résultat euh... en fin de semaine normalement :-p
En attendant, tu peux toujours poster ta question dans le Forum Programmation...
A+