Ir para conteúdo
Fórum Script Brasil
  • 0

(Resolvido) Ler cookie


vini_loock

Pergunta

Olá.

Eu fiz um código que grava o cookie, mas agora eu preciso ler ou verificar se existe, se exisir eu pego o valor dele, caso não exista eu crio esse cookie com o valor padrão.

O cód é esse:

<script type="text/javascript">

function gravaCookie(nome, value, horas){
var expire = "";
if(horas != null){

expire = new Date((new Date()).getTime() + horas * 3600000);

expire = "; expires=" + expire.toGMTString();

}    if(value == 'verde'){
        document.getElementById("global").style.backgroundColor = '#00ff66';
        document.getElementById("body").style.backgroundColor = '#00ff99';
        document.getElementById("topo").style.backgroundColor = '#009900';
        document.getElementById("rodape").style.backgroundColor = '#009900';
        document.getElementById("menu").style.backgroundColor = '#003300';
        document.getElementById("conteudo").style.backgroundColor = '#00ff00';
        document.cookie = nome + "=verde" + expire;
    }
    if(value == 'vermelho'){
        document.getElementById("global").style.backgroundColor = '#ff9595';
        document.getElementById("body").style.backgroundColor = '#00ff99';
        document.getElementById("topo").style.backgroundColor = '#ff2d2d';
        document.getElementById("rodape").style.backgroundColor = '#ff2d2d';
        document.getElementById("menu").style.backgroundColor = '#ff0000';
        document.getElementById("conteudo").style.backgroundColor = '#ff5b5b';
        document.cookie = nome + "=vermelho" + expire;
    }
}

</script>
<div id="cor" class="verde" onclick="gravaCookie('nome', 'verde', 24);"></div>
		<div id="cor" class="vermelho" onclick="gravaCookie('nome', 'vermelho', 24);"></div>

alguém sabe como fazer isso?

Vlw

Editado por vini_loock
Link para o comentário
Compartilhar em outros sites

1 resposta a esta questão

Posts Recomendados

  • 0

Resolvido!

