Problème avec les catégories en onglets

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

Résolu Problème avec les catégories en onglets

Message par Aii-Chan~~ le Dim 8 Nov 2015 - 0:58

Détails techniques


Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox, Google Chrome
Personnes concernées par le problème : Plusieurs utilisateurs
Problème apparu depuis : à l'installation du nouveau design
Lien du forum : http://irokehospital.forumactif.com/

Description du problème

Bonjour/bonsoir !
J'ai pas l'habitude de posté par ici parce que j'ai tendance à m'arracher les cheveux pour régler les problèmes de mon forum *que j'engendre à force de bidouiller*, mais là je désespère xwx
J'ai utilisé ce script (je crois, j'en ai essayé plusieurs ici mais je pense que c'est celui là !), maaais j'ai un léger bug assez embêtant avec.
le code fonctionne à merveille lorsqu'on est connecté au forum, mais en tant qu'invité, lorsqu'on clique sur un onglet, certains sont vides ! (notamment la partie flood). D'ailleurs je viens de remarqué que les catégories disparues sont toutes classés dans la partie "Vie nippone" Evil or Very Mad


Exemple, lorsque je clique sur la partie flood sur mon compte :
Spoiler:

Et en tant qu'invité :
Spoiler:

J'ai un peu modifié le code javascript, je voulais des images et que ça soit rangé comme c'est maintenant, au lieu de plusieurs images à côté des autres, bref j'ai surement glissé une bouse quelque part dans le script, si une âme charitable qui s'y connait peut me guider Laughing

Code:
$(function(){
 
  /* variable temporaire */
  var t;
 
  /* liste des onglets avec les catégories en faisant partient */
  var onglets=  [
 ['<img src="http://img15.hostingpics.net/pics/989825gestion.png" class="ongletcat" alt="Tout" title="Tout" />',[0,1]],
 ['<img src="http://img15.hostingpics.net/pics/254565coul.png" class="ongletcat" alt="Tout" title="Tout" />',[2]],         
 ['<img src="http://img15.hostingpics.net/pics/492771Sanstitre3.png" class="ongletcat" alt="Tout" title="Tout" />',[3,4,5]],    ['<img src="http://img15.hostingpics.net/pics/649251nippon.png" class="ongletcat" alt="2"',[6,7,8,9,10,11]],        ['<img src="http://img15.hostingpics.net/pics/182920world.png" class="ongletcat" />',[12]],      ['<img src="http://img15.hostingpics.net/pics/356340flood.png" class="ongletcat" />',[13]],
                        ];
 
  /* 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= 0;
 
  /* 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));
  });
 
});

J'ai changé aussi quelques permissions, voir si le problème ne venait pas de là, mais même en activant la visibilité pour les invités, rien ne change D<


Dernière édition par Aii-Chan~~ le Mer 11 Nov 2015 - 16:25, édité 1 fois

Aii-Chan~~
***

Féminin
Messages : 109
Inscrit(e) le : 04/10/2011

Aii-Chan~~ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec les catégories en onglets

Message par Aii-Chan~~ le Mar 10 Nov 2015 - 21:12

UP ! Smile

Aii-Chan~~
***

Féminin
Messages : 109
Inscrit(e) le : 04/10/2011

Aii-Chan~~ a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Problème avec les catégories en onglets

Message par mariok13 le Mar 10 Nov 2015 - 21:29

Bonsoir 

peut etre un probleme de permissions des invités non

mariok13
****

Messages : 410
Inscrit(e) le : 06/06/2015

http://graphcode.forumactif.org/
mariok13 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec les catégories en onglets

Message par Aii-Chan~~ le Mer 11 Nov 2015 - 16:24

J'ai déjà changé les permissions, tout continue de se mélanger Laughing
Finalement j'ai trouvé d'où venait le problème ! Pour ceux qui ont le même bug, pour ma part cela vient d'une catégorie "administration" invisible aux membres, mais je l'ai compté dans le code javascript (la partie [0,1]], 0 = catégorie administration et 1 = catégorie développement), sauf que pour les invités et les membres, la catégorie administration n'apparaissant pas, ma catégorie "développement" et "coulisses", se retrouvent dans le premier onglet et le reste est bugué Rolling Eyes

Bref, petite inattention de ma part, j'espère que mon message est compréhensible pour aider ceux qui ont fait la même erreur pig


Aii-Chan~~
***

Féminin
Messages : 109
Inscrit(e) le : 04/10/2011

Aii-Chan~~ 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