stocker l'etat d'un bouton en jquery (changement de page)

micker
Javascript

hello a tous voila je suis en train de voir comment cacher montrer des zones de mon html
=>interface simple / interface avancée

j'utilise ce code

// On attend que la page soit chargée 
jQuery(document).ready(function()
{
   // On cache la zone de texte
   jQuery('.toggle').hide();
   // toggle() lorsque le lien avec la classe #toggler est cliqué
   jQuery('#toggler').click(function()
  {
      jQuery('.toggle').toggle('slow');
      jQuery('#one span').text('advanced mode');// je change le texte du bouton
      return false;
   });
});
/* ]]> */

ce sur quoi je bute .. je voudrais stocker de page à page l'état du bouton
ex on on clique une fois on passe en mode avancée (cela fonctionne)
si on change de page et que le code y ait alors il automatise le passage en mode avancée
je pensai a des cookies ou un local storage ... mais je ne sai comment faire (debutant en jquey)
Merci d'avance

6 réponses

Govan06
Réponse acceptée

Pour n'avoir qu'un seul bouton il faut faire quelques modifications
http://jsfiddle.net/m0xnb023/9/
J'ai fais ça rapidement pressé par le temps, il y a sûrement des améliorations à faire

J'ai mis l'animation en toggle, c'est ce que tu voulais ?

Underscreen

jQuery c'est du javascript soit un langage côté client. Dès que tu recharges la page tout le DOM sur lequel tu as agit est perdu.
Tu as plusieurs choix ceci dit.
Soit avec du php en gardant en session le choix du client,
Soit en ajax pour tes changements de pages mais si tu débues en jQuery ça risque de se compliqué ! :)

micker
Auteur

donc il me faudra des etats en php ?
ex : mode-light, mode-expert
et stocker le mode selectionner dans une session
le bouton jquery servirait a switcher
si j'ai bien compris ..
pour l'instant je charge un mode light => cad des div cacher et si on clique sur le mode expert sa affiche le tout
ce qu'il me faudrait faire c'est si on est en mode expert et que l'on change de page j'affiche tout ...
as tu des idées de code ?

Govan06

Coucou,
Je t'ai fais un petit jsfiddle qui utilise la solution localstorage
http://jsfiddle.net/m0xnb023/5/
Change de mode avec les boutons et recharge la page, le mode devrait être sauvegardé.
C'est ce que tu voulais ? Si tu as des question n'hésites pas

Edit: Gardes bien à l'esprit que localstorage c'est côté client (par exemple celui peut vider son localstorage / cookies en effaçant les cookies et données de site), donc si cette persistance est critique dans la logique de ton application, je te conseille plutôt de le faire en php en effet. Si c'est juste une commodité d'affichage, alors localstorage fera l'affaire !

micker
Auteur

cooool apres adaptation ca marche plustot pas mal !!!!
2 petites question :
-comment faire pour n'avoir qu'un bouton (simple par default puis qui change pour advanced qui tu clic et vice et versa )
-j'avais sur un mon script une petite animation en toggle ...je ne suis pas arriver à le remettre ..
=> sinon c'est super top !!!! mille merci

micker
Auteur

genial !!! mille merci