o código ficou assim:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Documento sem t&iacute;tulo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
*{font-family: arial; font-size: 13px; color: #000; margin: 0px; padding: 0px;}
#global{width: 800px; position: absolute; left: 50%; margin: 0 0 0 -400px;}
    #topo{width: 790px; float: left; margin: 5px 0 0 5px;}
        #topo #logo{float: left; margin: 5px 0 5px 30px;}
        #topo #menu{width: 790px; float: left; text-align: center;}
            #topo #menu ul{}
                #topo #menu ul li{display: inline;}
                    #topo #menu ul li a{text-decoration: none;}
                    #topo #menu ul li a:hover{text-decoration: underline;}
    #conteudo{width: 786px; float: left; margin: 5px 0 0 5px; border: 2px solid #999999;}
        #conteudo h3{font-size: 16px; text-align: center;}
        #conteudo img{float: left;}
    #rodape{width: 790px; float: left; margin: 5px 0 5px 5px;}
        #rodape #menu{width: 790px; text-align: center; float: left;}
            #rodape #menu ul{}
                #rodape #menu ul li{display: inline;}
                    #rodape #menu ul li a{text-decoration: none;}
                    #rodape #menu ul li a:hover{text-decoration: underline;}
        #rodape p{width: 790px; float: left; text-align: center;}
        
#select{float: left; background-color: #000; width: 300px;;}
    #cor{width: 10px; height: 10px; border: 2px solid #fff; float: left; margin: 5px 0 5px 5px;}
    .azul{background-color: blue;}
    .amarelo{background-color: yellow;}
    .vermelho{background-color: red;}
    .verde{background-color: green;}
</style>
<script type="text/javascript">
function lerCookie(nome){
    var valorCookie = "";
    var search = nome + "=";
    
    if(document.cookie.length > 0) {
        offset = document.cookie.indexOf(search);
        
        if (offset != -1){
            offset += search.length;
            end = document.cookie.indexOf(";", offset);
            
            if (end == -1) end = document.cookie.length;
                valorCookie = unescape(document.cookie.substring(offset, end))
                
                if(valorCookie == 'vermelho'){
                    document.getElementById("global").style.backgroundColor = '#ff9595';
                    document.getElementById("body").style.backgroundColor = '#00ccff';
                    document.getElementById("topo").style.backgroundColor = '#ff2d2d';
                    document.getElementById("rodape").style.backgroundColor = '#ff2d2d';
                    document.getElementById("menu").style.backgroundColor = '#ff0000';
                    document.getElementById("conteudo").style.backgroundColor = '#ff5b5b';
                }
                if(valorCookie == 'verde'){
                    document.getElementById("global").style.backgroundColor = '#00ff66';
                    document.getElementById("body").style.backgroundColor = '#33ff66';
                    document.getElementById("topo").style.backgroundColor = '#009900';
                    document.getElementById("rodape").style.backgroundColor = '#009900';
                    document.getElementById("menu").style.backgroundColor = '#003300';
                    document.getElementById("conteudo").style.backgroundColor = '#00ff00';
                }
        }else{
            var valorCookie = "branco";
                document.getElementById("global").style.backgroundColor = '#00ff66';
                document.getElementById("body").style.backgroundColor = '#33ff66';
                document.getElementById("topo").style.backgroundColor = '#009900';
                document.getElementById("rodape").style.backgroundColor = '#009900';
                document.getElementById("menu").style.backgroundColor = '#003300';
                document.getElementById("conteudo").style.backgroundColor = '#00ff00';
        }
    }
}

function gravaCookie(nome, value, horas){
var expire = "";
if(horas != null){

expire = new Date((new Date()).getTime() + horas * 3600000);

expire = "; expires=" + expire.toGMTString();

}    if(value == 'verde'){
        document.getElementById("global").style.backgroundColor = '#00ff66';
        document.getElementById("body").style.backgroundColor = '#00ff99';
        document.getElementById("topo").style.backgroundColor = '#009900';
        document.getElementById("rodape").style.backgroundColor = '#009900';
        document.getElementById("menu").style.backgroundColor = '#003300';
        document.getElementById("conteudo").style.backgroundColor = '#00ff00';
        document.cookie = nome + "=verde" + expire;
    }
    if(value == 'vermelho'){
        document.getElementById("global").style.backgroundColor = '#ff9595';
        document.getElementById("body").style.backgroundColor = '#00ff99';
        document.getElementById("topo").style.backgroundColor = '#ff2d2d';
        document.getElementById("rodape").style.backgroundColor = '#ff2d2d';
        document.getElementById("menu").style.backgroundColor = '#ff0000';
        document.getElementById("conteudo").style.backgroundColor = '#ff5b5b';
        document.cookie = nome + "=vermelho" + expire;
    }
}

</script>
</head>
<body id="body">

<div id="global">
    <div id="topo">
        <div id="logo"><a href="#"><img src="" width="300" height="150" border="0" alt="Nome do site"></a></div>
        <div id="menu">
            <ul>
                <li><a href="#">Home</a></li>
                <li><a href="#">Serviços</a></li>
                <li><a href="contato.htm">Contato</a></li>
            </ul>
        </div>
    </div>
    <div id="conteudo">
        <h3>Bem vindo ao site!</h3>
        <img src="" width="150" height="150" border="0" alt="">
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque blandit lobortis orci. Nam fermentum tristique sodales. Fusce a nulla nec est venenatis condimentum at at dolor. Nam convallis risus id mauris hendrerit condimentum. Nunc tempor urna tristique ipsum lobortis eu volutpat magna adipiscing. Quisque sed nibh libero, sit amet blandit sem. Fusce aliquam ligula at massa bibendum bibendum. Etiam lacus sapien, vehicula vel ornare ac, fringilla eget dolor. Etiam odio elit, fringilla at blandit eu, fringilla vel ante. Pellentesque eget sem et sem viverra tempor a nec arcu. Donec non odio ac orci gravida consequat quis ac metus. Mauris velit lacus, vulputate sed pharetra sed, suscipit vitae lectus. Curabitur in sapien massa, non suscipit augue. Nam venenatis massa ut sapien scelerisque nec pulvinar ipsum interdum. Curabitur dignissim auctor accumsan. </p>
    </div>
    <div id="rodape">
        <h2>Nome do site</h2>
        <div id="menu">
            <ul>
                <li><a href="#">Home</a></li>
                <li><a href="#">Serviços</a></li>
                <li><a href="#">Contato</a></li>
            </ul>
        </div>
        <p>Web site produzido por <a href="#">Mks WebDesign</a></p>
    </div>
    
    <div id="select">
        <div id="cor" class="verde" onclick="gravaCookie('nome', 'verde', 24);"></div>
        <div id="cor" class="vermelho" onclick="gravaCookie('nome', 'vermelho', 24);"></div>
    </div>
    
</div>
</body>
</html>

Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,4k
×
×
  • Criar Novo...