Armazenamento de cookies com javascript

Front-end

05/12/2014

Olá equipe do devmedia, segui uma video aula (Video Aula) e me deparei com um problema, o script ao que indica não esta recuperando o cookie (ou seu conteudo), o codigo tem fins didaticos logo sua estruturação não é profissional apesar de esta bem organizado.

Estou usando o "Google Chrome"

Codigo HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<title>Temporizadores e Cookies</title>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		
		<link rel="stylesheet" type="text/css" href="../CSS/Temporizadores.css" media="screen"/>
		
		<script type="text/javascript" src="../Javascript/Cookies.js"></script>
		<script type="text/javascript" src="../Javascript/Temporizadores.js"></script>	
	</head>
	<body>
		<img id="GTA" src="../Imagens/GTA.png" alt="GTA" />
		<div id="relogio">00:00:00</div>
	</body>
</html>


Codigo Javascript:
window.onload = function (){
	document.getElementById("GTA").onclick = mudar;
	setInterval(atualizaRelogio,1000);
	
	var nome = readCookie("nome");
	if(nome == null){
		nome = prompt("Qual o seu Nome ?");
		writeCookie("nome", nome, 1);
	}
}

function mudar(){
	document.getElementById("GTA").src = "../Imagens/GTA2.png";
	var chave = setTimeout("desmudar()",3000);
	//var chave = setTimeout(desmudar,3000);
	//clearTimeout(chave);
	
	var nome = readCookie("nome");
	if(nome != null){
		alert("Bom dia "+nome);
	}
}

function desmudar(){
	document.getElementById("GTA").src = "../Imagens/GTA.png";
}

function atualizaRelogio(){
	var agora = new Date;
	var horas = agora.getHours() + ":" + agora.getMinutes() + ":" + agora.getSeconds();
	document.getElementById("relogio").innerHTML = horas;
}


Biblioteca auxiliar em Javascript (mostrada no video)
function writeCookie(nome, value, days){
	//Por default, não existe expiração, ou seja o cookie é temporário
	var expires = "";
	
	//Especifica o número de dias para guardar o Cookie
	if(days){
		var date = new Date();
		date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
		expires = "; expires=" + date.toGMTString();
	}
	
	if(value != "" && value != null && value != "null"){
		//Define o cookie com o nome, valor e data de expiração
		document.cookie = name + "=" + value + expires + "; path=/";
	}
}

function readCookie(name){
	//Encontra o cookie especificado e retorna o seu valor
	var searchName = name + "=";
	var cookies = document.cookie.split(';');
	for(var i=0; i<cookies.length; i++){
		var c = cookies[i];
		while(c.charAt(0) == ' '){
			c = c.substring(1,c.length);
		}
		if(c.indexOf(searchName) == 0){
			return c.substring(searchName.length, c.length);
		}
	}
	return null;
}

function eraseCookie(name){
	//Exclui o Cookie
	writeCookie(name, "", -1);
}


Obrigado pela Ajuda.
Ricardo Henrique

Ricardo Henrique

Curtidas 0
POSTAR