Je veux montrer une division de bienvenue seulement une fois par utilisateur ou session. Je sais qu'il y a une option jQuery. Depuis que je suis un débutant à JQuery, je n'ai pas été capable de le résoudre moi-même. S'il vous plaît aider
p>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="welcome">
<div>
<h1>Hello..!<br> Welcome to ABC
<br>
</h1>
<h2>We wish you a Great Day..!</h2>
<br>
<h2><a id="close-welcome" href="#">Thank you.. and please take me to the website</a> </h2>
</div>
</div>3 Réponses :
Définir un cookie.
$(document).ready(function() {
if ($.cookie('noShowWelcome')) $('.welcome').hide();
else {
$("#close-welcome").click(function() {
$(".welcome").fadeOut(1000);
$.cookie('noShowWelcome', true);
});
}
});
Bonjour Mkhatib, merci pour une réponse plus rapide .. J'ai copié le script et donné référence à la jquery.cookie.js comme indiqué par vous. Cependant, la même chose ne fonctionne pas. Avez-vous manqué quelque chose .. Pls conseils
Je viens de remarquer que mon code manquait la parenthèse de fermeture pour la fonction prêt . Cela aurait pu être. Sinon, pouvez-vous vérifier la console si vous obtenez des erreurs JavaScript?
Ceci est l'erreur indiquée par la console non capturée TypeError: Fonction d'objet (A, B) {Retour Nouveau E.fn.init (A, B, H)} n'a pas de méthode 'Cookie'
Cela signifie que vous n'avez pas inclus le fichier jquery.cookie.js correctement. Essayez de l'enregistrer localement et de l'inclure dans votre HTML.
J'ai fait exactement ce que vous avez dit, il y a toujours la question.Le accueil div montre toujours..Si vous allez à la page d'accueil, c'est-à-dire index.html
Êtes-vous sûr d'inclure le fichier jquery.cookie.js? Pouvez-vous partager votre code index.html?
Merci une tonne ... cela fonctionne maintenant. En quelque sorte qu'il ne fonctionnait pas localement, mais lorsque vous avez téléchargé sur le serveur, il fonctionne. Le petit problème est confronté est lorsque vous allez à la page d'index, la DIV masquée clignote pendant une seconde, puis cacher .. ne fonctionnant pas non plus dans IE ..! Merci encore pour votre temps et votre bon travail
Vous devriez probablement masquer la DIV par défaut et ne le montrer que s'il n'y a pas de cookie. Essentiellement inversant ce que j'ai fait. Je ne suis pas sûr du problème.
Salut @mkhatib Votre code fonctionne bien, mais comment le HTML peut disparaître sur la deuxième charge / rafraîchir et ne pas cliquer dessus ... c'est parce que j'ai un audio sur mon site et que cela n'arrête pas de jouer lors de la charge / rafraîchir ou de changer de page ...
Si vous souhaitez que le cookie expire dans 7 jours (ou tout autre nombre de jours), modifiez la dernière ligne dans la fonction de clic sur: $. Cookie ("Noshowwelcome ', True, {Expire: 7});
Salut mais ce code ne fonctionne pas sur chrome et safari.it fonctionne bien à Mozilla et c'est-à-dire
Salut. J'aime cette solution mais je ne peux toujours pas comprendre comment éviter le clignotant de la div masqué pendant une seconde puis de se cacher. Quelqu'un peut-il m'aider avec ça? Merci
C'est mieux parce que nous ne verrons pas de clignoter lorsque vous cachez la mouche
$(document).ready(function() {
if ($.cookie('noShowEducation')) ;
else {
$('.edu').show();
$("#close-edu").click(function() {
$(".edu").fadeOut(1000);
$.cookie('noShowEducation');
});
}
});
Si votre client ne mange pas de cookies
Vous pouvez utiliser SessionStorage Strong>, après tout ce qu'ils sont censés exactement, gardez une collection de données à portée de main tout au long de la session. p> Pour une meilleure expérience utilisateur, vous devriez commencer par la première fois.
[WellcomeElement] .style.display = "Aucune" propriété de votre CSS existant. P> Donc, toute la procédure deviendrait aussi simple que ... p> fait. p> exemple de code: p> Le code SNIP peut être mis, (mais plus de préférence) dans un script -tag juste après l'élément de message de bienvenue. P> Toutefois, pour une compatibilité rédaction complète, vous pouvez toujours revenir à l'utilisation du nom Nom de la session em> strong> : P>
/message/.test( name ) ? 0 :
[wellcomeElement].style.display = "block",
name = 'message';
Si vous avez déjà un système de connexion, joignez cette information au cookie de session de connexion, utilisez sinon une réponse MKHatib et un cookie uniquement pour cela. N'oubliez pas non plus que les cookies HTTP côté serveur sont plus sûrs.