Como usar las cookies II (para poder combinar con CSS)

Iniciado por z3nth10n, 4 Febrero 2013, 17:33 PM

0 Miembros y 1 Visitante están viendo este tema.

z3nth10n

Hola amigos, pues bien me estuve leyendo esto, y lo que quiero hacer es simple:

http://www.microteching.com/javascript/manejo-de-cookies-en-javascript

Pues... quiero que por ejemplo una img tenga un width determinado durante un tiempo y que luego cambie, como lo puedo combinar?

Un saludo.  :silbar:




Hice algo asi, pero no funca:

Código (php) [Seleccionar]

<!DOCTYPE html>
<html>
<head>
<script>
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);
   }
 }
}

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;
}

function checkCookie()
{
var test=getCookie("test");
if (test!=null && test!="")
 {
document.getElementByID('algo').style.width = "200px";
 }
else
 {
 test=document.getElementByID('algo').style.width = "200px";
 if (test!=null && test!="")
   {
   setCookie("test",test,365);
   }
 }
}
</script>
</head>
<body onload="checkCookie()">
<img src="http://files.softicons.com/download/internet-icons/social-networking-icons-by-wpzoom/png/32/google.png" id="algo" />
</body>
</html>


Aquí lo podéis ver en "acción": http://jsfiddle.net/yYQQh/

Un saludo.  ;-)

Interesados hablad por Discord.

z3nth10n


Interesados hablad por Discord.

EFEX

Si probas el codigo en el browser ves que no guarda la cookie, por unos errores que tiene, te recomiendo utilizar firebug para codigo js.

Aqui las 2 correcciones

Falta el puntu y coma ( ; )
Citar<body onload="checkCookie();">

Se utiliza la d minúscula
Citardocument.getElementById()
GITHUB 

z3nth10n

#3
Graciaaaaaaaas :)




Quiero que sea una variable genral para toda la web...
Ejemplo, por ejemplo si estuviese en este post la cookie quiero que funcione en la index de la web, hay laguna forma con JS?  :silbar:




http://deadfrontier-esp.foroactivo.com/12323.js

No funca... puse document.body.style.display = "none"; para trollear xD

Pero work, miralo aquí:

http://jsfiddle.net/yYQQh/3/

(En el JSFiddle si va, pero en Foroactivo no)  :¬¬

Interesados hablad por Discord.

EFEX

El estar en un sitio de alojamiento gratuido en este caso un foro, primero tenes que saber que áhy limitaciones que se aplican a todo sus usuarios, buscando por ally encontre un enlace que te explicará mejor(es del foro de asistencia oficial y es un bardo leerlo si tenes mas dudas deberias de preguntar hay).

http://asistencia.foroactivo.com/t102529-gestion-de-los-codigos-javascript-directamente-dentro-del-pa
http://asistencia.foroactivo.com/t102533-javascript-en-foroactivo
GITHUB