Le SCRIPT doit m'afficher le " LIENS RAPIDES " uniquement où il y a des SOUS-FORUMS

[angelsjenifer]

Bonjour,

Je n'arrive pas à créer un script. Sur mon forum, j'ai créer des " liens rapides " pour avoir accès aux sous-forums ( VOIR ). Seulement, les liens rapides se mettent partout même là où il n'y a pas de sous-forums ( VOIR ). Normal me direz-vous..

J'ai essayé de trouver la variable qui correspond, mais sans succès ou alors mon code est incorrect.. Bref, je l'ai supprimé car le javascript et moi, ce n'est pas encore ça.

Le script doit m'afficher le " liens rapides " uniquement où il y a des sous-forums

mon index-box modifié :

Code:

<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
   <tr>
      <td class="gensmall" align="center" valign="bottom">
         <!-- BEGIN switch_user_logged_in -->
         <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a> •
         <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a> •  
         <!-- END switch_user_logged_in -->
         <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
      </td>
   </tr>
</table>
<!-- BEGIN catrow --><!-- BEGIN tablehead -->

<img src="http://i39.servimg.com/u/f39/11/49/98/20/sideba10.png" height="130" width="800" />
<div id="fond"><table align="center" 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.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle" width="25%">
         <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="45%" height="50">
         <span class="genmed"><p style="text-align:justify;"><a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a> {catrow.forumrow.FORUM_DESC}</p>
                        <div id="liendesc">
            <a id="aliendesc" href="#">LIENS RAPIDES</a>
                                  <div class="liendescaff">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>
                                </div>
                     </span>
         <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>
      </td>
      <td class="row3 over" align="center" valign="middle" height="50" width="30%">
         <span class="dernierpost">{catrow.forumrow.LAST_POST}<br /><br />
                  {catrow.forumrow.TOPICS} sujet<script>if( {catrow.forumrow.TOPICS} > 1) document.write('s')</script> &amp; {catrow.forumrow.POSTS} message<script>if( {catrow.forumrow.POSTS} > 1) document.write('s')</script>
                  </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></div><img src="http://i39.servimg.com/u/f39/11/49/98/20/sideba11.png" alt="" height="101px" width="800px" /><!-- END tablefoot --><!-- END catrow -->

CSS correspondant aux liens rapides :

Code:

/* ---- MIS EN FORME LIENS RAPIDES ---- */

#liendesc {display: block;
   position: relative;
   left: 250px;
     top: -20px;
   width: 105px;}

#aliendesc {
  border-top-style: solid;
  border-top-color: #ede7d8;
 
  padding-left:10px;
  text-transform: uppercase;
  border-left: 4px solid #ede7d8;
}

.liendescaff {display:none;
   position: absolute;
     z-index:3;
   width: 330px;
     background-color: #fff;   
   padding: 5px;
   -moz-border-radius: 8px;
   -khtml-border-radius:8px;
   -webkit-border-radius:8px;
   border-radius: 8px;
   box-shadow: 0 0 5px #d1d1d1;
   -moz-box-shadow: 0 0 5px #d1d1d1;
   -webkit-box-shadow: 0 0 5px #d1d1d1;}

#liendesc:hover .liendescaff { display:block;}

[angelsjenifer]

up

[angelsjenifer]

up

[angelsjenifer]

up

[angelsjenifer]

up

[Oyo]

Bonjour, je t'ai peut-être trouvé une solution :

Tout d'abord, change ton id "liendesc" par une class du même nom (id="liendesc" par class="liendesc" et #liendesc par .liendesc).

Ensuite, ce code bidouillé en javascript devrait suffire à retirer les liens rapides où il n'y a pas de sous-forums :

Code:

$(function () {

    $('.liendesc').each(function () {
        var ifits = $(this).find('.liendescaff').html();     
        if (ifits == '' ) {
            $(this).remove();
        }
    });

});

En espérant que ça fonctionne !

[angelsjenifer]

Merci cela fonctionne parfaitement