Script ne correspondant pas à mon forum

[QuentinPLR]

Bonjour à toutes et à tous!
Depuis peu je suis à la recherche d'un script me permettant de rétracter et contracter mes catégories. J'ai d'ailleurs suivit le tutoriel d'Etanna (ça s'écrit comme ça?) ainsi que d'autres sujets concernant ce script, cependant les scripts proposés ne fonctionnent que sur les versions non modifiées des templates de forumactif ce qui fait que ça marche pas chez moi.

J'aimerai donc savoir si quelqu'un pouvait m'aider à adapter le code suivant pour mon forum. (Je rappelle que je souhaite créer des boutons pour pouvoir rétracter et contracter mes catégories avec leurs forums.)

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


Je mettrai à disposition le contenu des templates dont vous avez besoin, si vous le souhaitez.

Merci!

[no_way]

Bonjour, afin de vous aider au mieux il serait bon de nous fournir votre template "index_box" et le lien de votre forum où l'on peut constater que le script ne fonctionne pas.

[QuentinPLR]

Salut No-way :3

Template :

Code:

<!-- BEGIN catrow -->
<!-- BEGIN tablehead -->
<div class="fond-cat1"><div class="fond-cat2">{catrow.tablehead.L_FORUM} </div></div>
<table class="forumline" width="100%" border="0" cellspacing="2" cellpadding="0" >
   
   <!-- END tablehead -->
   <!-- BEGIN cathead -->
   <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%">
         <h{catrow.cathead.LEVEL} class="hierarchy">
            <span class="cattitle">
               <a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
            </span>
         </h{catrow.cathead.LEVEL}>
      </td>
      <td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right">&nbsp;</td>
   </tr>
   <!-- END cathead -->
   <!-- BEGIN forumrow -->
   <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
      <!-- END inc -->
      <td rowspan="2" class="row3" align="center" valign="middle" width="6%">
                  <a href="{catrow.forumrow.U_VIEWFORUM}">
         <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
        </a>
                  </td>
      <td class="row1" colspan="{catrow.forumrow.INC_SPAN}" valign="top" height="50">
         
            <span class="name-forum">
               <a class="name-forum" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />
            </span>
         
         <span>{catrow.forumrow.FORUM_DESC}</span>
         <span class="modérateur">
            <!-- BEGIN switch_moderators_links -->
            {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
            <!-- END switch_moderators_links -->   
         </span>
      </td>
      <td class="row3" align="center" valign="middle" height="50" width="15%">
               
                  <span class="stats-forum">{catrow.forumrow.POSTS} Messages</span>
         
                  <br/>
         <span class="stats-forum">{catrow.forumrow.TOPICS} Sujets</span>
                 
      </td>
       
      <td class="row1" align="center" valign="middle" height="50" width="24%">
            <!-- BEGIN avatar -->
            <div style="width: 200px;"></div>
            <span class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>
            <!-- END avatar -->

                  <span class="dernier-message"><b>Dernier message</b>:&nbsp;{catrow.forumrow.LAST_POST}</span>
      </td>
   </tr>
  <tr>
   
                  <td colspan="3" class="sous-sections">
                                                  <strong>Sous-section</strong>: <span class="Sous-forum">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</span>
                  </td>
               </tr>
   <!-- END forumrow -->
   <!-- BEGIN catfoot -->
   <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
   </tr>
 
   <!-- END catfoot -->
   <!-- BEGIN tablefoot -->
</table><img src="{SPACER}" alt="" height="5" width="1" />
<!-- END tablefoot -->
<!-- END catrow -->

http://testeur-test.kanak.fr/

[no_way]

Vous avez déjà un code javascript qui provoque une erreur:

Code:

$("textarea").sceditor({ResizeWidth:false,});

désactivez ce dernier car au moment de son exécution l'instance de sceditor n'est pas disponible.

[QuentinPLR]

Oui c'est bon, je ne sais même pas pourquoi j'avais ce script..

[no_way]

Très bien, pour le script avez-vous coché "sur l'index" ?

[QuentinPLR]

Oui

[no_way]

Je vous ferai un script ce week-end, il y a trop de différences entre votre template et celui par défaut là.
J'éditerai ce message, une fois le script réalisé.

[QuentinPLR]

Oh, et bien d'accord, merci beaucoup dans ce cas no-way.

[no_way]

Voici votre nouveau script:

Code:

$(function(){
if(window.localStorage&&window.JSON){
var cat=JSON.parse(localStorage.getItem('toggleCat'))||{};
$(".fond-cat1").each(function(i){
$(this).css("cursor", "pointer");
cat[i]=!(cat[i]===!1?1:0);
$("+table",$(this)).toggle(cat[i]);
$(this).on("click",function(){
$("+table",$(this)).toggle();
cat[i]=!cat[i];
localStorage.setItem('toggleCat',JSON.stringify(cat));
})})}});

[QuentinPLR]

C'est génial ^-^, merci!
Mais, est-il possible de faire cela par l’intermédiaire d'un bouton ?

[no_way]

Je vous en prie.
C'eut été mieux de le signaler avant mais oui c'est tout à fait possible.

[QuentinPLR]

Oh, excusez moi. Je pensais que le tutoriel sur forumactif qui donnait le script ajoutait un bouton c'est pour ça :s

[no_way]

D'accord , montrez moi à quoi ressemble votre bouton , d'ailleurs est-ce une image ou un bouton de formulaire ?

[QuentinPLR]

Il s'agit d'une image =). La voici (les) :  et .

[no_way]

Voici votre nouveau script:

Code:

$(function(){
if(window.localStorage&&window.JSON){
var cat=JSON.parse(localStorage.getItem('toggleCat'))||{};
$(".fond-cat1").each(function(i){
cat[i]=!(cat[i]===!1?1:0);
var $this=$(this),$img=$("<img/>",{"class":"toggleCat","src":cat[i]?"http://i19.servimg.com/u/f19/17/89/47/01/collap10.gif":"http://i19.servimg.com/u/f19/17/89/47/01/expand10.gif"});
$("h2",$this).prepend($img);
$("+table",$this).toggle(cat[i]);
$(".toggleCat",$this).on("click",function(){
$("+table",$this).toggle();
$(this).css("cursor", "pointer");
cat[i]=!cat[i];
$(this).attr("src",cat[i]?"http://i19.servimg.com/u/f19/17/89/47/01/collap10.gif":"http://i19.servimg.com/u/f19/17/89/47/01/expand10.gif");
localStorage.setItem('toggleCat',JSON.stringify(cat));
})})}});

[QuentinPLR]

Merci beaucoup, il fonctionne parfaitement. Cependant, un truc me gène un peu : Depuis que je l'ai mis il a fait cesser de fonctionner un autre de mes scripts .

Code:

$(function(){
$(".sous-sections .Sous-forum:empty").each(function(){
  var $a=$($(this).parents(".sous-sections")[0]);
  $a.parent().prev().find("td[rowspan='2']").attr("rowspan","1");
  $a.parent().remove();
});
});

[no_way]

Ceci m'étonne, désactivez le script pour rétracter les catégories svp.

[QuentinPLR]

O_o, c'est bizarre parce qu'en le desactivant, mon autre script ne fonctionne toujours pas

[no_way]

Avez-vous modifié quelque chose dans vos templates depuis ?

[QuentinPLR]

Je suis en train de regarder, mais de mémoire je n'ai rien modifié qui serait en lien avec avec ce script qui cache mes sous forums, ça me parait étonnant.

[QuentinPLR]

Problème résolu, j'avais mis un espace entre deux variables :V

[QuentinPLR]

Tout est niquel, les catégories se retractent, puis mes scripts fonctionnent =). Encore un grand merci no-way.

[no_way]

Service et @ bientôt