Forum Rétractable

[Dany]

Code actuel avec + et -:

Code:

        /* categories retractables sans invision */
        $(function() {
          var img_moins= 'http://i48.servimg.com/u/f48/16/78/05/90/moins110.png';
          var img_plus= 'http://i48.servimg.com/u/f48/16/78/05/90/plus1010.png';
          if(window.localStorage) {
            var b = JSON.parse(localStorage.getItem("catRet")) || {}
          }
          var f = 0;
          if($("body#phpbb").length) {
            var a = "div.table-title h2", e = "ul.topiclist", c = ":not(ul.topiclist.forums)"
          }else {
            $("#pun-intro").length ? (a = "div.page-title h2", e = "div.main-head", c = ":not(div.main-content)") : (a = "th.secondarytitle h2", e = "tr", c = ":not(tr)")
          }
          $(a).each(function() {
            var p= $(this).closest(e);
            var d = "c" + f++, a;
            window.localStorage ? b[d] && (a = !0) : a = !1;
            a && $(p).nextUntil(c).toggle();
            $('<span><img src="'+(a?img_plus:img_moins)+'" /> </span>').css("cursor", "pointer").insertBefore(this).click(function() {
              $("img",this).attr('src',($("img",this).attr('src')==img_moins?img_plus:img_moins));
              $(this).closest(e).nextUntil(c).toggle();
              window.localStorage && (b[d] ? delete b[d] : b[d] = 1, localStorage.setItem("catRet", JSON.stringify(b)))
            })
          })
        });

Code:

/* categories retractables sans invision */
$(function() {
  if(window.localStorage) {
    var b = JSON.parse(localStorage.getItem("catRet")) || {}
  }
  var f = 0;
  if($("body#phpbb").length) {
    var a = "div.table-title h2", e = "ul.topiclist", c = ":not(ul.topiclist.forums)"
  }else {
    $("#pun-intro").length ? (a = "div.page-title h2", e = "div.main-head", c = ":not(div.main-content)") : (a = "th.secondarytitle h2", e = "tr", c = ":not(tr)")
  }
  $(a).closest(e).css("cursor", "pointer").each(function() {
    var d = "c" + f++, a;
    window.localStorage ? b[d] && (a = !0) : a = !1;
    a && $(this).nextUntil(c).toggle();
    $(this).click(function() {
      $(this).nextUntil(c).toggle();
      window.localStorage && (b[d] ? delete b[d] : b[d] = 1, localStorage.setItem("catRet", JSON.stringify(b)))
    })
  })
});

En appuyant sur les forum, on peut les rétracter.
Exemple: Depuis l'index, appuyer sur "bienvenue".

[AH !! Why ?]

Pas mal comme idée mais non prioritaire ^^

Par contre, si on rétracte qu'avec des hover, ça va être désagréable.
Il faudrait trouver une manière plus pratique ^^

Exemple : Un petit icône à côté des titres des sections pour mettre des sous sections.

[yao]

Moi j'ai eu une idée dans le même genre (voir mon exemple dans la description de "Vos présentations").

Mais, comme cela concerne les sections et les catégories, il faut que j'en discute d'abord avec Titmoff et les modos. On valide rapidement et je vous explique le projet

Par contre, va falloir attendre le retour de Marie pour entamer la procédure.

@Matyas : j'ai pas bien compris ton exemple

[Dany]

Euh...moi non plus^^' Y'a pas de hover, tu peux rétracter en cliquant sur n'importe où sur la bannière.
Et ce que je post ces temps c'est juste des petits truc à tester, c'est pas forcément des trucs à mettre en place dans l'immédiat.

[AH !! Why ?]

En fait je pensais que c'était le test de yao.

Mais bon j'ai compris ce que tu as fais Dany c'est bien cool ^^
L'idée c'est de rajouter un petit icone + ou - comme la chatbox pour faire comprendre qu'on peut rétracter ^^
Mais le mieux c'est de faire une rétracté tous le temps mais en mettant les grosses sections visible quand même puis si on veut voir les sous sections, on clic sur le petit + ^^

[Dany]

Si tu les rétractes tous, la prochaine fois que tu ouvres ils seront tous rétracté.

[AH !! Why ?]

Oh je viens de voir ! C'est classe ^^ Mais je pense qu'il faut mettre en rétracté de base, mais avec la possibilité de voir quelques sections.

[yao]

Ah Why : tu parles surtout de "mon" projet ^^

J'ai une idée bien en tête et, comme je l'ai dit, je vais d'abord faire la proposition à Marie et aux modos.
Mais pour vous donner tout de même une idée de ce que je compte faire, le but est que lorsqu'on survole, par exemple la section "Le Visiteur du Futur", les sous-sections apparaîtraient plus bas (Episodes du VdF, making-of) comme si on hiérarchisait le forum de manière à ne pas avoir de "séparation des catégorie sur l'index" (premier point de la deuxième "ligne") :
https://essaifff.forumactif.fr/admin/index.forum?mode=1&part=themes&sub=index&tid=70e5fe31f4854956bbf06c60ceeb27cc

Si vous n'avez pas bien compris, ce n'est pas grave, je parlerai plus amplement en partie modo et, lorsqu'on validera, en partie Team Dev

[yao]

Après réflexion, y'a peut-être une "faille" dans ma suggestion. Je vais réfléchir à une autre solution...
Peut-être comme tu l'a proposé Matyas : via un sorte de bouton

[AH !! Why ?]

Je pense qu'un bouton + et - est une bonne solution ^^

[Dany]

Non mais c'est cool comme idée Yao. Tu pense faire comme sur forum actif du coup? Mais du faut que tu fasses en sorte que la taille ne change pas avec un hover.

[Admin]

Rajout au code: la possibilité de cacher les widgets et le QEEL.
Pour le QEEL, le bouton est à droite, mais j'arrive pas à le mettre sur la mêmeligne que le titere....saleté de Forumactif...
Dany.

[Admin]

Mh...c'est pas très utilse pour les widget...et pour le qeel pareil en fait...

[yao]

C'est beau, ça fonctionne bien mais je ne sais pas trop concernant l'utilité
A méditer. Mais en tout cas ce n'était pas une mauvaise idée ^^

[AH !! Why ?]

Houla pleins de nouveautés ^^

Je me sens comme à noel avec ces nouveaux trucs ^^

Bref, j'adore la rétractation sur le côté, c'est simple et discret ^^

[Contenu sponsorisé]