javascript: garder l'état de l'effet javascript

Question

recrue ici. J'utilise javascript de base, css pour ouvrir/fermer div en cliquant/décocher sur la case à cocher.

function toggleMenu (divId, box) { 
    var vis = (box.checked) ? "block" : "none"; 

    document.getElementById(divId).style.display = vis; 
} 

Comment puis-je conserver l'état de l'effet javascript. maintenant si je clique sur la case à cocher pour ouvrir la div et si je rafraîchis la page ou reclique, la page se chargerait avec case à cocher, mais div fermé.

merci beaucoup d'avance.

Answer 1

Cookies serait (à mon avis) la meilleure méthode de le faire. Check this out: http://www.w3schools.com/JS/js_cookies.asp

- Lorsqu'un utilisateur vérifie/décoche le menu, il peut créer/modifier le cookie.

document.cookie = "menu_open=yes"; 

Vous avez déjà un événement onLoad vérifier leurs cookies pour la variable menu_open:

get_cookie ("menu_open"); 

Answer 2

Le moyen le plus simple est d'ajouter un appel à toggleMenu() à la fin de la page.

La bonne façon est de l'ajouter au gestionnaire body.onLoad.

La meilleure façon est d'avoir un cadre de js comme jquery faire les choses difficiles que vous venez d'ajouter

$(document).ready(function() { 
    toggleMenu() 
}); 

Answer 3

Utilisez un cookie pour enregistrer l'état si toggleMenu est appelé. Enregistrez une fonction onload pour corriger l'état de basculement en vérifiant le cookie lorsque la page est chargée/rafraîchie.