Javascript manejo de cookies
Publicado por Fede Ramirez (11 intervenciones) el 24/04/2015 23:14:50
Buenas, hice 3 funciones sobre el manejo de cookies con javascript, pero no me funciona ni siquiera la de guardar. Necesito que me expliquen porque no funciona porque ya me tiene de los pelos :P. A continuacion les dejo el codigo:
JAVASCRIPT
HTML
PD: ¿Es necesario usar algo a parte de html y javascript para que funcione?. Porque me dijeron que lo tengo que hacer solo con esas 2 cosas.
JAVASCRIPT
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
function setCookie(cname, cvalue, exdays) {
var d = new Date();
d.setTime(d.getTime() + (exdays*24*60*60*1000));
var expires = "expires="+d.toUTCString();
document.cookie = cname + "=" + cvalue + "; " + expires;
}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 "";}function deleteCookie(cname) {
document.cookie = cname + "=; expires=-1";
}window.onload = function(){
var btn = document.getElementById("btnGuardar");
btn.onclick = function(){
var nombre = document.getElementById("InputNombre").value;
setCookie("Nombre",nombre,10);
alert(document.cookie);
}}HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Registro</title>
<link rel="stylesheet" type="text/css" href="./css/estilostp2.css"/>
<script type="text/javascript" src="./js/funcionestp2.js"></script>
</head>
<body>
<div id="header">
<a href="tp2-ej1.html"><span id="textoheader">Nombre de la web</span></a>
</div>
<div id="ContenedorFormulario">
<form id="frmContacto">
<div id="headercontacto">
Almacenar Nombre En Una Cookie
</div>
<div class="seccion">
<div class="labels"><label for="InputNombre">Nombre:</label></div>
<input type="text" class="w50" id="InputNombre"/>
</div>
<div class="seccion">
<input type="submit" class="Enviar" value="Guardar" id="btnGuardar" />
</div>
</form>
</div>
<div id="footer">
<span id="textofooter">FOOTER</span>
</div>
</body>
</html>
PD: ¿Es necesario usar algo a parte de html y javascript para que funcione?. Porque me dijeron que lo tengo que hacer solo con esas 2 cosas.
Valora esta pregunta
0
