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

Save e Load com cookie


HugoJapa

Pergunta

Fala galera!

Estou com um problema.

Estou com uma especie de formulario, mas que gostaria que os dados fossem salvos com o clicar de um botão,

"Save", ao mesmo tempo apagando os valores digitados. Depois, ao apertar o botão "Load", esses dados voltariam

a aparecer em cada caixa de texto. É possivel fazer isso com cookies? Como poderia fazer? Perdão, mas não sei mexer

muito bem com cookies, então vou postar um codigo exemplo para facilitar.

**********

<html>

<head>

<title>

Testando cookie

</title>

</head>

<body>

<p>

Valor 1 = <input type="text" id="valor1">

</p>

<p>

Valor 2 = <input type="text" id="valor2">

</p>

<P>

Valor 3 = <input type="text" id="valor3">

</p>

<p>

<input type="button" id="botaosave" value="Save">

<input type="button" id="botaoload" value="Load">

</p>

</body>

</html>

**********

Grato

Hugo

Link para o comentário
Compartilhar em outros sites

2 respostass a esta questão

Posts Recomendados

  • 0

Olha o exemplo...

dá uma estudada também nesse material

http://www.w3schools.com/js/js_cookies.asp

<html>
<head>
<title>
Testando cookie
</title>

<script>

function g(d){
     return document.getElementById(d);
}

function load(){

     g('valor1').value = getCookie('valor1');
     g('valor2').value = getCookie('valor2');
     g('valor3').value = getCookie('valor3');
     
}

function save(){
     setCookie('valor1',g('valor1').value,1);
     setCookie('valor2',g('valor2').value,2);
     setCookie('valor3',g('valor3').value,3);
     
     g('valor1').value = "";
     g('valor2').value = "";
     g('valor3').value = "";
}


/* Fonte http://www.w3schools.com/js/js_cookies.asp */
function setCookie(c_name,value,exdays)
{
    var exdate=new Date();
    exdate.setDate(exdate.getDate() + exdays);
    var c_value=escape(value) + ((exdays==null) ? "" : "; expires="+exdate.toUTCString());
    document.cookie=c_name + "=" + c_value;
}

/* Fonte http://www.w3schools.com/js/js_cookies.asp */
function getCookie(c_name)
{
    var i,x,y,ARRcookies=document.cookie.split(";");
    for (i=0;i<ARRcookies.length;i++)
    {
      x=ARRcookies[i].substr(0,ARRcookies[i].indexOf("="));
      y=ARRcookies[i].substr(ARRcookies[i].indexOf("=")+1);
      x=x.replace(/^\s+|\s+$/g,"");
      if (x==c_name)
        {
        return unescape(y);
        }
      }
}

</script>

</head>
<body>
<p>
Valor 1 = <input type="text" id="valor1">
</p>
<p>
Valor 2 = <input type="text" id="valor2">
</p>
<P>
Valor 3 = <input type="text" id="valor3">
</p>
<p>
<input type="button" id="botaosave" value="Save" onclick="save()">
<input type="button" id="botaoload" value="Load" onclick="load()">
</p>
</body>
</html>

toma cuidado com seus cookies hein auheseASEHAESH

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,3k
×
×
  • Criar Novo...