Cookies e Javascript: Personalizando a página

Bom dia, hoje depois de muito tempo, voltei ao blog.
Vou passar aqui um script bem basiquinho, ele utiliza cookies para salvar o nome do seu usuário e a medida que ele voltar ao seu site, será exibida uma mensagem simpática ( que você pode personalizar de acordo com o segmento.

Captura de tela 2016-01-25 10.44.45

Veja o código:


<!DOCTYPE html>
<html>
<head>
<script>

//grava o cookie e salva na máquina por 365 dias:

function setCookie(cname,cvalue,exdays) {
var d = new Date();
d.setTime(d.getTime() + (exdays*24*60*60*1000));
var expires = "expires=" + d.toGMTString();
document.cookie = cname+"="+cvalue+"; "+expires;
}

//lê o cookie

function getCookie(cname) {
var name = cname + "=";
var ca = document.cookie.split(';');
for(var i=0; i<ca.length; i++) {
var c = ca[i];
while (c.charAt(0)==' ') c = c.substring(1);
if (c.indexOf(name) == 0) {
return c.substring(name.length, c.length);
}
}
return "";
}

//verifica o cookie

function checkCookie() {
var user=getCookie("username");
if (user != "") {
alert("Que bom te ver novamente, " + user);
} else {
user = prompt("Por favor, digite seu nome:","");
if (user != "" && user != null) {
setCookie("username", user, 30);
}
}
}

</script>
</head>
<body onload="checkCookie()">
</body>
</html>

 

aa_Page_0(3)

Anúncios

Deixe um comentário

Preencha os seus dados abaixo ou clique em um ícone para log in:

Logotipo do WordPress.com

Você está comentando utilizando sua conta WordPress.com. Sair / Alterar )

Imagem do Twitter

Você está comentando utilizando sua conta Twitter. Sair / Alterar )

Foto do Facebook

Você está comentando utilizando sua conta Facebook. Sair / Alterar )

Foto do Google+

Você está comentando utilizando sua conta Google+. Sair / Alterar )

Conectando a %s