Forme claire sur le Bouton de Retour?

J'ai une page avec plusieurs cases à cocher dans un formulaire, qui lorsqu'il est sélectionné, le filtre correspondant infos d'une table avec jquery. Mon problème est le scénario suivant:

  1. Quelqu'un vérifie une ou plusieurs cases, le masquage de lignes de la table

  2. Ils cliquent Sur un lien, aller à une autre page

  3. Ils cliquez sur le bouton retour.

À ce stade, les cases à cocher sont toujours vérifiées (en chrome au moins), mais la toutes les lignes de la table sont visible à nouveau.

Des Idées?

InformationsquelleAutor Zach Lysobey | 2011-10-04
  1. 7

    Si votre objectif est de les ramener à la vue exacte qu'ils avaient avant gauche (lignes de la table sont toujours cachés):

    De telles est un inconvénient (ou l'avantage) d'un site web: c'est apatrides, en particulier quand il s'agit de client-côté de la manipulation.

    Ce que vous devez faire est de stocker l'état de l'application dans le hachage de l'URL de la balise de sorte que lorsque l'utilisateur utilise le bouton de retour, vous pouvez récupérer l ' "état" et de reconstruire leur point de vue.

    Voici une autre question dont la réponse pourrait vous aider: jquery javascript: ajout de l'historique de navigation de retour avec le hashtag?

    Si votre objectif est de revenir à la page de retour à son état initial:

    Juste réinitialiser toutes les cases à cocher sur la page de chargement:

    $('input:checkbox').prop('checked', false);

    -ou-

    Réinitialiser l'ensemble de la forme:

    $(':input','#myform')
 .not(':button, :submit, :reset, :hidden')
 .val('')
 .prop('checked', false)
 .prop('selected', false);
    InformationsquelleAutor Adam Terlson
  2. 4

    Ne laissez pas votre page en cache, ou ajouter du code pour réinitialiser votre formulaire:

    $("form input").each(function(){
    var elem = $(this);
    var type = elem.attr("type");
    if(type == "checkbox") elem.prop("checked", "");
    else if(type == "text") elem.val("");
});

    .each doit être utilisé, parce que le sélecteur CSS input[type=text] ne correspond pas <input />, tandis que l'élément est encore un élément de texte.

    InformationsquelleAutor Rob W
  3. 3

    Pour IE réinitialiser le formulaire après la soumission, n'aide pas pour moi. Au lieu de code suivant a fonctionné pour moi. Événement de chargement de Page est appelée sur le Bouton précédent du navigateur ainsi.

    $(window).load(function() {
    $('form').get(0).reset(); //clear form data on page load
});
    InformationsquelleAutor Asanka Siriwardena
  4. 2

    Si votre problème n'est pas avec la mise en cache du navigateur de l'utilisateur, mais avec les lignes n'étant pas caché. Vous pouvez facilement résoudre ce problème en ajoutant un script jQuery qui permet de vérifier si une case est cochée (après le chargement de la page). Si elle est cochée, vous masquer la ligne 🙂

    pseudocode:

    1. wait for the page to load
2. for each checkbox check if checked
3. if it's checked, hide the corresponding row in the same way you did when the user checked it.
    InformationsquelleAutor Cristy