Si la cookie es la correcta ejecutamos accion

[PoLiZe]

Holas gente, bueno tengo un problemita..
http://mundo-games.com/foro/

Lo de la columna... Quiero que si vos haces un click en ver columna se guarda un cookie y qe cada ves qe entres al sitio se vea segun la cookie (Abierta o oculta)

Se entiende?

Código javascript:

<script type="text/javascript">  
    function cookies() {
                    if(document.cookie == "sinbarra") {
                document.getElementById("right-side").style.width = "850px";
                }
                if(document.cookie == "conbarra") {
                document.getElementById("right-side").style.width = "590px";
                }
                };
        $(function()  {  
           $("#mostrar").click(function(event) {         
            event.preventDefault();     
                tamanio = document.getElementById("right-side").style.width
            if(tamanio == "590px")
            {
             document.cookie="sinbarra";
             document.getElementById("right-side").style.width = "850px";
             } 
             if(tamanio == "850px")
             {
             document.cookie="conbarra";
             document.getElementById("right-side").style.width = "590px";
             }
             
             
            $("#left-side").slideToggle();  
            });  
 
        });  
        </script>
 

Eso intente hacer pero no tubo resultado :(

Necesito Ayuda

[PoLiZe]

Alguien me ayuda please? ^^

[PoLiZe]

Porfavor Ayudaªª

[WilsonHernandez]

Como creo un tema aqui

[PoLiZe]

Iniciado por WilsonHernandez

Como creo un tema aqui

Eso postealo en otro foro o lee AYUDA http://www.forosdelweb.com/faq.php

[gioramies]

Hola. Estas son las funciones para manejar cookies:

Código HTML:

function crearCookie(name,value,days) {
  if (days) {
    var date = new Date();
    date.setTime(date.getTime()+(days*24*60*60*1000));
    var expires = "; expires="+date.toGMTString();
  }
  else expires = "";
  document.cookie = name+"="+value+expires+"; path=/";
}

function leerCookie(name) {
  var nameEQ = name + "=";
  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,c.length);
    if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
  }
  return null;
}

luego esta funcion para verificar si la cookie existe y actualizar el estado del objeto a como estaba antes de salir de la página

Código HTML:

window.onload = function(e) {
  var valor = leerCookie("nombredetuCookie");
  ... // Puedes hacer los if (verficaciones) luego que tengas el valor de la cookie
}

y para finalizar esta funcion para guardar en la cookie el valor final que tenia el objeto cuando se cerró la página

Código HTML:

window.onunload = function(e) {
  var valor = coloca_aqui_el_valor_actual;
  crearCookie("nombredetuCookie", valor , 365);
}

Espero eso te sirva en tu script. Saludos, si tienes alguna duda postela.

[PoLiZe]

Buenisimo gracias, ahora no entendi mucho el codigo porque me tengo que ir, al mediodia lo leo bien y veo que hago jeje. Gracias

[PoLiZe]

Disculpame pero no he podido realizarlo alguien me puede ayudar??

[gioramies]

Hola PoLiZe, lo que debes hacer es incluir las funciones anteriores en tu página html. Primero te explicaré como debe funcionar todo y como haces eso utilizando las funciones:

FORMA DE LEER LA COOKIE Y ACTUALIZAR LA COLUMNA -a la que te refieres-

1. Al abrir la página (función window.onload) debes verificar si existe la cookie (Si existe es porque el usuario ya habia estado en tu sitio web). Verificas si existe de esta forma: var valor = leerCookie("nombredetuCookie");
2. Si existe la cookie (sabes que existe porque es diferente de null), la lees y actualizas el estado final de la columna, es decir, verificas que el contenido de la variable valor y se la colocas al width de tu columna.
3. Si la cookie no existe, es decir, valor == null, entonces dejas tu columna como lo deses (valor por defecto).

FORMA DE GUARDAR LA COOKIE PARA LUEGO ABRIRLA

1. Cuando cambias el estado de tu columna, es decir, se hace click sobre #mostrar, utilizas la función crearCookie("nombredetuCookie", valor , 365); donde valor es el ancho de tu columna y 365 el número de días que la cookie permanecerá en el cliente (sólo deja 365).
2. Si presionas 50 clicks sobre #mostrar, 50 se hará lo que te mencioné en el punto anterior. Para no repetirlo tantas veces, es mejor que crees la cookie cuando el usuario salga de tu página, eso lo haces con window.onunload y hallí utilizas la función crearCookie("nombredetuCookie", valor , 365);.

Lo que te acabo de explicar lo puedes ver en el código que coloqué en el post anterior. Si te quedan dudas, no dudes en postearlas. Mucha suerte y empeño. Si lees un poco más y te esfuerzas, seguro lo harás.

[PoLiZe]

Hola, Muchas Gracias!

Edit: Encontre Error
Edit2: Solucione Error



Te Agradezco Mucho!! ^^ Quedo muy bueno

[PoLiZe]

en el IE algo esta mal :S

Qe es?


http://www.mundo-games.com/foro/

Ayuda pleasee!!

[gioramies]

Hola. Que versión de IE, ¿la 6 ó la 7? A mi me funciona perfectamente en la versión 7, si es la 6, buscaré algo en la internet para ver si puedo ayudarte, la verdad es que IE6 no tiene un buen soporte para javascript, así que por eso muy pocas aplicaciones con este lenguaje y con la tecnología ajax que funcionan correctamente con esta versión de este navegador.

[PoLiZe]

Ahh puede ser dsp testeo con ie7 ¬¬

ie6 no sirve