Catégorie visible dans une catégorie

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

Résolu Catégorie visible dans une catégorie

Message par Takchou le Jeu 21 Aoû 2014 - 21:39

Hello tout le monde,

J'aurais besoin d'un petit coup de main de votre part, je suis actuellement en train de créer un forum sur counter-strike bref, mais je n'arrive pas à créer une catégorie visible dans une catégorie.
Bizarre me direz-vous... je vous montres cela en screenshot.



J'utilise un système d'onglet pour référencer les différents jeux, mais à cause de cela, je ne peux pas afficher une autre catégorie...
J'aurais aimé que "Maps, textures, modes" soit une catégorie apparente dans celle déjà existante afin de la différencier des forums...

Vous l'avez donc compris, je souhaiterais réaliser cela, merci par avance!

J'utilise PhpBB2, je navigue sous Opéra (optionnel).

Merci par avance de votre aide!
Takchou.


Dernière édition par Takchou le Jeu 21 Aoû 2014 - 23:05, édité 1 fois

Takchou
*

Messages : 38
Inscrit(e) le : 10/07/2014

http://www.graph-web.forumactif.fr
Takchou a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Catégorie visible dans une catégorie

Message par Neptunia le Jeu 21 Aoû 2014 - 21:47

Bonjour ^^


Sans l'adresse du forum (ya bien un forum sur votre profil, mais bon ...) et sans le codage utilisé pour vos onglets, ça va être impossible de vous aider Sad

Neptunia
+ Hyperactif +

Féminin
Messages : 10395
Inscrit(e) le : 08/08/2010

http://www.planet-series.com/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Catégorie visible dans une catégorie

Message par Takchou le Jeu 21 Aoû 2014 - 21:48

Bonsoir,

Autant pour moi, j'ai complètement zaapé cela...

www.cs-community.forumactif.org

Code javascript :
Code:
$(function(){
 
  /* variable temporaire */
  var t;
 
  /* liste des onglets avec les catégories en faisant partie */
  var onglets=  [
                          ["Communauté",[0]],
                          ["CS Zéro",[1]],
                          ["CStrike",[2]],
                          ["CSSource",[3]],
                          ["CS:GOffensive",[4]]];
 
  /* fonction pour sélectionner un onglet d'après une string s */
  var getOnglet= function(s) {
      var j;
      for(j=0;j<onglets.length;j++)
        if(JSON.stringify(onglets[j])==s) return onglets[j];
      return !1;
  };
 
  /* fonction pour voir si un index de catégorie i est dans un onglet d */
  var inOnglets= function(d,i) {
      var j;
      for(j=0;j<d[1].length;j++)
        if(d[1][j]==i) return !0;
      return !1;
  };
 
  /* onglet sélectionné par défaut */
  var songlet= onglets[0];
  /* est-ce que l'onglet sélectionné est sauvegardé d'un affichage de l'index à l'autre */
  var save= true;
  /* temps pour slider en ms */
  var timeslide= 800;
 
  /* récupération de l'onglet sauvé d'une autre fois */
  if(save && window.localStorage)
      if(t=localStorage.getItem("onglets"))
        if(t=getOnglet(t))
            songlet= t;
 
  /* entoure les catégories d'un <div class="cat-table" /> */
  $("th.secondarytitle").closest("table").wrap('<div class="cat-table" />');
 
  /* affichage de l'onglet en cours */
  $(".cat-table").filter(function(index) {
    return !inOnglets(songlet,index);
  }).hide();
 
  /* ajout du div des onglets */
  $(".cat-table:first").before('<div id="cat-onglets"></div>');
 
  /* ajout des onglets dans le div */
  for(t=0;t<onglets.length;t++)
  {
      $("#cat-onglets").append('<div class="co-item'+(onglets[t]==songlet?' co-actif':'')+'">'+onglets[t][0]+'</div>');
  }
 
  /* clic sur un onglet */
  $("#cat-onglets .co-item").click(function(){
      $("#cat-onglets .co-actif").removeClass("co-actif");
      $(this).addClass("co-actif");
      var o= onglets[$("#cat-onglets .co-item").index(this)];
      $(".cat-table").not($(".cat-table").filter(function(index) {
        return inOnglets(o,index);
      }).slideDown(timeslide)).slideUp(timeslide); 
      if(save && window.localStorage) localStorage.setItem("onglets",JSON.stringify(o));
  });
 
});

Code CSS :
Code:
/*onglets catégories*/
#cat-onglets {
  margin: 5px auto;
  text-align: center; }
 
.co-item {
  background: #535357;
  color: #ffffff;
  border: 1px solid  #D9DBE8;
  display: inline;
  cursor: pointer;
  margin: 0 5px;
  padding: 3px;
  border-radius: 5px;
}
 
.co-item:hover{
  background: #424245;
  border: 1px solid #D9DBE8;
  color:#3787E8;
  display: inline;
  cursor: pointer;
  margin: 0 5px;
  padding: 3px;
  border-radius: 5px;
}
 
.co-actif {
  background: #535357;
  color: #3787E8;
  border:1px solid #D9DBE8; }

Voilà ! Smile

Takchou
*

Messages : 38
Inscrit(e) le : 10/07/2014

http://www.graph-web.forumactif.fr
Takchou a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Catégorie visible dans une catégorie

Message par Neptunia le Jeu 21 Aoû 2014 - 22:37

Avec un forum en maintenance, ça va pas aider.

De plus je suis pas très familier avec les catégories en onglets mais je pense avoir réussi à comprendre.

Sans onglets vous avez disons 8 catégories sur l'index principal. Chaque catégorie aura son identifiant de 0 à 7 (8 - 1)
Dans votre javascript vous avez ceci
Code:
  /* liste des onglets avec les catégories en faisant partie */
  var onglets=  [
                          ["Communauté",[0]],
                          ["CS Zéro",[1]],
                          ["CStrike",[2]],
                          ["CSSource",[3]],
                          ["CS:GOffensive",[4]]];

Chaque onglet contient un seul identifiant et donc une seule catégorie.
Essayez de remplacer cette section par
Code:
  /* liste des onglets avec les catégories en faisant partie */
  var onglets=  [
                          ["Communauté",[0,1,2]],
                          ["CS Zéro",[1]],
                          ["CStrike",[2]],
                          ["CSSource",[3]],
                          ["CS:GOffensive",[4]]];
L'onglet communauté va désormais lister 3 catégories.
Il suffit donc de rajouter chaque catégorie entre les crochets en prenant soin de la séparer de la précédente par une virgule.
Ce petit exemple devrait vous permettre de mieux appréhender le fonctionnement du script et par conséquent de trouver par vous même la réponse.

Neptunia
+ Hyperactif +

Féminin
Messages : 10395
Inscrit(e) le : 08/08/2010

http://www.planet-series.com/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Catégorie visible dans une catégorie

Message par Takchou le Jeu 21 Aoû 2014 - 23:05

Gourde sur gourde... je suis sincèrement désolé, j'ai la tête en l'air en ce moment, je n'ai pas fais attention que j'avais laissé la page de travaux sur le forum, je la désactive, de toute manière elle ne m'est plus d'aucune utilité !

Effectivement, je n'avais pas pensé à procéder comme cela, encore merci, je change l'icône.

Takchou
*

Messages : 38
Inscrit(e) le : 10/07/2014

http://www.graph-web.forumactif.fr
Takchou 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