WebSite X5Help Center

 
Chelot Jean-Robert
Chelot Jean-Robert
User

Pour afficher les anniversaires au jour J  fr

Auteur : Chelot Jean-Robert
Visité 805, Followers 1, Partagé 0  

Je souhaiterai que les anniversaires de mes amis apparaissent sur la page d'accueil en dessous de la date du jour lorsque c'est le jour de leur anniversaire

Je cherche donc un script facile. Merci

Posté le
2 RéPONSES - 1 UTILES - 1 CORRECT
JiPeR 48
JiPeR 48
Moderator

Hello Jean-Robert,

Résolu ce problème de zone privée ? J'ai trouvé ça, à toutes fins utiles

En mettant les chiffres à jour (là j'ai testé pour Josiane, 30,01 pour ajourd'hui et ça m'affiche

<div id="anniv"></div>
<script type="text/javascript">
window.onload=function() {
var today=new Date(),
mois_actuel= today.getMonth() +1,
jour_actuel= today.getDate(),
anniv = document.getElementById("anniv"),
liste = [
["Bruno",24,5],
["Josiane",30,01],
["Alex",3,5],
["Prout",1,1] // Pas de virgule après le dernier
];

for(var i=0,l=liste.length;i<l;i++) {
if(mois_actuel == liste[i][2] && jour_actuel == liste[i][1]) {
anniv.innerHTML += "Bon anniversaire " + liste[i][0];
}
}
if(anniv.innerHTML == "") {
anniv.innerHTML = "Aucun anniversaire";
}

};
</script>

A voir pour dépioter et fignoler : 

https://openclassrooms.com/forum/sujet/programmation-anniversaire-en-javascript-67753?page=2

mais il ne fait pas m'en demander plus car je suis nul en codage... cry... Et il y a peut-être d'autres scripts plus pointus à chercher et trouver sur le Web ? 

Bonne continuation,

J.P.

Lire plus
Posté le de JiPeR 48
Axel  
Axel  
User

et pour afficher un popup voici le code modifié !

<div id="anniv"></div>
<script type="text/javascript">
window.onload=function() {
var today=new Date(),
mois_actuel= today.getMonth() +1,
jour_actuel= today.getDate(),
anniv = document.getElementById("anniv"),
liste = [
["Sylvie",23,5],
["Josiane",31,01],
["Axel",30,01],
["Marie",1,1]  // Pas de virgule après le dernier
];

// ici pour changer la police et sa taille lorsque message affiché dans la page !
document.getElementById("anniv").style.fontFamily = "Verdana";
document.getElementById("anniv").style.fontSize = "xx-large";

for(var i=0,l=liste.length;i<l;i++) {
if(mois_actuel == liste[i][2] && jour_actuel == liste[i][1]) {

// Pour afficher un message dans la page !
    // anniv.innerHTML += "Bon anniversaire " + liste[i][0] + " !";

// Pour afficher un message dans une popup
   window.alert("Bon anniversaire " + liste[i][0] + " !");
}
}
// Pour afficher un message si pas d'anniversaire !
    //    if(anniv.innerHTML == "") {
    //    anniv.innerHTML = "Aucun anniversaire";
    //    }
};
</script>

Cordialement

Lire plus
Posté le de Axel