Catégorie rétractable sans invision

[OptimaluS]

Bonjour a tous,

Ayant suivit ce Tutoriel tous simple,
j'ai insérer ce script

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

dans un nouveaux javascrip mets rien ne se passe.
D’où viens le problème?

Merci d'avance pour vos réponses.

[Ea]

Bonjour,


Si c'est pour http://sos-informatique.forumgratuit.org/ chez moi ça fonctionne comme il faut.

( on clique sur la barre de titre et la catégorie se rétracte )

Cordialement.

[OptimaluS]

Effectivement ça marche désoler
Mets comment ça se fait qu'on ne voit pas de petit icône "+" ou"-"?

[Ea]

Parce que l'astuce fonctionne comme cela :

Dans cette astuce on n'utilisera pas une image, mais le clic sur la barre de titre afin d'ouvrir ou fermer une catégorie

Si vous voulez par exemple une image avant le titre du forum, ça donnerait ceci en modifiant le script :

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

Cordialement.

[OptimaluS]

Comme ceci c'est impeccable.
Je vous en remercie.

Cordialement