1. java
  2. android
  3. c#
  4. .net
  5. javascript
  6. php
  7. jquery
  8. html
  9. sql

Utilização de cookies com javascript

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);
}
  1. Você vai ver essas setas em qualquer página de pergunta. Com elas, você pode dizer se uma pergunta ou uma resposta foram relevantes ou não.
  2. Edite sua pergunta ou resposta caso queira alterar ou adicionar detalhes.
  3. Caso haja alguma dúvida sobre a pergunta, adicione um comentário. O espaço de respostas deve ser utilizado apenas para responder a pergunta.
  4. Se o autor da pergunta marcar uma resposta como solucionada, esta marca aparecerá.
  5. Clique aqui para mais detalhes sobre o funcionamento do GUJ!

0 resposta

Não é a resposta que estava procurando? Procure outras perguntas com as tags javascript cookies ou faça a sua própria pergunta.