Garder les catégories rétractables fermées à l'actualisation

[IzumiRK]

Bonjour,

Il y a quelques mois, j'avais posté cette demande d'aide pour que les différents onglets de mon forum restent visibles à l'actualisation.

Je planche sur un nouveau design qui est basé, lui, sur des catégories rétractables. Seulement, j'ai le même problème avec celui-ci qu'avec le précédent : lorsqu'on actualise la page, les catégories qui étaient réduites se rouvrent. Comme le code qui m'a été donné la dernière fois est spécifique vu que c'était une modification du mien, je n'ai pas trouvé le moyen de l'adapter pour ce système-là - j'ai compris que ça appelait la fonction "localStorage" mais c'est à peu près tout =/

En théorie c'est la dernière fois que je vous embête avec ce genre de système, promis *bam*

Comme la dernière fois je vous mets ici mon javascript :

Code:

/*On attend que la page charge*/
$(function(){

  /*Je rajoute un pointer sur le titre pour que les gens comprennent de cliquer dessus*/
  $(".tleCAT").css("cursor", "pointer");

  /*On active la fonction toogle au clic sur le titre de catégorie*/
  $(".tleCAT").toggle(function(){

  /*Au premier clic, le catégoriefull disparaît*/
    $(this).next().find(".blocFRM").css("display", "none");

  /*Au premier clic, l'aspect de la catégorie change*/
    $(this).children(".CATunderbar").css("display", "none");

  /*Au premier clic, la hauteur du titre de categorie change*/
    $(this).css("height", "63px");
  }, function(){

  /*Au deuxième clic, le catégoriefull réapparaît*/
    $(this).next().find(".blocFRM").css("display", "block");

  /*Au deuxième clic, l'aspect de la catégorie redevient normal*/
    $(this).children(".CATunderbar").css("display", "block");

  /*Au deuxième clic, la hauteur redevient normal*/
    $(this).css("height", "73px");
  });
});

Merci d'avance =)

[IzumiRK]

Up ↑

[IzumiRK]

Up ▲

[IzumiRK]

Petit up ~

[IzumiRK]

Je reviens up .o.

[IzumiRK]

Up ▲

[IzumiRK]

Up ~

[IzumiRK]

Up ~

[IzumiRK]

Up ▲

[IzumiRK]

Up ~

[IzumiRK]

Up

[IzumiRK]

Petit up ~

[no_way]

Bonsoir, votre code est-il installé sur le forum de votre profil ou dans un forum de test ?

[IzumiRK]

Eh bien j'avais indiqué le lien du forum en remplissant le formulaire, mais étrangement cette partie semble avoir disparu =/

Le code est déjà installé dessus, en effet, cela dit ce n'est pas un forum test mais un forum déjà ouvert, dont voici le lien : http://sin-theatre.forumactif.com

[no_way]

Voici une version à essayer comme convenu:

Code:

$(function(){
    /* *
    * Option:
    * 1 = Par défaut les catégories sont ouvertes
    * 0 = Par défaut les catégories sont fermées
    * */
    var showCat_Default=1;
    /**/
    var showCat=function($cat){
        $cat.css("height", "73px").next().css("display", "block");
    },
    hideCat=function($cat){
        $cat.css("height", "63px").next().css("display", "none");
    };
    /*Gestion des états depuis localStorage*/
    var isRegistered=function(catId){
        try{
            return (localStorage.retractCat||'').split(',').indexOf(catId)!=-1;
        }catch(e){
            console.error(e);
        }
    },
    catSub=function(catId){
        try{
            var lS=localStorage.retractCat,
            lSrC=lS?lS.split(","):[];
            if(!isRegistered(catId))localStorage.retractCat=(lSrC.push(catId),lSrC).toString();
            return isRegistered(catId);
        }catch(e){
            console.error(e);
        }
    },
    catUnsub=function(catId){
        try{
            var lS=localStorage.retractCat,
            lSrC=lS?lS.split(","):[];
            while(isRegistered(catId))localStorage.retractCat=(lSrC.splice(lSrC.indexOf(catId),1),lSrC).toString();
            return !isRegistered(catId);
        }catch(e){
            console.error(e);
        }
    },
    /*Gestion affichage*/
    dspMgnt=function(i,e){
        if(!showCat_Default){
            isRegistered(i)?showCat($(e)):hideCat($(e));
        }else{
            isRegistered(i)?hideCat($(e)):showCat($(e));
        };
    };
    $(".tleCAT").each(function(i,e){
        i+='';
        $(this).css("cursor", "pointer").on("click",function(){
            isRegistered(i)?catUnsub(i):catSub(i);
            dspMgnt(i,e);
        });
        dspMgnt(i,e);
    });
});

