Problème code javascript permettant d'afficher plusieurs catégories dans des onglets

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

Résolu Problème code javascript permettant d'afficher plusieurs catégories dans des onglets

Message par catinaphone le Mer 28 Aoû 2013 - 1:03

Bonjour !

J'aurais besoin d'un petit coup de main car je ne parviens pas à comprendre ce qui fonctionne mal.

J'ai tenté d'installer ce code javascript : http://s301826463.onlinehome.fr/fdf/viewtopic.php?pid=73#p73 , afin de pouvoir afficher plusieurs catégories dans un seul onglet. Ce code fonctionne bien avec le template par défaut, mais avec mon template modifié, il y a des bugs dans l'affichage des catégories, comme vous pouvez le constater ici : http://neo-york-rpg.forumactif.org/?tt=1

Peut-être faut-il modifier quelque chose dans le code afin que celui-ci s'adapte à mon template, à moins que ce ne soit un problème directement dans le template qui empêche le code de fonctionner correctement ? Quoi qu'il en soit, j'aurais grand besoin de l'aide de quelqu'un qui s'y connaît un peu ... j'ai passé toute la soirée à chercher une solution, en vain ... Sad

Voici donc mon template index_box :
Spoiler:

Code:
<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
   <tr>
      <td valign="bottom">
         <!-- BEGIN switch_user_logged_in -->
         <span class="gensmall">{LAST_VISIT_DATE}<br />
         {CURRENT_TIME}<br />
         </span>
         <!-- END switch_user_logged_in -->
         <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
      </td>
      <td class="gensmall" align="right" valign="bottom">
         <!-- BEGIN switch_user_logged_in -->
         <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
         <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
         <!-- END switch_user_logged_in -->
         <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
      </td>
   </tr>
</table>

<!-- BEGIN catrow --><!-- BEGIN tablehead --><table width="100%" border="0" cellspacing="0" cellpadding="0"><tr>
      <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>
        </tr></table><table class="forumline" width="100%" border="0" cellspacing="1" 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"> </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 class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle">
         <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
      </td>
      <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
         <h{catrow.forumrow.LEVEL} class="hierarchy">
            <span class="forumlink">
               <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>
 
            </span>
         </h{catrow.forumrow.LEVEL}>
                  <table><td>  <span class="genmed">{catrow.forumrow.FORUM_DESC}</span> </td>
         <td><span class="gensmall">
            <!-- BEGIN switch_moderators_links -->
            {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
            <!-- END switch_moderators_links -->
                          <span id="subforums"><div class="liensousfo">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div></span>
         </span></td></table>
          </td>
      
      
      <td class="row3 over" align="center" valign="middle" height="50";>
                  <div style="width: 170px;"><span class="gensmall">{catrow.forumrow.LAST_POST}</span></div><br /><br />
                  <div style="text-align: center;" class="gensmall">{catrow.forumrow.POSTS} Messages - {catrow.forumrow.TOPICS} Sujets</div>
      </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" />

<script type="text/javascript">
  jQuery('#subforums').html(jQuery('#subforums').html().replace(/, /g,' <br /> ')).removeAttr('id');
</script>
  
<!-- END tablefoot --><!-- END catrow -->

Et la partie CSS qui concerne les onglets, au cas où ça vienne de là :
Spoiler:

Code:
.cat-tabs {
  text-align: center;
  margin: 10px auto;
}
.ct-item {
  display: inline;
  padding: 5px;
  margin: 5px;
  background: red;
  color: blue;
  font-weight: bold;
}
.ct-active {
  color: red;
  background: blue;
}

Quant au code javascript, c'est celui du lien que je vous ai donné plus haut, je ne l'ai pas modifié.

Un grand merci par avance à la personne qui prendra le temps de m'aider !!!

catinaphone.


Dernière édition par catinaphone le Mer 28 Aoû 2013 - 14:06, édité 1 fois

catinaphone
Nouveau membre

Messages : 2
Inscrit(e) le : 28/08/2013

http://neo-york-rpg.forumactif.org/?tt=1
catinaphone a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème code javascript permettant d'afficher plusieurs catégories dans des onglets

Message par catinaphone le Mer 28 Aoû 2013 - 13:47

Désolée pour le double post, mais c'est pour vous informer qu'en comparant mon template au template par défaut, et qu'avec un peu de logique, j'ai réussi à régler mon problème.

Il s'agissait en fait d'un souci au niveau des en-têtes de catégories. Pour ceux qui auraient un problème similaire, j'ai remplacé :
Code:
<table width="100%" border="0" cellspacing="0" cellpadding="0"><tr>
      <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>
        </tr></table><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
par :
Code:
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0"><tr>
      <th colspan="4" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>
        </tr>
Je suis plutôt fière d'avoir trouvé toute seule, je deviens une vraie codeuse ! ^^

catinaphone
Nouveau membre

Messages : 2
Inscrit(e) le : 28/08/2013

http://neo-york-rpg.forumactif.org/?tt=1
catinaphone 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