Discussion :

[Masamune56]

Bonjour

Je suis développeur amateur et ai réussi à développer un simulateur en ligne.

Tout marche impeccable mais l'utilisation répétitive du site devient rapidement lourde du fait de devoir réentrer à chaque visite les quelques 20-30 données nécessaires à la simulation.

Je souhaite donc implémenter un système de fichier "profil" stocké sur le PC client contenant ces données, ceci afin que le client puisse les recharger à sa prochaine visite, via un bouton LOAD.

Le problème est que javascript/jquery n'autorise pas le "Save as" directement chez le client ...

La solution utilisée actuellement ne fonctionne que sous Firefox via une page intermédiaire dont les balises contiennent ces fameuses données grâce à data-* . Mais ce n'est pas compatible sur les autres navigateurs récents (je m'en fous des vieux navigateurs)

Je me suis renseigné et apparemment les 2 méthodes les + répandues seraient JSON ou XML, laquelle me conseilleriez-vous pour mon application ? (avec exemple/tutoriel svp)

Merci d'avance.

[beekeep]

Bonjour,

tu peux utiliser le localStorage tout simplement.

[Masamune56]

Ok merci de l'info, mais j'ai 2 questions :

Question 1:
Es-t-il possible avec LocalStorage de stocker PLUSIEURS objets "ProfilA {keyA1:valueA1 , keyA2:valueA2 , ... , keyAn:valueAn} , ProfilB {keyB1:valueB1 , keyB2:valueB2 , ... , keyBn:valueBn} , etc..." ?

Question 2:
Comment l'utilisateur fait-il pour retrouver les données d'un profil donné (dont il connait le nom) ? ceci pour pouvoir le charger sur le simulateur, ou pour le partager sur un forum ou à un autre utilisateur.

[SpaceFrog]

1) chiche essaye ...
localStorage (tout comme cookies) => string

http://jsfiddle.net/snyWJ/1/

2) un array littéral, un json ?
cf l'exemple ci-dessus, toutes les données sont accessibles ...

[Masamune56]

Ok merci pour la réponse à la question1, si j'adapte le JSfiddle, je pourrait écrire pour un bouton "SAVE PROFILE" une fenêtre modale demandant un nom de profil nécessairement différent de ceux existant déjà dans le localstorage pour donner quelquechose du genre:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
localStorage['Profil1']='{"user":"31321564321654","type":"cesna 130", "heures":150, "altitude":500}'
localStorage['Profil2']='{"user":"2537462776","type":"cesna 120", "heures":200, "altitude":1000}'
...
localStorage['ProfilN']='{"user":"9623182243","type":"cesna 150", "heures":60, "altitude":1500}'

... et du coup la question du nettoyage se pose: comment l'utilisateur peut-il clear son localStorage ? ou du moins supprimer seulement ceux dont il n'a plus besoin)

Pour la question 2 (et par extension ma question ci-dessus) : je pourrais écrire une fenêtre modale affichant une liste des profils existants avec 2 boutons "LOAD" et "DELETE":

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
LOAD: window.localStorage.getItem('ProfilSélectionné');
DELETE: window.localStorage.removeItem('ProfilSélectionné');

Dites moi si j'ai bien compris vos réponses, merci.

Ma dernière question 3 : Quels sont les risques pour l'utilisateur de perdre tous ses profils ? un coup de Ccleaner ? Fermer le navigateur ? Le localStorage est-il vraiment permanent ?

[SpaceFrog]

ça dépend du navigateur, le localStorage est soit géré comme les cookies, soit comme du cache. Mais dans tous les cas il est sujet a effacement lors du nettoyage des fichiers temporaires ou du cache ...