que ele ou ela deixou o site: um nome de registro de entrada, a última
ocasião em que o visitante esteve presente ou, se você tem um site de
compras, as compras que o visitante fez. Para se lembrar dessas informações,
você terá que armazená-las em algum lugar.
Os cookies não são difíceis de usar, mas o código para salválos e
recuperá-los são um pouco desafiadores. Você pode usar código de outras
pessoas(indicarei algumas boas bibliotecas de cookies), mas ainda assim
é uma boa idéia saber como os cookies funcionam para que possa alterar
o código de bibliotecas para adequá-lo às suas necessidades.
Nesse artigo você aprenderá:
ocasião em que o visitante esteve presente ou, se você tem um site de
compras, as compras que o visitante fez. Para se lembrar dessas informações,
você terá que armazená-las em algum lugar.
Os cookies não são difíceis de usar, mas o código para salválos e
recuperá-los são um pouco desafiadores. Você pode usar código de outras
pessoas(indicarei algumas boas bibliotecas de cookies), mas ainda assim
é uma boa idéia saber como os cookies funcionam para que possa alterar
o código de bibliotecas para adequá-lo às suas necessidades.
Nesse artigo você aprenderá:
> O que são cookies.
> O que você pode e não pode fazer com eles.
> Como configurar um cookies.
> Como ler um cookies que você configurou.
> Como se lembrar de nomes e datas com cookies.
> Como montar um carrinho de comprar básico com cookies.
> Onde conseguir um bom código de cookie pré-escrito.
> O que você pode e não pode fazer com eles.
> Como configurar um cookies.
> Como ler um cookies que você configurou.
> Como se lembrar de nomes e datas com cookies.
> Como montar um carrinho de comprar básico com cookies.
> Onde conseguir um bom código de cookie pré-escrito.
UM EXEMPLO DE COOKIES DO MUNDO REAL
Cookies são usador em todos os tipos de aplicativos. Um uso comum é para
determinar se um visitante viu a página antes. Por exemplo, na primeira
vez em que visitar http://book_of_javascript.tripod.survey.html, você
receberá uma pesquisa para preencher. Depois que enviar a pesquiza uma
vez, nunca mais a verá novamente, pois a página armazena um cookie em seu
computador para registrar aquela primeira visita. Cada vez que você visitar
a página, a página verifica se você tem o cookie; se tiver, ela não lhe
dará a pesquisa.
Um exemplo de cookie mais complexo é o site de compras de investidores
em vinhos clássicos da Austrália, em http://vineyarddirect.com.au/index.html.
Esse carrinho de compras do vendedor de vinhos, chamado JShop, vem de
http://www.jshop.co.uk/ e depende quase que inteiramente de JavaScript
e cookies.
determinar se um visitante viu a página antes. Por exemplo, na primeira
vez em que visitar http://book_of_javascript.tripod.survey.html, você
receberá uma pesquisa para preencher. Depois que enviar a pesquiza uma
vez, nunca mais a verá novamente, pois a página armazena um cookie em seu
computador para registrar aquela primeira visita. Cada vez que você visitar
a página, a página verifica se você tem o cookie; se tiver, ela não lhe
dará a pesquisa.
Um exemplo de cookie mais complexo é o site de compras de investidores
em vinhos clássicos da Austrália, em http://vineyarddirect.com.au/index.html.
Esse carrinho de compras do vendedor de vinhos, chamado JShop, vem de
http://www.jshop.co.uk/ e depende quase que inteiramente de JavaScript
e cookies.
O QUE SÃO COOKIES ?
Cookies são pequenas peças de informações que um site deixa no disco
rígido dos visitantes. Como as informações se encerram no disco rígido,
elas permanecem depois que saem da página atual e até depois que o
computador é desligado. Você julgará esse recurso extremamente útil quando
quiser lembrar-se de informações sobre um usuário, cada vez que ele ou ela
visitar seu site.
Os cookies foram introduzidos em Netscape 2.0 e no Microsoft Internet
Explorer 3.0. Infelizmente, MSIE 3.0 oferece uma implementação menos
perfeita: enquanto você pode usar cookies para salvar e ler informações
em computadores de outras pessoas, não pode salvar cookies em seu próprio
computador. Isso significa que você não pode testar o seu cookie em MSIE 3.0.
Você pode ver cookies salvados em seu computador, olhando o arquivo cookies.txt
de Netscape ou o diretório Cookies do MSIE. Em qualquer caso, verá uma
longa lista de nomes de sites, cada um com uma string de texto. O texto
pode parecer incompreensível para você, visto que a maioria dos sites
criptografa cookies de alguma maneira, para empacotar mais informações
neles. Mas dê uma olhada para ver quem deixou essas pequenas ameaças em
seu sistema - você descovrirá que é muito instrutivo.
rígido dos visitantes. Como as informações se encerram no disco rígido,
elas permanecem depois que saem da página atual e até depois que o
computador é desligado. Você julgará esse recurso extremamente útil quando
quiser lembrar-se de informações sobre um usuário, cada vez que ele ou ela
visitar seu site.
Os cookies foram introduzidos em Netscape 2.0 e no Microsoft Internet
Explorer 3.0. Infelizmente, MSIE 3.0 oferece uma implementação menos
perfeita: enquanto você pode usar cookies para salvar e ler informações
em computadores de outras pessoas, não pode salvar cookies em seu próprio
computador. Isso significa que você não pode testar o seu cookie em MSIE 3.0.
Você pode ver cookies salvados em seu computador, olhando o arquivo cookies.txt
de Netscape ou o diretório Cookies do MSIE. Em qualquer caso, verá uma
longa lista de nomes de sites, cada um com uma string de texto. O texto
pode parecer incompreensível para você, visto que a maioria dos sites
criptografa cookies de alguma maneira, para empacotar mais informações
neles. Mas dê uma olhada para ver quem deixou essas pequenas ameaças em
seu sistema - você descovrirá que é muito instrutivo.
O QUE COOKIES PODEM E NÃO PODEM FAZER
Porque cookies envolvem escrever e ler a partir dos discos rígidos de
seus visitantes, browsers amistosos para com cookie lidam com muitos aspectos
de segurança. Como resultado, usar cookie tem muitas limitações. As mais
importantes, para os objetivos deste artigo são estas:
seus visitantes, browsers amistosos para com cookie lidam com muitos aspectos
de segurança. Como resultado, usar cookie tem muitas limitações. As mais
importantes, para os objetivos deste artigo são estas:
1 - Ninguém tem um browser amistoso para com cookies.
2 - Ninguém que tenha um browser amistoso para com cookies escolhe aceitar cookies. (a maioria não o faz).
3 - Cada domínio pode ter apenas 20 cookies (portanto, use-os com parcimônia).
4 - Os cookies não podem exceder os 4 kilobytes. Isso é pouco mais que 4.000 caracteres - na verdade, muito.
5 - Um Website só pode configurar e ler seus próprios cookies(por exemplo, o Yahoo não pode ler os cookies da AOL).
2 - Ninguém que tenha um browser amistoso para com cookies escolhe aceitar cookies. (a maioria não o faz).
3 - Cada domínio pode ter apenas 20 cookies (portanto, use-os com parcimônia).
4 - Os cookies não podem exceder os 4 kilobytes. Isso é pouco mais que 4.000 caracteres - na verdade, muito.
5 - Um Website só pode configurar e ler seus próprios cookies(por exemplo, o Yahoo não pode ler os cookies da AOL).
Tenha essas limitações em mente quando estiver pensando em usar cookies em seu site.
COMO TRABALHAR COM COOKIES
Esta seção cobre todas as operações básicas de cookies: configuração,
leitura, reajuste e datas de encerramento de configuração.
leitura, reajuste e datas de encerramento de configuração.
COMO CONFIGURAR COOKIES
Configurar um cookies básico é simples; simplesmente crie uma string no
formulário cookie_nome=valor e depois ajuste a propriedade document.cookie
para aquela string. Felizmente, as funções escape() e unescape() codificarão
e decodificarão cookies, assim você não precisa se preocupar com essa
restrição.
Exemplo:
formulário cookie_nome=valor e depois ajuste a propriedade document.cookie
para aquela string. Felizmente, as funções escape() e unescape() codificarão
e decodificarão cookies, assim você não precisa se preocupar com essa
restrição.
Exemplo:
¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨
function setarCookie()
{
1 var o_nome = prompt("Qual é o seu nome?"."");
2 var o_cookie = "nome=" + escape(o_nome);
3 document.cookie = o_cookie;
alert("Obrigado!");
}
function setarCookie()
{
1 var o_nome = prompt("Qual é o seu nome?"."");
2 var o_cookie = "nome=" + escape(o_nome);
3 document.cookie = o_cookie;
alert("Obrigado!");
}
¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨EXEMPLO A ¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨
Esse é um exemplo simples que armazena o nome de um visitante e um cookie
chamado nome. A primeira linha(1) da função do exemplo A pede por um
nome do visitante e o salva em o_nome. 2 cria a string para armazenar o cookie. A função
escape() substitui caracteres que os cookies não podem lidar por caracteres
legais. Por exemplo, se eu entrasse como paulo filipe na apresentação,
essa linha criaria a string nome=paulo%20filipe. O sinal de porcentagem
e 20(%20) substituem o espaçõ entre paulo e filipe.
A linha 3 configura o cookie. Para garantir que você configurou um cookie,
digite o seguinte em sua barra de localização do browser:
¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨
javascript:alert(document.cookie)
javascript:alert(document.cookie)
¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨
COMO LER COOKIES
É muito fácil ler um cookie que você salvou no disco rígido de alguém.
um exemplo:
um exemplo:
¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨
function lerCookie()
{
1 var o_cookie = document.cookie;
2 var quebra_de_linha = o_cookie.split("=");
3 var o_nome = quebra_de_linha[1];
4 var o_nome = unescape(o_nome);
alert("Seu nome é: "+ o_nome);
}
function lerCookie()
{
1 var o_cookie = document.cookie;
2 var quebra_de_linha = o_cookie.split("=");
3 var o_nome = quebra_de_linha[1];
4 var o_nome = unescape(o_nome);
alert("Seu nome é: "+ o_nome);
}
¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨EXEMPLO B¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨
A primeira linha(1) no exemplo B é a importante. Sempre que o seu browser abre uma
página da Web, o browser le quaisquer cookies que o site tenha armazenado
em sua máquina e os carrega na propriedade document.cookie.
A parte ardilosa sobre a leitura de cookies é obter exatamente as informações
que você deseja deles. No exemplo B, tudo depois da primeira linha da função
puxa o nome do usuário para fora do cookie. Uma vez que 1 obtém o cookie,
2 rompe o cookie em um array de dois elementos, usando o método split().
O primeiro elemento no array consiste de tudo no cookie antes do sinal
de igual(=). Nesse caso, é nome, assim aquele é o primeiro elemento no
array. O segundo elemento no array é tudo depois do sinal de igual, que
é filipe%20. 3 agarra essa string a partir do array e armazena em the_name,
e 4 decodifica the_name com a função unescape(), trocando %20 por um
espaço.
página da Web, o browser le quaisquer cookies que o site tenha armazenado
em sua máquina e os carrega na propriedade document.cookie.
A parte ardilosa sobre a leitura de cookies é obter exatamente as informações
que você deseja deles. No exemplo B, tudo depois da primeira linha da função
puxa o nome do usuário para fora do cookie. Uma vez que 1 obtém o cookie,
2 rompe o cookie em um array de dois elementos, usando o método split().
O primeiro elemento no array consiste de tudo no cookie antes do sinal
de igual(=). Nesse caso, é nome, assim aquele é o primeiro elemento no
array. O segundo elemento no array é tudo depois do sinal de igual, que
é filipe%20. 3 agarra essa string a partir do array e armazena em the_name,
e 4 decodifica the_name com a função unescape(), trocando %20 por um
espaço.
COMO REAJUSTAR COOKIES
Para reset(reajustar)(mudar o valor de) um cookie, simplesmente ajuste
o seu nome para outro valor. Por exemplo, para saber sobre a última vez
que um visitante esteve em seu site, ajuste um cookie chamado date cada
vez que aquela pessoa visitar o seu site. O exemplo D relaciona uma página
da Web completa, que controla última vez que determinado visitante entrou
na página da Web.
o seu nome para outro valor. Por exemplo, para saber sobre a última vez
que um visitante esteve em seu site, ajuste um cookie chamado date cada
vez que aquela pessoa visitar o seu site. O exemplo D relaciona uma página
da Web completa, que controla última vez que determinado visitante entrou
na página da Web.
¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨
< html>
< script>
function setarCookie()
{
var a_data = new Date();
var o_cookie = "data="+ escape(a_data);
document.cookie = o_cookie;
}
< html>
< script>
function setarCookie()
{
var a_data = new Date();
var o_cookie = "data="+ escape(a_data);
document.cookie = o_cookie;
}
function lerCookie()
{
1 if (document.cookie)
{
var o_cookie = document.cookie;
var o_cookie_array = o_cookie.split("data=");
var a_data = unescape(o_cookie_array[1]);
document.write("A ultima vez que você visitou foi em: "+ a_data);
document.write("
");
}
}
< /script>
< /head>
< body>
Bem vindo!
{
1 if (document.cookie)
{
var o_cookie = document.cookie;
var o_cookie_array = o_cookie.split("data=");
var a_data = unescape(o_cookie_array[1]);
document.write("A ultima vez que você visitou foi em: "+ a_data);
document.write("
");
}
}
< /script>
< /head>
< body>
Bem vindo!
0 comentários:
Postar um comentário
ORA VIVA, OLHA TEU COMENTARIO VALE MAIS DO QUE OURO PARA MIM, PRECISO DELE PARA MELHORAR A DISPONIBILIDADE DO BLOG.