Guardar datos en cookies

FJE · #1 (**permalink**) 18/11/2008, 09:21

Buenas tardes, querría saber de qué manera puedo guardar en una cookie varios datos distintos recogidos de cuadros de texto, actualmente recojo solo un dato (color de fondo de pantalla), pero me gustaría también guardar color de letra y de enlaces, ahora mismo tengo el siguiente código, pero no sé cómo concatenar el resto de valores para añadirlos al color de fondo:

function guardarCookies() {
var hoy = new Date()
var expiracion = new Date()
expiracion.setTime(hoy.getTime() + 1000*60*60*24*365)
setCookie("fondo", fondo.value, expiracion)
}

Un saludo y gracias.

David · #2 (**permalink**) 18/11/2008, 09:33

¿Qué tienes dentro de la función setCookie?

FJE · #3 (**permalink**) 18/11/2008, 13:04

Gracias por tu interés David, pues dentro de la función setCookie tengo esto:

function setCookie(nombre, value, expira) {
document.cookie = nombre + "=" + value + "; expires=" + expira.toGMTString();
}

Estoy bastante perdido con este tema, consigo que funcione con un solo dato, pero cuando intento guardar más creo que se pisan al guardarse y empieza a funcionar mal

Un saludo y gracias.

David · #4 (**permalink**) 18/11/2008, 13:09

Exacto, estás reemplazando el valor cada vez que asignas uno nuevo, deberías concatenarlo (+=) en lugar de una asignación directa (=).

FJE · #5 (**permalink**) 18/11/2008, 13:53

Pero una cosa, ese += que indicas dónde lo tengo que meter??? ahí donde lo he puesto o dónde? y otra cosa, solo con eso ya funcionaría el resto de funciones? no tendría que tocar nada en guardarCookies o en getCookie?

function setCookie(nombre, value, expira) {
document.cookie += nombre + "=" + value + "; expires=" + expira.toGMTString();
}

En getCookie tengo esto que no lo había puesto aún:

function getCookie(nombre) {
var search = nombre + "="
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
fin = document.cookie.indexOf("x", offset)
if (fin == -1)
fin = document.cookie.length
return unescape(document.cookie.substring(offset, fin))
}
}
}

Un saludo y disculpa las molestias.

FJE · #6 (**permalink**) 18/11/2008, 13:53

Dupliqué la respuesta, pero ya la he quitado, aunque no sé cómo borrar del todo el mensaje xD

David · #7 (**permalink**) 18/11/2008, 13:56

¿Y por qué tú mismo no pruebas y nos cuentas si funciona o no?.

FJE · #8 (**permalink**) 18/11/2008, 14:05

Actualmente me encuentro en mi casa y no tengo el resto de código que necesito (que aunque sea poco con lo verde que estoy en esto me llevaría un rato) lo tengo en el ordenador de la oficina, si hubiera estado allí ya lo habría probado, no ha sido por buscar la solución fácil, créeme.

Mañana lo pruebo y ya te comento.

Gracias de nuevo.

FJE · #9 (**permalink**) 19/11/2008, 05:58

Buenas tardes, ya lo he podido probar y sigue fallando más o menos igual que antes, sigue haciendo cosas raras con los colores. Las funciones las tengo así:

function setCookie(nombre, value, expira) {
document.cookie += nombre + "=" + value + "; expires=" + expira.toGMTString();
}

function getCookie(nombre) {
var search = nombre + "="
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
fin = document.cookie.indexOf("x", offset)
if (fin == -1)
fin = document.cookie.length
return unescape(document.cookie.substring(offset, fin))
}
}
}

function guardarCookies() {
var hoy = new Date()
var expiracion = new Date()
expiracion.setTime(hoy.getTime() + 1000*60*60*24*365)
setCookie("fondo", fondo.value, expiracion)
setCookie("fuente", fuente.value, expiracion)
}

function cargar() {
cadfondo=getCookie("fondo");
if (cadfondo!="")
document.bgColor=cadfondo;

cadfuente=getCookie("fuente");
if (cadfuente!="")
document.fgColor=cadfuente;
}

La función cargar la tengo puesta aquí: <BODY onLoad="cargar();">

¿Qué sigo haciendo mal? No tengo ni idea, llevo 2 días haciendo pruebas y no consigo que salga bien

David · #10 (**permalink**) 19/11/2008, 11:05

mmm... corrigiéndome a mí mismo, no es necesario concatenar para guardar las cookies, debes guardarlas como lo estabas haciendo. Ahora, algunas recomendaciones para que funcione. Cambia el indexOf("x", offset) por indexOf(";", offset), ya que el delimitador para cada valor es ;. También, haz un escape(value) a la hora de guardar para que puedas guardar caracteres especiales.

FJE · #11 (**permalink**) 20/11/2008, 07:02

Hola de nuevo, cambiando el indexOf("x", offset) por indexOf(";", offset) ya ha funcionado a la perfección, no sabía que eso servía para delimitar y claro, lo tenía así puesto desde el principio y por eso nunca me llegó a funcionar bien.

Gracias por tu paciencia