Catégorie visible dans une catégorie

2 participants

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

Catégorie visible dans une catégorie Cc39e50e6002ddcfbf347273b513a2ac

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

Takchou
*

Masculin
Messages : 41
Inscrit(e) le : 10/07/2014

https://www.wondearthful.org
Takchou a été remercié(e) par l'auteur de ce sujet.

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

Message par Neptunia 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

Neptunia
Membre actif

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

https://www.galaxie-series.net/
Neptunia a été remercié(e) par l'auteur de ce sujet.

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

Message par Takchou 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

Takchou
*

Masculin
Messages : 41
Inscrit(e) le : 10/07/2014

https://www.wondearthful.org
Takchou a été remercié(e) par l'auteur de ce sujet.

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

Message par Neptunia 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

Neptunia
Membre actif

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

https://www.galaxie-series.net/
Neptunia a été remercié(e) par l'auteur de ce sujet.

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

Message par Takchou 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

Takchou
*

Masculin
Messages : 41
Inscrit(e) le : 10/07/2014

https://www.wondearthful.org
Takchou a été remercié(e) par l'auteur de ce sujet.

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