Publicado em 3 de dez.

Plugin Jcookie do jQuery

Fala galera!

tudo certinho? seguinte... estou utilizando o jQuery em um projeto que estou fazendo e possuo lá alguns efeitos do tipo minimizar janelas, move-las e etc...

Com isso gostaria de poder gravar as instruções que faço com as mesmas, por exemplo deixei minimizada 1 janela de 2 que possuo e no meu próximo acesso as mesmas estarem do jeito que deixei... sei que com o plugin Jcookie eu consigo fazer isso, mais não achei um exemplo pratico de entender de como utiliza-lo...

e gostaria de saber se alguem por acaso sabe utilizar e se poderia me explicar.

Fico grato.

Abss a todos.

Discussão (10)

Entre ou cadastre-se para participar da discussão

Entrar Criar conta

brcontainer· 4 de dez.

Amigo talvez isso seja o que você quer:

http://stilbuero.de/jquery/cookie/

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html lang="en">
	<head>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 <meta http-equiv="Content-Style-Type" content="text/css">
 <meta http-equiv="Content-Script-Type" content="text/javascript">
 <title>jQuery Cookie Plugin</title>
 <script src="../jquery-1.2.2.pack.js" type="text/javascript"></script>

 <script src="jquery.cookie.pack.js" type="text/javascript"></script>
 <script type="text/javascript">
 $(function() {
 var COOKIE_NAME = 'test_cookie';
 var ADDITIONAL_COOKIE_NAME = 'additional';
 $('a').eq(0).click(function() { // set cookie by number of days
 $.cookie(COOKIE_NAME, 'test', { path: '/', expires: 10 });
 return false;
 });
 $('a').eq(1).click(function() { // set cookie by date
 var date = new Date();
 date.setTime(date.getTime() + (3 * 24 * 60 * 60 * 1000));
 $.cookie(COOKIE_NAME, 'test', { path: '/', expires: date });
 return false;
 });
 $('a').eq(2).click(function() { // get cookie
 alert($.cookie(COOKIE_NAME));
 return false;
 });
 $('a').eq(3).click(function() { // delete cookie
 $.cookie(COOKIE_NAME, null, { path: '/' });
 return false;
 });
 $('a').eq(4).click(function() { // set a second cookie
 $.cookie(ADDITIONAL_COOKIE_NAME, 'foo', { expires: 10 });
 return false;
 });
 $('a').eq(5).click(function() { // get second cookie
 alert($.cookie(ADDITIONAL_COOKIE_NAME));
 return false;
 });
 $('a').eq(6).click(function() { // delete second cookie
 $.cookie(ADDITIONAL_COOKIE_NAME, null);
 return false;
 });
 });
 </script>
	</head>
	<body>
 <p>
 <a href="#">Set cookie (by number of days == 10)</a><br>
 <a href="#">Set cookie (by date == 3 days)</a><br>

 <a href="#">Get cookie</a><br>
 <a href="#">Delete cookie</a><br>
 <a href="#">Set additional cookie</a><br>
 <a href="#">Get additional cookie</a><br>
 <a href="#">Delete additional cookie</a>
 </p>

	</body>
</html>

Rasp· 5 de dez.

Opa silverfox,

Cara valeu mesmo... acho que é isso sim... irei fazer os testes e qualquer coisa eu posto aqui =D

valeu mesmo pela dica!

forte Abs!

brcontainer· 5 de dez.

Que isso ^^

precisando é só postar ae ;)

Rasp· 9 de dez.

Opa Silverfox, Galera!

Então.. testei o script e funciona perfeitamente gerando o cookie, armazenando dados etc....

Porém como não mecho com JS direito fiquei meio perdido...

Uso o seguinte cod para abrir / fechar divs em meu projeto e também alterar o botão

$(document).ready(function() {
	$('span.fechar').bind('click', toggleContent);
});

var toggleContent = function(e) {
	var targetContent = $('div.alertas_msg', this.parentNode.parentNode);
	if(targetContent.css('display') == 'none') {
 targetContent.slideDown(300);
 $(this).html('[-]');
	} else {
 targetContent.slideUp(300);
 $(this).html('[+]');
	}
	return false;
};

E gostaria de implementar o Jcookie para armazenar o estado das minhas divs, porém não sei como e qual parte do cod armazenar no cookie!

Se alguém puder ajudar agradeço!

Absss

Rasp· 9 de dez.

Opa Silverfox, Galera!

Então.. testei o script e funciona perfeitamente gerando o cookie, armazenando dados etc....

Porém como não mecho com JS direito fiquei meio perdido...

Uso o seguinte cod para abrir / fechar divs em meu projeto e também alterar o botão

$(document).ready(function() {
	$('span.fechar').bind('click', toggleContent);
});

var toggleContent = function(e) {
	var targetContent = $('div.alertas_msg', this.parentNode.parentNode);
	if(targetContent.css('display') == 'none') {
 targetContent.slideDown(300);
 $(this).html('[-]');
	} else {
 targetContent.slideUp(300);
 $(this).html('[+]');
	}
	return false;
};

E gostaria de implementar o Jcookie para armazenar o estado das minhas divs, porém não sei como e qual parte do cod armazenar no cookie!

Se alguém puder ajudar agradeço!

Absss

brcontainer· 9 de dez.

Você poderia por um link para vermos por inteiro, fica mais facil de te ajudar ;)

Rasp· 10 de dez.

Opa Silverfox... mais uma vez valeu ai pela atenção...

Segue o link das janelas:

http://www.logmania.net/exemplo/

Valeu cara!

Abs

Rasp· 16 de dez.

Opa Galerinha!

Coloquei novamente o link no ar... tinha apagado sem querer!

Vlwww absss!

Rasp· 20 de dez.

Opa Galera!

Então... fiquei observando os scripts... e acho eu que devo criar uma função para resgatar os dados da minha função da janela para o Jcookie salvar no cookie certo?

Vlw ;D

brcontainer· 20 de dez.

Amigo desculpe a demora de responder é que não curto Jquery(para eu usar de resto acho muito louco as ideias do sistema).

Amigo para cada elemento(box) que você criar teria de ter um cookie.

Tentei varias coisas mas não consegui ainda.

Assim que tiver sucesso eu posto.