Cookies en script

TOCorsair · #1 (**permalink**) 26/03/2011, 18:17

Hola, soy nuevo en el foro, y vi que todas sus respuestas son precisas.

Tengo un script, el cual con una imagen se llama a la funcion (changeImage4()) y cambia el fondo de la página

El script anda perfecto, son 4 funciones y 4 imagenes para cambiar. Pero cuando cambio de pagina, a otra parte del sitio, la imagen de fondo no queda.

Quisiera saber como se utilizan cookies para esto, como se escriben y como se las llama para hacer funcionar un script segun el cookie.

Este es el codigo entre <head></head>

Código HTML:

<script>
 
 <!--
 function changeImage1() {
 newImage1 = "url(/Estilo/Back1.jpg)";
 document.body.style.backgroundImage = newImage1;
 }
 function changeImage2() {
 newImage2 = "url(/Estilo/Back2.jpg)";
 document.body.style.backgroundImage = newImage2;
 }
 function changeImage3() {
 newImage3 = "url(/Estilo/Back3.jpg)";
 document.body.style.backgroundImage = newImage3;
 }
 function changeImage4() {
 newImage4 = "url(/Estilo/Back4.jpg)";
 document.body.style.backgroundImage = newImage4;
 }
 //-->
 </script>

Y este el codigo que llama la funcion, entre <body></body> (4 imagenes)

Código HTML:

<a href="#" onclick="changeImage1()"><img src="/Estilo/BackMini1.jpg"></a>
<br><br>
<a href="#" onclick="changeImage2()"><img src="/Estilo/BackMini2.jpg"></a>
<br><br>
<a href="#" onclick="changeImage3()"><img src="/Estilo/BackMini3.jpg"></a>
<br><br>
<a href="#" onclick="changeImage4()"><img src="/Estilo/BackMini4.jpg"></a>

No se como setear cookies para guardar la funcion y aplicarla en todas las otras paginas, la imagen de fondo por defecto cuando alguien entra a la pagina es "/Estilo/Back1.jpg".

Gracias de antemano.

zerokilled · #2 (**permalink**) 26/03/2011, 18:42

buenas...

lo que te hace falta es leer un tutorial acerca de las cookies. hay mucho material en internet acerca de ello, puedes comenzar por el siguiente. http://www.quirksmode.org/js/cookies.html

TOCorsair · #3 (**permalink**) 26/03/2011, 21:04

Bueno lei toda la guia, a la hora de poner el codigo el script que pone el fondo ya no anda cuando clickeo para setear el fondo, me quedo asi:

Código HTML:

<script>
 
 <!--
 function changeImage1() {
 newImage1 = "url(/Estilo/Back1.jpg)";
 document.body.style.backgroundImage = newImage1;
 }
 function changeImage2() {
 newImage2 = "url(/Estilo/Back2.jpg)";
 document.body.style.backgroundImage = newImage2;
 }
 function changeImage3() {
 newImage3 = "url(/Estilo/Back3.jpg)";
 document.body.style.backgroundImage = newImage3;
 }
 function changeImage4() {
 newImage4 = "url(/Estilo/Back4.jpg)";
 document.body.style.backgroundImage = newImage4;
 }
 function createCookie(imgCookie,backImage,500) {
 if (days) {
 var date = new Date();
 date.setTime(date.getTime()+(days*24*60*60*1000));
 var expires = "; expires="+date.toGMTString();
    }
    else var expires = "";
    document.cookie = imgCookie=backImage; expires=Fri, 3 Aug 2020 20:47:11 UTC; path=/;
}
 //-->
 </script>

zerokilled · #4 (**permalink**) 27/03/2011, 06:28

se ve que no has experimentado con los ejemplos del tutorial, porque si fuera asi no hubieras tenido solamente la funcion de crear cookies. y aparte de eso, no comprendo por que le hicistes cambios a la funcion cuando no era necesario.

TOCorsair · #5 (**permalink**) 27/03/2011, 09:48

No entendi muy bien la creacion de las cookies, donde tengo que poner el string?