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

   
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
Imágen de perfil de xve

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

Publicado por xve (1597 intervenciones) el 23/09/2014 16:08:18
Hola, aquí tienes un ejemplo que realiza lo que comentas:
http://www.lawebdelprogramador.com/codigo/JavaScript/2769-Como_guardar_datos_en_la_base_de_datos_del_navegador.html

Coméntanos si te sirve, ok?
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

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