Script pour événements

Version imprimable

Bonjour,

Je suis actuellement entrain de réaliser une page d'accueil (html/css/js) pour les divers utilisateurs du pc de bureau familial; j'ai déjà pu bien avancer à l'aide de diverses sources trouvées sur le net. Seulement concernant le code js, je me perd un peu.

J'aimerais pouvoir implémenter ce genre de code dans celui qui servira en production, pour ainsi pouvoir afficher un message et une image en priorité du reste du code.
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 function september(date) { if(date==21) date_statement="C'est l'automne !"; } function october(date) { if(date==31) date_statement="Happy Halloween."; } function december(date) { if(date==25) date_statement="Joyeux Noël!"; if(date==31) date_statement="Bon réveillon !"; }
J'aimerais pouvoir ainsi l'utiliser aussi bien pour des anniversaires, le passage des saisons, etc.; sous la même forme de mon propre code: avec une image, la possibilité de modifier sa position en Y et le texte.

Je vous partage en P.J. (Pièce jointe 336604) ce que j'utilise de mon côté, cela fonctionne très bien (malgré le 0 des secondes qui ne s'affiche pas, ce qui peut donner : 12:26:0 mais je ne trouve pas ça très gênant) mais j'aimerais pouvoir y ajouter cette fonction avant le passage à 2018 :P

Merci à vous !

Bonjour,
tu peux faire compliqué ou simple, voyons une façon simple de faire.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
// création des messages au format ci dessous
var msg = {
  "2017-10-21": "C'est l'automne !",  
  "2017-12-23": "Nous sommes aujourd'hui !",
  "2017-12-25": "Joyeux Noël !",
  "2017-12-31": "Bon réveillon !"
}
// affiche le message si existe
function showMessage(d) {
  if (msg[d]) {
    console.log(msg[d]);
  }
}
// récupération date sous forme chaine de caractères
var dateRef = new Date().toJSON();
// on ne garde que la date au format YYYY-MM-JJ
dateRef = dateRef.split('T') [0];
 
// appel fonction
showMessage(dateRef);

Si il y a quelque chose que tu ne comprends pas n'hésite pas !

23/12/2017, 10h50
Raspy

Je pense avoir compris l'essentiel mais de mon côté ça ne semble pas fonctionner, question bête mais tu a regarder le fichier que j'utilise ? :oops: Car j'ai beau c/c la partie que tu m'a réaliser ça ne change rien à l'affichage en cours :?
Enfin merci déjà pour ça, je pense que ça peut être une bonne piste de réflexion !
23/12/2017, 18h21
Archimède

L'affichage se fait dans la console... Sous Firefox : Ctrl + Maj + K ou F12... Outils- Développement web- console web
Après l'accolade de fermeture de var msg, n'oublie pas le point virgule.
19/01/2018, 11h55
Raspy

Euh maiiiis euh, je n'ai pas vraiment l'impression que ça soit ce que j'avais en tête ! 8O:calim2:
20/01/2018, 10h57
NoSmoking

:koi: merci d'apporter plus de précisions !
20/01/2018, 12h37
Raspy

Oui excusez moi, en gros je souhaitais savoir si une adaptation du fichier que j'ai partagé dans mon 1er post, était possible en y ajoutant ce que j'avais trouver et que j'ai quoté toujours dans mon 1er post
Ce script JS est utilité dans une page d'accueil d'un navigateur (le "main.js"), pour remplacer celle par défaut de Firefox, en y affichant une photo et un message par rapport à l'heure mais je voulais également que cela puisse fonctionner pour des dates particulières (Noël, anniversaires, etc.).

J'espère être plus clair :oops:
20/01/2018, 16h49
NoSmoking
Deux choses :

1/ Le code que tu as fourni est à oublier bien vite !
2/ Le code que je t'ai fourni rempli pleinement ton besoin il te suffit d'afficher le message où tu le souhaites dans la page via une instruction du type
Code:

1 2 3 4 5 6 7 // affiche le message si existe function showMessage(d) { if (msg[d]) { var oElem = document.querySelector("#info"); oElem.innerHTML = msg[d]; } }
Il faut quand même faire l'effort d'essayer !