(HTML & JS) Texte en fonction de la date

mijad Messages postés 121 Date d'inscription   Statut Membre Dernière intervention   -  
 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.

3 réponses

  1. SirHill Messages postés 4070 Statut Contributeur 543
     
    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 :
    <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+
    1
    1. mijad Messages postés 121 Date d'inscription   Statut Membre Dernière intervention  
       
      Salut SirHill,

      je vais tester çà et je te tiens au courant.

      Merci et @+
      Michel.
      0
    2. mijad Messages postés 121 Date d'inscription   Statut Membre Dernière intervention  
       
      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.
      0
    3. SirHill Messages postés 4070 Statut Contributeur 543
       
      Salut,

      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.
      0
      1. mijad Messages postés 121 Date d'inscription   Statut Membre Dernière intervention   > SirHill Messages postés 4070 Statut Contributeur
         
        Un 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.
        0
      2. SirHill Messages postés 4070 Statut Contributeur 543 > SirHill Messages postés 4070 Statut Contributeur
         
        Bonche, 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+
        0
  2. mijad Messages postés 121 Date d'inscription   Statut Membre Dernière intervention  
     
    Voilà SirHill, j'ai testé le code et c'est tout à fait ce que je cherchais.

    Grand merci et @+
    Michel.
    0
  3. marcelin
     
    merci pour ce code, il marche parfaitement. cependant, pour mon site, j'aimerai affichez une image pendant 4 ou 5 jour. comment faire? merci
    0