Javascript Girl
  1. Javascript Girl
  3. Outil de rappel enfoncé sur le site Web
Intereting Posts
Obtenir des cookies dans une extension google chrome Comment définir l'attribut du corps dans css en utilisant angularjs? Chacun au sein de chaque Remplacer knockoutJS voir l'objet modèle en fonction d'un balisage initial du serveur Comment puis-je fermer une fenêtre avec Javascript sur Mozilla Firefox 3? Débogage Reveler le modèle du module: les fonctions ne sont-elles pas dans la portée jusqu'à ce qu'elles soient appelées? AJAX Closures et ciblant 'this' JQuery – Comment séparer deux objets qui dépendent du même objet? Comment utiliser le moment-timezone avec le webpack? En cliquant sur un bouton pour exécuter casperJS en PHP et echo, vous obtenez la même page PHP avec le bouton Scaling Socket.IO à plusieurs processus Node.js utilisant le cluster Comment dessiner le graphique à l'aide de deux valeurs x et y d'entrée à l'aide de la bibliothèque js? Méthode la plus rapide pour remplacer toutes les instances d'un caractère dans une chaîne Pourquoi Q.js est-il prometteur asynchrone après avoir été résolu? Comment mettre une image jpg ou png dans un bouton en HTML

Outil de rappel enfoncé sur le site Web

J'ai créé mes propres onglets avec des hyperliens et des divs. Je les place dans la barre latérale.

J'utilise jquerys .show () et hide () sur les divs pertinents lorsqu'un hypelink est cliqué.

Il fonctionne bien, mais je voudrais que le dernier lien / onglet ait été cliqué sur le fait de se souvenir du site à mesure que l'utilisateur navigue.

Comment puis-je faire ceci?

Votre meilleur pari serait d'utiliser un cookie pour stocker le nom de l'onglet actif. Puis, en charge de la page, vérifiez le cookie avec JS et utilisez ceci comme base pour afficher l'onglet correct et cacher les autres.

Je recommanderais le plugin cookie jQuery pour configurer et lire des cookies: http://plugins.jquery.com/project/Cookie

Votre code peut ressembler à quelque chose comme ceci (croquis rapide, donc ne pas être exempt d'erreurs de syntaxe):

MARKUP 

<ul id="tabs"> <li id="tab-a">First tab</li> <li id="tab-b">Second tab</li> <li id="tab-c">Third tab</li> </ul>

JAVSCRIPT 

 //On Window load: if ($.cookie('activetab')) { var activetabId = $.cookie('activetab'); $('#tabs li').removeClass('active'); $('#'+activetabId).addClass('active'); } //On tab click $('#tabs li')click(function(){ var id = $(this).attr('id'); $.cookie('activetab',id); });

Vous pouvez le faire en utilisant un cookie (une information conservée dans le navigateur pour un site spécifique). Ce cookie pourrait conserver l'onglet actuellement ouvert.

Il y a un bon guide dans http://www.electrictoolbox.com/jquery-cookies/

Vous pouvez enregistrer l'identifiant de l'onglet qui a été cliqué en dernier dans la barre latérale. par exemple: 

 $("#sidebar").data("lastClickedTab", $("#theTab")[0].id);