FOROS DE INFORMATICA
Noticias: Habilitada la opción de Karma para usuarios con más de 50 mensajes
 
*
Bienvenido(a), Visitante. Por favor, ingresa o regístrate.
¿Perdiste tu email de activación?
Diciembre 18, 2017, 11:11:31


Ingresar con nombre de usuario, contraseña y duración de la sesión


Páginas: [1]
  Imprimir  
Autor Tema: Guardar función en local storage para cuando vuelvas a cargar la página  (Leído 2673 veces)
Igres
Nuevo
*

Karma:0
Desconectado Desconectado

Mensajes: 14


« : Septiembre 20, 2014, 09:34:57 »

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:

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

****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"/>
En línea
programador-santiago
Nuevo
*

Karma:0
Desconectado Desconectado

Mensajes: 4


Logo de 2x3


WWW
« Respuesta #1 : Septiembre 06, 2017, 02:12:36 »

Viendo de forma rápida tu código, puedo ver que en ningún lado hay algo que interactue con la API de localstorage que permite hacer lo que estas comentando.
En línea

Desarrollador en 2x3
Páginas: [1]
  Imprimir  
 
Ir a:  

Impulsado por MySQL Impulsado por PHP Powered by SMF 1.1.13 | SMF © 2006-2009, Simple Machines LLC

XHTML 1.0 válido! CSS válido! Dilber MC Theme by HarzeM