Anniversaire Frenchnerd

• en savoir plus •
Suivez-nous 2.0

Calendrier Event
Octobre 2017
LunMarMerJeuVenSamDim
      1
2345678
9101112131415
16171819202122
23242526272829
3031     

Calendrier Calendrier

JukeboxBobby
Jukebox du FFF
jukeboxV2
Jukebox du FFF
Qui est en ligne ?
Il y a en tout 1 utilisateur en ligne :: 0 Enregistré, 0 Invisible et 1 Invité

Aucun

Le record du nombre d'utilisateurs en ligne est de 12 le Mer 6 Jan - 1:26
Liens Frenchnerd
Frenchnerd Le site du Visiteur du Futur Les opérateurs
Amis Fans
Frenchnerd's Nerd Futuristes Le Blog du Futur
Web-séries
NONSERIE Les Souverains Boxer Boxer SLG La petite maison dans l'âprerie
Goodies FFF
Goodies du FFF
Car2

Concours RM

• en savoir plus •

Forum Rétractable

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

Forum Rétractable

Message par Dany le Mer 1 Oct - 10:46

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".


Dernière édition par Dany the DevDog le Ven 7 Nov - 14:34, édité 1 fois
avatar
Dany

Messages : 79
Date d'inscription : 10/09/2014
Age : 12

Revenir en haut Aller en bas

Re: Forum Rétractable

Message par AH !! Why ? le Mer 1 Oct - 15:16

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.

_________________
TESTTTTTT
avatar
AH !! Why ?

Messages : 45
Date d'inscription : 27/08/2014

Revenir en haut Aller en bas

Re: Forum Rétractable

Message par yao le Mer 1 Oct - 22:40

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 Wink

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

@Matyas : j'ai pas bien compris ton exemple Surprised
avatar
yao

Messages : 76
Date d'inscription : 19/08/2014
Age : 32

Revenir en haut Aller en bas

Re: Forum Rétractable

Message par Dany le Jeu 2 Oct - 7:13

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.

_________________
avatar
Dany

Messages : 79
Date d'inscription : 10/09/2014
Age : 12

Revenir en haut Aller en bas

Re: Forum Rétractable

Message par AH !! Why ? le Jeu 2 Oct - 12:40

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 + ^^

_________________
TESTTTTTT
avatar
AH !! Why ?

Messages : 45
Date d'inscription : 27/08/2014

Revenir en haut Aller en bas

Re: Forum Rétractable

Message par Dany le Ven 3 Oct - 8:19

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

_________________
avatar
Dany

Messages : 79
Date d'inscription : 10/09/2014
Age : 12

Revenir en haut Aller en bas

Re: Forum Rétractable

Message par AH !! Why ? le Ven 3 Oct - 9:37

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.

_________________
TESTTTTTT
avatar
AH !! Why ?

Messages : 45
Date d'inscription : 27/08/2014

Revenir en haut Aller en bas

Re: Forum Rétractable

Message par yao le Ven 3 Oct - 13:28

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") :
http://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 Wink
avatar
yao

Messages : 76
Date d'inscription : 19/08/2014
Age : 32

Revenir en haut Aller en bas

Re: Forum Rétractable

Message par yao le Ven 3 Oct - 14:17

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 Surprised
avatar
yao

Messages : 76
Date d'inscription : 19/08/2014
Age : 32

Revenir en haut Aller en bas

Re: Forum Rétractable

Message par AH !! Why ? le Ven 3 Oct - 15:34

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

_________________
TESTTTTTT
avatar
AH !! Why ?

Messages : 45
Date d'inscription : 27/08/2014

Revenir en haut Aller en bas

Re: Forum Rétractable

Message par Dany le Ven 10 Oct - 14:42

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.

_________________
avatar
Dany

Messages : 79
Date d'inscription : 10/09/2014
Age : 12

Revenir en haut Aller en bas

Re: Forum Rétractable

Message par Admin le Lun 17 Nov - 16:33

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.
avatar
Admin
Admin

Messages : 81
Date d'inscription : 06/02/2011
Age : 6

http://essaifff.forumactif.fr

Revenir en haut Aller en bas

Re: Forum Rétractable

Message par Admin le Mar 18 Nov - 11:14

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

Messages : 81
Date d'inscription : 06/02/2011
Age : 6

http://essaifff.forumactif.fr

Revenir en haut Aller en bas

Re: Forum Rétractable

Message par yao le Mar 18 Nov - 19:50

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

Messages : 76
Date d'inscription : 19/08/2014
Age : 32

Revenir en haut Aller en bas

Re: Forum Rétractable

Message par AH !! Why ? le Mar 18 Nov - 22:42

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 ^^

_________________
TESTTTTTT
avatar
AH !! Why ?

Messages : 45
Date d'inscription : 27/08/2014

Revenir en haut Aller en bas

Re: Forum Rétractable

Message par Contenu sponsorisé


Contenu sponsorisé


Revenir en haut Aller en bas

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

- Sujets similaires

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