Discussion :

[Raspy]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

Merci à vous !

[NoSmoking]

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 !

[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 ? 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 !

[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.

[Raspy]

Euh maiiiis euh, je n'ai pas vraiment l'impression que ça soit ce que j'avais en tête !

[NoSmoking]

merci d'apporter plus de précisions !

[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

[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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 !