[Adam_sfp]

Bonjour

J'ai posté pour voir la réponse de @no_way qui peut m'intéresser ainsi que d'autres personnes peut être..

Je ne comprend pas trop la raison de mettre un code en hide surtout sur un forum d'aide...ou on nous conseille de faire une recherche avant d'exposer son problème.
ok mais faire une recherche dans les archives avec un code en hide dans un post verrouillé....je ne vois pas trop l’intérêt.

Cdt.

[no_way]

Bonjour, je comprends votre réponse mais c'est ne pas me connaître que de croire que le code proposé serait resté en hide.

Je ne comprend pas trop la raison de mettre un code en hide surtout sur un forum d'aide

Ce qui motive mon choix de poster en hide:

• Le membre demandeur a profondément modifié son template index_box, le script proposé ne fonctionnera donc que pour son forum et aucun autre.
  
• Je ne garantis pas qu'il fonctionnera comme voulu, la théorie et la pratique ne sont pas toujours sur la même longueur d'onde et je tends à préférer la pratique
  
• Si le script convient, je peux chercher à faire une abstraction des spécificités du forum du membre afin de proposer une version dont la mise en place est facilitée pour tous.

Le hide ne sera retiré que lorsque je considérerai le code validé.

Cdt.

[Adam_sfp]

Bonjour @no_way

Ma réponse était plutôt d'ordre général et j'ai profité de votre post..
Car je vois assez souvent cette pratique et parfois même des demandes en hide ou des liens modifiés ou supprimés une fois la réponse obtenue.

Et je comprend très bien votre position désolé, je ne me permettrai pas de porter un jugement sans connaitre la personne.

Parfois c'est une partie du code qui peut intéresser quelqu'un et pas forcément la totalité. ( c'est le cas en ce qui me concerne pour ce code).

Sur un forum d'aide ( et je crois que c'est un peu le principe) je trouve que c'est aussi intéressant de laisser une visibilité pour permettre plus facilement à d'autres personnes d'intervenir et d'apporter une idée ou un bout de code pouvant apporter une solution ou une amélioration.

Après bien sur il y a les super " cador " du code qui n'ont surement besoin de personnes..
Il y ceux qui n'aiment pas qu'on interviennent dans "leur post"
Comme il y a ceux qui disent que c'est pas possible et un intervenant amenant une idée se la fera reprendre par cette même personne sans même être citer ou remercier..et j'en passe...  ;-)
Attention je ne vise personne et c'est mon opinion personnel...

Du coup je me rend compte que mon post fait un peu coup de gueule  désolé no_way

[no_way]

Aaah merci d'avoir si bien explicité votre intention, je rejoins entièrement vos propos, tout particulièrement sur les demandes elles-même, je m'interroge parfois si le demandeur a conscience qu'en agissant ainsi les membres désireux d'apporter leur aide mais n'étant pas sûrs d'être en mesure de le faire se retrouvent face à 2 choix:

-Poster pour savoir si ils sont en mesure d'aider.
-Passer à un autre sujet ou le demandeur n'ajoute pas inutilement une contrainte à l'aidant.


Bref nous sommes hors sujet, j'arrête donc là et vous souhaite une excellente journée

[IzumiRK]

Le code fonctionne parfaitement, merci beaucoup =D J'ai fait une mini-modification pour avoir l'effet visuel exact (une div child qui disparaissait dans le code original) mais en dehors de ça tout est parfait c'est génial

[no_way]

Parfait alors, bonne continuation