Ir para conteúdo

POWERED BY:

Arquivado

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

tiujhou

Cookie com Jquery

Recommended Posts

Encontrei um plugin jquery ... no qual cria Cookie...

 

No caso tenho dúvidas de como usar esse plugin... já li vários tutorias para entender mais até agora não consegui fazer certo...

 

No proprio desenvolvedor explica:

var key = 'my_key';

var value = $.cookie(key);

var new_value = 'my_value';

$.cookie(key,new_value);

$.cookie(key,new_value,options);

 

Mas como sou novato com jquery... nao estou entendendo como que se usa....

 

No exemplo abaixo, é um botao que estou querendo usar esse plugin... no caso tem um exemplo de uso... Mas como que eu posso adapta-lo, na realidade eu quero intender, pois tenho varias coisas onde quero utilizar este plugin....

 

Se alguem ai poder ajudar...

 

http://plugins.jquery.com/project/cookie

 

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>
<script type="text/javascript" src="jquery-1.7.js"></script>
<script type="text/javascript" src="js/jquery.cookie.js"></script>


<style type="text/css">
*{
	margin:0;
	padding:0;
}
#botao{
	background:#000;
	color:#FFF;
	float:left;
	padding:5px 10px;
	position:absolute;
	bottom:0;
	right:10px;
	cursor: pointer;
}

.subir{
	display:none;
}

#subir p{
	float:left;
}
</style>

<script type="text/javascript">

$(document).ready(function(){
	$("#botao").click(function(){
		$("#subir").toggle('slow');
	});


});

/*Copiado de  um site
$(function(){	
var sessioncookie = $.cookie('modal-dialog-session2');
if (sessioncookie == null)
{
$.cookie('modal-dialog-session2', 0, { path: '/' });
var cookievalue = $.cookie('modal-dialog');
if (cookievalue == null) cookievalue = 0;
if (cookievalue < 1)
{
	cookievalue++;
	$.cookie('modal-dialog', cookievalue, { expires: 1, path: '/'});
	setTimeout;
	};
}
});*/
</script>

</head>

<body>

<div id="botao" class="botao">
<h3>Subir</h3>
   <div id="subir" class="subir">
   	<p>Tudo o que você quiser</p>
   </div>
</div>


</body>
</html>

Compartilhar este post


Link para o post
Compartilhar em outros sites

Para usar este plugin você precisa entender o seguite:

 

Um cookie possue:

 

  1. Nome
  2. Valor
  3. Path (caminho)
  4. Dominio

 

Para você criar um cookie no navegador e esse cookie estiver disponível apenas em quanto o navegador estiver aberto faz assim (em qualquer lugar do seu script):

 

Criando

$.cookie("NomeDoCookie","ValorDoCookie");

 

E para pegar ele faz assim:

 

 var oCookie = $.cookie("NomeDoCookie"); alert(oCookie); 
//vai mostrar a palavra "ValorDoCookie" 

 

 

Para fazer um cookie que expire em dias, mesmo depois de fechar o navegador e o usuário não limpar os cookies faz assim:

 

Para ficar no navegador por 1 ano:

 

$.cookie("NomeDoCookie","ValorDoCookie", {expires: 365});

 

 

 

Para ficar no navegador por 7 dias:

 

 $.cookie("NomeDoCookie","ValorDoCookie", {expires: 7}); 

 

E para pegar ele faz daquele jeito acima como mostrei colocando apenas seu nome

 $.cookie("NomeDoCookie"); 

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

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