Garder le même onglet ouvert à l'actualisation

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Garder le même onglet ouvert à l'actualisation

Message par IzumiRK le Jeu 18 Mai 2017 - 17:24

Détails techniques


Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox, Google Chrome
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://indare-division.forumactif.com/

Description du problème

Bonjour,

Ce n'était pas facile à synthétiser dans le titre mais en gros :
Mon forum étant volumineux, j'ai séparé les catégories dans plusieurs onglets. Mais le soucis, c'est qu'à chaque fois qu'on actualise la page, l'onglet par défaut s'affiche et remplace celui précédemment ouvert.

Je voulais savoir s'il y avait un moyen, avec des cookies par exemple, de faire en sorte que l'onglet ouvert avant d'actualiser la page le reste une fois la page actualisée ?

Je vous mets le code javascript :
Code:
function regroupCategorie() {
    var $conteneurCate = $("#conteneur_categoriesvo"),
        $copie = $conteneurCate.clone(),
        listCate;

    $conteneurCate.find(".categorievo").remove();

    $(".ongletvo").each(function() {
        listCate = $(this).data("cate") || '';

        var $div = $('<div class="categorievo"></div>');

        if (listCate.length > 0) {
            listCate = listCate.split(";");

            $.each(listCate, function(index, value) {
                if (value.length < 1) return;
                $copie.find("h2:contains(" + value + ")").closest(".categorievo").clone().appendTo($div).removeClass("categorievo");
            });
        }
        $conteneurCate.append($div);
    });
}

$('document').ready(function()
 {
  if ($('.categorievo').size() > 1) {
    regroupCategorie();
    $('#conteneur_ongletsvo').css('display', 'block');
 $('#conteneur_ongletsvo .ongletvo').click(function()
 {
 change_categorie( $('.ongletvo', '#conteneur_ongletsvo').index( this ) )
 });
 
 $('.ongletvo:eq(0)').click();
}
 });

 function change_categorie( index )
 {
 if( $('.categorievo:eq(' + index + ')').size() != 0 )
 {

 $('.categorievo').css( 'display' , 'none' );
 $('.categorievo:eq(' + index + ')').fadeIn( 500 );
 
 $('.ongletvo.actif').removeClass('actif');
 $('.ongletvo:eq('+ index +')').addClass('actif');
 }
 else alert('Vous ne pouvez pas accéder à cette catégorie');
 }


Dernière édition par IzumiRK le Ven 2 Juin 2017 - 10:39, édité 1 fois
avatar

IzumiRK
**

Messages : 99
Inscrit(e) le : 25/02/2015

http://indare-division.forumactif.com/
IzumiRK a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Garder le même onglet ouvert à l'actualisation

Message par IzumiRK le Ven 19 Mai 2017 - 22:18

Un petit up ~
avatar

IzumiRK
**

Messages : 99
Inscrit(e) le : 25/02/2015

http://indare-division.forumactif.com/
IzumiRK a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Garder le même onglet ouvert à l'actualisation

Message par IzumiRK le Mar 23 Mai 2017 - 10:34

Petit up ~
avatar

IzumiRK
**

Messages : 99
Inscrit(e) le : 25/02/2015

http://indare-division.forumactif.com/
IzumiRK a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Garder le même onglet ouvert à l'actualisation

Message par Chacha le Lun 29 Mai 2017 - 9:56

Bonjour,

Attention, cela fait 6 jours que nous n'avons pas de nouvelles concernant votre demande, si vous ne voulez pas voir votre sujet déplacé à la corbeille, merci de poster dans les 24h qui suivent ce message.

Si votre sujet est résolu, merci d'éditer votre premier message et de cocher l'icône « résolu »
avatar

Chacha
Modéractif
Modéractif

Masculin
Messages : 54613
Inscrit(e) le : 21/08/2010

http://forum.forumactif.com/
Chacha a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Garder le même onglet ouvert à l'actualisation

Message par IzumiRK le Lun 29 Mai 2017 - 10:10

Pardon, j'étais en vacances. Up donc.
avatar

IzumiRK
**

Messages : 99
Inscrit(e) le : 25/02/2015

http://indare-division.forumactif.com/
IzumiRK a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Garder le même onglet ouvert à l'actualisation

Message par IzumiRK le Mer 31 Mai 2017 - 11:21

Petit up
avatar

IzumiRK
**

Messages : 99
Inscrit(e) le : 25/02/2015

http://indare-division.forumactif.com/
IzumiRK a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Garder le même onglet ouvert à l'actualisation

Message par MasDan le Jeu 1 Juin 2017 - 21:37

Bonjour

Voici une modification qui récupère le dernier onglet affiché lors de l'actualisation, du retour vers l'accueil ou lors de votre dernière visite de cette page.

Pour un bon fonctionnement, la paramétrisation du navigateur doit accepter les cookies.

À votre javascript

1) remplacer
Code:
$('.ongletvo:eq(0)').click();
par
Code:
if  (typeof(localStorage) !== "undefined") {
  var ind = localStorage.getItem("cat");
  if(ind == null) {
    ind = 0;
  }
} else {
  ind = 0;
}
$('.ongletvo:eq(' + ind + ')').click();


2) rechercher
Code:
$('.ongletvo:eq('+ index +')').addClass('actif');
et ajouter immédiatement après
Code:
localStorage.setItem("cat", index);
avatar

MasDan
Aidactif
Aidactif

Masculin
Messages : 1083
Inscrit(e) le : 24/05/2011

http://projetAumMdn.forumactif.com
MasDan a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Garder le même onglet ouvert à l'actualisation

Message par IzumiRK le Ven 2 Juin 2017 - 10:39

Merci beaucoup c'est exactement ce que je cherchais =3
avatar

IzumiRK
**

Messages : 99
Inscrit(e) le : 25/02/2015

http://indare-division.forumactif.com/
IzumiRK a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum