Iniciar sesiónCerrar
Correo:
Contraseña:
Entrar
Recordar sesión en este navegador
Iniciar sesiónIniciar sesiónCrear cuentaCrear cuenta
LWP » Foros » JavaScript » Guardar función en local storage para cuando vuelvas a cargar la página

JavaScript - Guardar función en local storage para cuando vuelvas a cargar la página

Volver
Nuevo Tema
<<>>
 
Vista:

Guardar función en local storage para cuando vuelvas a cargar la página

Publicado por Thankyou (2 intervenciones) el 20/09/2014 12:05:25
Hola,

Tengo un código donde al darle un botón hace que aparezca (o desaparezca si se vuelve a dar) un apartado de una lista del menú. Quiero guardarlo con local storage para que a pesar de navegar por la web el valor se quede guardado. Encontré algo: http://www.taringa.net/comunidades/webdesign/6552330/Mostrar-ocultar-div-guardando-con-localStorage.html pero no me aclaro mucho... Si alguien me pudiese ayudar... gracias.

Código:
JAVASCRIPT:
1
2
3
4
5
6
7
8
9
function muestra_oculta(id){
if (document.getElementById){ //se obtiene el id

var el = document.getElementById(id); //se define la variable "el" igual a nuestro div

el.style.display = (el.style.display == 'none') ? 'block' : 'none'; //damos un atributo display:none que oculta el div

}
}
window.onload = function(){/*hace que se cargue la función lo que predetermina que div estará oculto hasta llamar a la función nuevamente*/
muestra_oculta('contenido_a_mostrar');/* "contenido_a_mostrar" es el nombre de la etiqueta DIV que deseamos mostrar */
}



Código:
HTML5
1
2
3
4
5
6
7
****MENÚ NAVEGACIÓN****
...
<li id="contenido_a_mostrar"><a href="fotografia.html">Fotografia <input type="checkbox" checked/></a></li>
...
****FIN MENÚ NAVEGACIÓN****
 
<input type="button" onclick="muestra_oculta('contenido_a_mostrar')" value="Apuntarse/Desapuntarse"/>
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder

Guardar función en local storage para cuando vuelvas a cargar la página

Publicado por Thankyou (2 intervenciones) el 23/09/2014 19:29:57
Hola,

No, no me sirve, gracias de todos modos. Al final lo he cambiado a Jquery, y casi lo tengo pero no logro con el primer if, averiguar si "contenido_a_mostrar" está visibile o no:



1
2
3
4
5
6
7
8
9
10
11
12
$("#vamoalla").on("click",function(){
                 if ($("#contenido_a_mostrar").style.display == "block")
                 {
                     $("#contenido_a_mostrar").show();
                     localStorage["cursofoto"]="apuntado";
                 }
                 else
                 {
                     $("#contenido_a_mostrar").hide();
                     localStorage["cursofoto"]="noapuntado"
                 }
            })


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
$(document).ready(function(){
                /*si el valor no es undefined significa que la variable ya fue seteada con un valor*/
                if (localStorage["cursofoto"]!=undefined)
                {
                    /*condicionamos el valor del estado para dar uns instruccion si cerrar o abrir*/
                    switch(localStorage["cursofoto"])
                    {
                        case 'apuntado':
                            $("#contenido_a_mostrar").show();
                            break;
                        case 'noapuntado':
                            $("#contenido_a_mostrar").hide();
                            break;
 
                    }
                }
 
            })
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar