Bout de retour du navigateur et éléments dynamiques

J'ai une page qui utilise jQuery pour créer un certain nombre d'éléments DOM <input> dynamiquement en fonction de ce que l'utilisateur choisit dans une zone <select> .

Disons que l'utilisateur choisit 4 dans la boîte de sélection, mon script montre dynamiquement 4 cases de saisie.

Le problème est le moment où l'utilisateur actualise ou remonte à cette page (avec le bouton de retour du navigateur). Les éléments créés dynamiquement ne sont pas repeuplés à leurs dernières valeurs, alors que tous les autres éléments «statiques» sont.

Je pensais que je pourrais créer une entrée cachée qui serait sérialisée via javascript avec le contenu des boîtes dynamiques, puis lisez-le sur $ document.ready , puis repobliez mes boîtes.

Y a-t-il une meilleure façon?

Legenden – il existe un certain nombre de solutions possibles à cela, je vérifierais ces plugins d'histoire pour un:

  • Histoire à distance
  • Jquery historique plugin
  • Plugin Deep Linking

Ils sont un peu inquiets, mais vous devriez pouvoir pirater quelque chose de positif. J'ajouterai également que cela peut être fait en stockant les éléments dynamiques dans un cookie (s) et en quelque sorte repoblant. Découvrez le plugin jQuery Cookie . J'espère que cela vous a aidé à commencer.

Vous devez gérer l'histoire vous-même si vous voulez que les choses fonctionnent de cette façon. Vous avez besoin d' une histoire vraiment simple .