Problème avec tuto sur la rétractation des catégories sans invision

[Invité]

Bonjour à tous et toutes,

Alors voila, j'ai suivi ce tuto à la lettre :
https://forum.forumactif.com/t262264-categorie-retractable-sans-invision

J'ai créer un nouveau javascript en y incluant le code mis à notre disposition :

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)))
    })
  })
});

Puis cliqué sur  

Et je n'ai ni le + ou le - sur chaque titre de mes catégories.

Je fonctionne sous phpbb2

Merci pour votre aide.

Cordialement
Romain

[_backdraft_]

Bonsoir,

Ce code n'affiche pas les plus et moins, je l'ai moi même sur mon forum et il ne les a jamais affiché. Cependant le code s'applique bien sur votre forum.

Cordialement
Backdraft

[AenigmA]

Bonjour Romain,
Si tu veux vraiment avec les images

Désolé supprimé (je suis en V3)

[Invité]

Bonjour à vous deux,

Badcraft tu dis que cela fonctionne, moi honnêtement je ne vois aucun changement.

Cordialement
Romain

[_backdraft_]

Bonjour quistador,

Oui tu ne le vois pas parce que sur ton forum n'importe où, où on clique sur la catégorie ça t'envoie vers un lien. Mais sinon ça marche, pour preuve, clique sur "on se présente", ça va te rediriger, puis une fois que tu seras redirigé reclique sur "on se présente" et tu vas voir ta catégorie va se rétracter.

Cordialement
Backdraft

[Ea]

Bonjour,


Pour ce qui est de bouton plus ou moins, il doit y avoir un certain nombre de sujet en traitant :
https://www.google.fr/search?q=catégorie+rétractable+site%3Aforum.forumactif.com

Autrement il me semble que l'astuce fonctionne dans le cas d'une hiérarchie avec les catégories séparées sur l'index.

Voilà une modification du script de l'astuce pour votre hiérarchie et version de forum :

Code:

/* categories retractables sans invision */
$(function() {
  if(window.localStorage) {
    var b = JSON.parse(localStorage.getItem("catRet")) || {}
  }
  var f = 0;
  var clic_areas= $('td.cat + .rowpic');
  clic_areas.closest('tr').addClass('cat-title-row');
  clic_areas.css("cursor", "pointer").each(function() {
    var d = "c" + f++, a;
    window.localStorage ? b[d] && (a = !0) : a = !1;
    a && $(this).parent().nextUntil('.cat-title-row').toggle();
    $(this).click(function() {
      $(this).parent().nextUntil('.cat-title-row').toggle();
      window.localStorage && (b[d] ? delete b[d] : b[d] = 1, localStorage.setItem("catRet", JSON.stringify(b)))
    })
  })
});

Et voilà une version avec les boutons + et - :

Code:

/* categories retractables sans invision */
$(function() {
  if(window.localStorage) {
    var b = JSON.parse(localStorage.getItem("catRet")) || {}
  }
  var f = 0;
  var clic_areas= $('td.cat + .rowpic');
  clic_areas.css("cursor", "pointer").append('<img src="http://i.imgur.com/igEtyyq.gif" style="display:none" title="afficher contenu catégorie" /><img src="http://i.imgur.com/CPrGb8o.jpg" title="cacher contenu catégorie" />').closest('tr').addClass('cat-title-row');
  clic_areas.each(function() {
    var d = "c" + f++, a;
    window.localStorage && b[d] ? a = !0 : a = !1;
    if(a) {
      $(this).parent().nextUntil('.cat-title-row').toggle();
      $(this).children().css('display', function(i, v){ return v=="none"?"inline":"none" } )
    }
    $(this).click(function() {
      $(this).parent().nextUntil('.cat-title-row').toggle();
      $(this).children().css('display', function(i, v){ return v=="none"?"inline":"none" } );
      window.localStorage && (b[d] ? delete b[d] : b[d] = 1, localStorage.setItem("catRet", JSON.stringify(b)))
    })
  })
});

[Invité]

Bonsoir,

Merci à vous tous.

Merci Ea pour ton astuce avec les + et les - c'est plus simple ainsi.

Merci pour vos bons conseils.

Cordialement
Romain