Fermer un div avec cookie

Version imprimable

07/06/2012, 14h18
nico44530

Fermer un div avec cookie

Bonjour,

J'ai un div que je souhaiterais fermer au clic d'une image et que au rechargement de la page, la fenêtre reste fermer à l'aide d'un cookie je pense.

J'ai du mal avec les cookies jquery, mais j'aimerais que ce script soit du jquery.

:merci:
07/06/2012, 14h51
Bovino

jQuery ne gère pas les cookies (ou alors à l'aide d'un plugin...) donc aucune utilité de vouloir l'utiliser...
Sinon, voir : La gestion des cookies en JavaScript
07/06/2012, 14h59
tidus_6_9_2
Heu sauf erreur de ma part... Mais JQuery gère belle et bien les cookies.

Désormais dans les fichiers de base de JQuery (en tout cas la version UI) il y a un fichier nommé "jquery.cookie.js" qui se trouve dans "/development-bundle/external/jquery.cookie.js".

Il est possible d'utiliser le cookie de la manière suivante :
Code:

1 2 3 4 5 $.cookie("NomCookie","ValeurCookie"); //Crée un cookie $.cookie("NomCookie",null); //Supprime le cookie var x = $.cookie("NomCookie"); //Stock la valeur du cookie dans la variable x
Il y a d'autres options à voir dans la doc ici

[EDIT]
Tu as raison, dans la version normal de JQuery le plugin de cookie n'est pas intégré. Il l'est uniquement dans la version UI
07/06/2012, 17h36
nico44530

Quelqu'un ne saurait pas comment faire alors ?
Parce que moi je suis très débutant ! :cry:
07/06/2012, 18h01
SpaceFrog

je me choppe un beau

Citation:

$.cookie is not a function

tu es sur de ne pas avoir un plugin ....

Citation:

jQuery ne gère pas les cookies (ou alors à l'aide d'un plugin...)

Citation:

Désormais dans les fichiers de base de JQuery (en tout cas la version UI) il y a un fichier nommé "jquery.cookie.js" qui se trouve dans "/development-bundle/external/jquery.cookie.js".

heu c'est pas ce que l'on appelerait un plugin ??? :mrgreen:

J'ai commencé quelque chose mais il y a une petite erreur :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
 
		$(document).ready(function(){
			var affichage = $.cookie('close-bloc');
			if (affichage == null) { 
				var affichage = 'normal';
			}
			if (affichage == 'normal') {
				$(document).ready(function(){
				$('#bloc-homepage').show();
			  });
			}
			if (affichage == 'hide') {
				$(document).ready(function(){
				$('#bloc-homepage').fadeOut("fast");
			  });
			}
			$(".close-bloc").click(function(){	
				$.cookie('close-bloc', 'hide',{ expires: 99 });
				if (affichage == 'hide') {
					$('#bloc-homepage').fadeOut("fast");
				}
			});
		});

Si je clique sur le bouton, il faut que je recharge la page pour que le div disparaisse, mais sinon le cookie marche.

Comment enlever cette erreur ??

Code:

1 2 3 4 5 6 $(".close-bloc").click(function(){ $.cookie('close-bloc', 'hide',{ expires: 99 }); if (affichage == 'hide') { $('#bloc-homepage').fadeOut("fast"); } });
Tu modifies le cookie, mais pas ta variable, donc il n'y a aucune raison de rentrer dans le if ;)

Merci beauucoup :ccool:
Ca fonctionne !

Pour ceux que ça intéresse j'ai juste enlevé le if :
Code:

1 2 3 4 5 $(".close-bloc").click(function(){ $.cookie('close-bloc', 'hide',{ expires: 99 }); $('#bloc-homepage').fadeOut("fast"); });