Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Rasp

Plugin Jcookie do jQuery

Por , em Javascript

Recommended Posts

Rasp    3

Rasp
Postado

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.

Compartilhar este post

Link para o post
Compartilhar em outros sites

brcontainer    16

brcontainer
Postado

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>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Rasp    3

Rasp
Postado

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!

Compartilhar este post

Link para o post
Compartilhar em outros sites

Rasp    3

Rasp
Postado

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

Compartilhar este post

Link para o post
Compartilhar em outros sites

Rasp    3

Rasp
Postado

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

Compartilhar este post

Link para o post
Compartilhar em outros sites

Rasp    3

Rasp
Postado

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

Compartilhar este post

Link para o post
Compartilhar em outros sites

brcontainer    16

brcontainer
Postado

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.

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito