Afficher/masquer un message en JavaScript
Résolu/Fermé
Landreau450
Messages postés
17
Date d'inscription
jeudi 19 juillet 2018
Statut
Membre
Dernière intervention
2 mai 2020
-
Modifié le 12 oct. 2018 à 11:19
Landreau450 Messages postés 17 Date d'inscription jeudi 19 juillet 2018 Statut Membre Dernière intervention 2 mai 2020 - 15 oct. 2018 à 00:20
Landreau450 Messages postés 17 Date d'inscription jeudi 19 juillet 2018 Statut Membre Dernière intervention 2 mai 2020 - 15 oct. 2018 à 00:20
A voir également:
- Afficher/masquer un message en JavaScript
- Message - Guide
- Comment recuperer un message supprimé sur whatsapp - Guide
- Message d'absence thunderbird - Guide
- Telecharger javascript - Télécharger - Langages
1 réponse
jordane45
Messages postés
38308
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
24 novembre 2024
4 705
12 oct. 2018 à 11:23
12 oct. 2018 à 11:23
Bonjour,
Ben oui... comment penses tu "mémoriser" le fait que l'utilisateur l'a déjà eu ou non ?
Le plus simple serait d'utiliser un COOKIE.
En gros, ouverture de la page.
Si le COOKIE existe.. ne pas afficher le message
Si le COOKIE n'existe pas, afficher le message + création du COOKIE.
Ces deux fonctions devraient t'y aider.
ce code fait apparaître et disparaitre un message, mais lorsque la page est actualisée le message réapparaît et disparaît encore.
Ben oui... comment penses tu "mémoriser" le fait que l'utilisateur l'a déjà eu ou non ?
Le plus simple serait d'utiliser un COOKIE.
En gros, ouverture de la page.
Si le COOKIE existe.. ne pas afficher le message
Si le COOKIE n'existe pas, afficher le message + création du COOKIE.
Ces deux fonctions devraient t'y aider.
function creerCookie(nom, valeur, jours) {
// Le nombre de jours est spécifié
if (jours) {
var date = new Date();
// Converti le nombre de jour en millisecondes
date.setTime(date.getTime()+(jours*24*60*60*1000));
var expire = "; expire="+date.toGMTString();
}
// Aucune valeur de jours spécifiée
else var expire = "";
document.cookie = nom+"="+valeur+expire+"; path=/";
}
function lireCookie(nom) {
// Ajoute le signe égale virgule au nom
// pour la recherche
var nom2 = nom + "=";
// Array contenant tous les cookies
var arrCookies = document.cookie.split(';');
// Cherche l'array pour le cookie en question
for(var i=0;i < arrCookies.length;i++) {
var a = arrCookies[i];
// Si c'est un espace, enlever
while (a.charAt(0)==' ') {
a = a.substring(1,a.length);
}
if (c.andexOf(nom2) == 0) {
return a.substring(nom2.length,a.length);
}
}
// Aucun cookie trouvé
return null;
}
12 oct. 2018 à 13:04
<!DOCTYPE html> <html> <head> <title></title> </head> <body> <!--On crée une div qui aura comme id fermer--> <div id="fermer" style="background-color: red; text-align: center;"></div> <!--Code JavaScript--> <script type="text/javascript"> //Debut du JavaScript //On recupère l'id de la balise div avec la fonction getElementById puis on afficher un message avec innerHTML document.getElementById("fermer").innerHTML = "Message supprimé"; setTimeout(function(){ //On recupère l'id de la balise div avec la fonction getElementById puis on afficher un message vide avec innerHTML au bout de 5 secondes document.getElementById("fermer").innerHTML=""; },5000 //le temps en milli secondes ); function creerCookie(nom, valeur, 1){ //Le nombre de jours est spécifié if (jours) { var date = new Date(); //Converti le nombre de jour en millisecondes date.setTime(date.getTime()+(jours*24*60*60*1000)); var expire = "; expire=" +date.toGMTString(); } //Aucune valeur de jours spécifiée else var expire = ""; document.cookie = nom+"="+valeur+expire+": path=/"; } function lireCookie(nom){ //Ajoute le signe égale virgule au nom pour la recherche var nom2 = nom + "="; //Array contenant tous les cookies var arrCookies = document.cookie.split(';'); //Cherche l'array pour le cookie en question for (var i = 0; i < arrCookies.length; i++) { var a = arrCookies[i]; //Si c'est un espace, enlever while(a.charAt(0)==' '){ a = a.substring(1.a.length); } if (c.andexOf(nom2)==0) { return a.substring(nom2.length.a.length); } } //Aucun cookie trouvé return null; } </script> </body> </html>12 oct. 2018 à 13:06
12 oct. 2018 à 14:08
Le code que je t'ai donné... tu ne dois pas le modifier !
par contre tu dois l’appeler dans ton code....
Toi tu as remplacer
function creerCookie(nom, valeur, jours) {par
function creerCookie(nom, valeur, 1){Non ! il faut laisser les paramètres tels qu'ils sont écrit.
mais dans ton code, tu peux faire appel à la fonction en écrivant
creerCookie("dejalu",1, 1);Et pour lire le cookie si il existe
if (lireCookie("dejalu") == 1 ){ alert("Le cookie existe"); }15 oct. 2018 à 00:20