Pour afficher les anniversaires au jour J
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
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... ... Et il y a peut-être d'autres scripts plus pointus à chercher et trouver sur le Web ?
Bonne continuation,
J.P.
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