Masquer les éléments pour la visite en cours seulement

Question

Je dois afficher une bannière qui colle au bas du navigateur. Donc, j'utilisé ces codes:

$(document).ready(function(){ 
    $('#footie').css('display','block'); 
    $('#footie').hide().slideDown('slow'); 
    $('#footie_close').click(function(){ 
    $('#footie_close').hide(); 
    $('#footie').slideUp('slow'); 
    }); 
}); 

Et voici le HTML:

<div id="footie"> 
    {banner here} 
    <a id="footie_close">Close</a> 
</div> 

J'ai ajouté le lien étroit là pour permettre à l'utilisateur ont la possibilité de fermer la bannière. Cependant, lorsque l'utilisateur accède à la page suivante, la bannière s'affiche à nouveau. Que puis-je faire pour que la bannière reste cachée juste pour cette visite? En d'autres termes, tant que le navigateur reste ouvert, la bannière n'apparaîtra plus. Mais si l'utilisateur revient sur le même site une autre fois, la bannière devrait se recharger.

Merci d'avance pour toute aide!

Answer 1

Essayez d'utiliser ce plugin jquery: http://plugins.jquery.com/project/Cookie

Vous devriez être en mesure de faire quelque chose comme ceci (notez ce code n'a pas été testé):

$(document).ready(function(){ 
    if($.cookie("hidefootie") { 
    $('#footie').css('display','block'); 
    $('#footie').hide().slideDown('slow'); 
    $('#footie_close').click(function(){ 
     $('#footie_close').hide(); 
     $('#footie').slideUp('slow'); 
     $.cookie("hidefootie", "true"); 
    }); 
    } 
}); 

Answer 2

Set a cookie pour indiquer que la bannière a été rejetée, par ex. hide_banner = 1. Lors des visites suivantes, si le cookie est défini, n'affichez pas la bannière.