[SOLVED] Starred forums

[fasciculariaNew Member]

Bonjour Ange tuteur,
j'ai essayé ce tutoriel ( https://fmdesign.forumotion.com/t501-starred-forums ) qui fonctionne parfaitement sur un forum n'ayant pas l'index box de modifié.

Hélas, sur mon forum, ce template est modifié.

Accepteriez vous de m'aider pour pouvoir adapter ce tutoriel à mon index_box ? l'astuce est tout bonnement géniale et, je suis certain que ma communauté appréciera cette fonctionnalité.

Dans le cas d'une réponse positive, voici mon index_box :

Code:

  <div id="infogeneral">
        <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 -->
                <span class="nav nav-clean"> <a class="nav" href="{U_INDEX}">Index des forums</a>{NAV_CAT_DESC}</span>
              </td>
              <td class="gensmall" align="right" valign="bottom">
                <!-- BEGIN switch_user_logged_in -->
                <input class="burger-check" id="burger-check" type="checkbox"><label for="burger-check" class="burger"></label>
<nav id="navigation1" class="navigation">
<div class="bu"><ul>
<li> <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a>  </li><li> <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a> </li><!-- END switch_user_logged_in --><li><a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a> </li><li>  <a class="gensmall" href="/feed/" target="_blank">S'abonner au flux RSS du forum</a> </li><li><a class="gensmall" href="/profile?mode=sendpassword" target="_blank">Récupérer un nouveau mot de passe</a> </li>
</ul>
</div>
</nav>
 
 
 
 
           
           
            </td>
          </tr>
          </table></div>
           
       
 
 
 
     
<br /><br />
 
 
 
<!-- BEGIN catrow -->
 
<!-- BEGIN tablehead -->
 
 
<table class="M14_forumline" "width="100%" border="0" cellspacing="1" cellpadding="0">
      <tr>
<th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>
        </tr>
<!-- END tablehead -->
        <!-- BEGIN cathead -->
 
        <tr>
        <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="" 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="" colspan="1" valign="top" width="100%" height="50"style="vertical-align:middle"><div class="categ"><table width="100%"><tr><td><h{catrow.forumrow.LEVEL} class="hierarchy">
                    <span class="forumlink">
                      <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}"><div class="beautitre"><span class="gradualfader">{catrow.forumrow.FORUM_NAME}</span></div></a>
                    </span>
                </h{catrow.forumrow.LEVEL}></td></tr></table>
 
        <!-- ENCADREMENT DES CATEGORIES-->
        <div class="haut_cate"> </div> <div class="milieu_cate"style="width: 100% ! important;">
        <!-- FIN ENCADREMENT DES CATEGORIES-->
   
 
        <table>
        <tr>
        <td width="100%">
 
          <span class="genmed"><div style="text-align:justify;"> <div class="cato">
         
            {catrow.forumrow.FORUM_DESC}</div></div></span>
           
              </td>
   
              <td><td align="center" valign="middle" height="50"><div class="cata"> <!-- BEGIN avatar -->
        <div style="width: 200px;"></div>
        <span class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>
                <!-- END avatar --><span class="gensmall"> <div class="stats"> {catrow.forumrow.TOPICS}sujets<br />{catrow.forumrow.POSTS} messages</div> </span> </div>
 
 
 
        <div class="catb"><span class="gensmall last-post">{catrow.forumrow.LAST_POST}</span>
                    <!-- BEGIN switch_topic_title -->
                  <div class="lasts">  <a  href="{catrow.forumrow.U_LATEST_TOPIC_POST}"  title="{catrow.forumrow.LATEST_TOPIC_TITLE}"></a></div>
                    <!-- END switch_topic_title -->
</div>
                </td></td>
          </tr>
          </table>
   
   
        <!-- SUITE EN CADREMENT CATEGORIE -->
          </div>
        <div class="bas_cate"> </div>
        <!-- FIN SUITE EN CADREMENT CATEGORIE -->
        </div>
 
        <table width="100%"><tr><td><div class="linf">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
        </div>  </td></tr></table></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 -->

phpbb2
http://altitudetropicale.forums-actifs.com

Dans le cas d'une réponse négative, je ne vexerai absolument pas. Vous faites tellement sur les diverses communautés de fa qu'il serait difficile de vous en vouloir.

Merci par avance pour votre aide.

[Ange TuteurAdministrator]

Bonjour fascicularia,

Utiliser le script suivant pour votre template index_box :

Code:

$(function() {
  'DEVELOPED BY ANGE TUTEUR';
  'NO DISTRIBUTION WITHOUT CONSENT OF THE AUTHOR';
  'ORIGIN : http://fmdesign.forumotion.com/t501-starred-forums#6825';
 
  // automatically detects the version
  var version = $('.bodylinewidth')[0] ? 0 : document.getElementById('wrap') ? 1 : $('div.pun')[0] ? 2 : document.getElementById('ipbwrapper') ? 3 : 'badapple';
 
  // error notifications
  if (version == 'badapple' || !window.JSON || !window.localStorage) {
    var errString = 'The plugin "fa_starred" could not be executed because : ';
 
    if (version == 'badapple') errString += '\nYour forum version is not supported.';
    if (!window.JSON) errString += '\nJSON is not supported by your browser';
    if (!window.localStorage) errString += '\nThe Storage API is not support by your browser.';
 
    window.console && console.error ? console.error(errString) : alert(errString);
    return;
  }
 
  // get fontawesome if unavailable
  if (!$('link[href$="font-awesome.min.css"]')[0]) {
    document.getElementsByTagName('HEAD')[0].insertAdjacentHTML('beforeend', '<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.0/css/font-awesome.min.css" />');
  }
 
  window.fa_starred = {
    version : version, // forum version
    forums : localStorage.fa_starred_forums ? JSON.parse(localStorage.fa_starred_forums) : null,
 
    // language settings
    lang : {
        star : 'Star this forum',
      unstar : 'Unstar this forum',
      starred : 'Starred Forums'
    },
 
    icon : {
        star : '',
      unstar : ''
    },
 
    // selectors
    select : {
      content : version ? document.getElementById('main-content') : $('#content-container td:has(> img[height="5"])')[0],
      category : ['.cat-table', '.forabg', '.main:has(.tcr) .main-content', '.borderwrap:has(.index-box)'][version],
      forum : 'a.' + (version ? 'forumtitle' : 'forumlink'),
      row : version == 1 ? 'li' : 'tr:has(> td > .categ)'
    },
 
    // move the selected forum to the "starred" category
    star : function(that, id, startup) {
      if (!fa_starred.forums) fa_starred.forums = {};
      if (!fa_starred.board) fa_starred.createStarBoard();
 
      if (!fa_starred.forums[id]) {
        // clone the row and add it to the star board
        var clone = $(that).closest(fa_starred.select.row)[0].cloneNode(true),
            rows = $(that).closest(fa_starred.select.row).parent().find(fa_starred.select.row);
 
        // update the star attributes for the clone
        $('.fa_star', clone).attr({
          'onclick' : 'fa_starred.unstar(this, ' + id + '); return false',
          'class' : 'fa_unstar',
          'title' : fa_starred.lang.unstar
        }).html('<i class="fa">' + fa_starred.icon.unstar + '</i>');
 
        fa_starred.list.appendChild(clone); // append the clone to the starred category
 
        $(that).closest(fa_starred.select.row)[0].style.display = 'none'; // hide the original row
 
        // check if all forums are hidden for this category
        for (var i = 0, j = rows.length, k = 0; i < j; i++) {
          if (/none/.test(rows[i].style.display)) k++;
        }
 
        // hide the category if all forums are hidden
        if (i == k) {
          $(that).closest(fa_starred.select.category)[0].className += ' fa_star_hidden';
        }
 
        // jump to the star board if it's out of sight
        if (!startup && document.getElementById('fa_star_board').getBoundingClientRect().top < 0) {
          window.location.hash = '';
          window.location.hash = '#fa_star_board';
        }
 
        // update storage
        fa_starred.forums[id] = 1;
        localStorage.fa_starred_forums = JSON.stringify(fa_starred.forums);
      }
 
    },
 
    // unstar the selected forum
    unstar : function (that, id) {
      var forum, catg, i = 0, j;
 
      fa_starred.list.removeChild($(that).closest(fa_starred.select.row)[0]); // remove cloned row
 
      // update variables
      forum = $(fa_starred.select.forum + '[href^="/f' + id + '-"], ' + fa_starred.select.forum + '[href^="/c' + id + '-"]')[0]; // original forum
      catg = $(forum).closest(fa_starred.select.category)[0]; // original category
 
      $(forum).closest(fa_starred.select.row)[0].style.display = ''; // show the original forum's row
 
      // show the category if all forums were hidden
      if (/fa_star_hidden/.test(catg.className)) {
        catg.className = catg.className.replace(/fa_star_hidden/, '');
      }
 
      // delete the starred forum and check if there are anymore stars
      delete fa_starred.forums[id];
      for (j in fa_starred.forums) {
        if (fa_starred.forums[j]) i++;
      }
 
      // update storage
      if (i) {
        localStorage.fa_starred_forums = JSON.stringify(fa_starred.forums);
      } else {
        fa_starred.forums = null;
        localStorage.removeItem('fa_starred_forums');
 
        // remove nodes
        if (version == 2) {
          fa_starred.board.parentNode.removeChild(fa_starred.board.previousSibling); // remove header for punbb
        }
        fa_starred.board.parentNode.removeChild(fa_starred.board);
 
        // delete node references
        delete fa_starred.board;
        delete fa_starred.list;
      }
 
    },
 
    // create the "starred" category
    createStarBoard : function() {
      var catg = $(fa_starred.select.category, fa_starred.select.content)[0],
          board = catg.cloneNode(true),
          rows = $(fa_starred.select.row, board);
 
      board.id = 'fa_star_board';
      board.style.display = '';
 
      if (version != 2) {
        board.getElementsByTagName('H2')[0].innerHTML = fa_starred.lang.starred; // change category title
      }
 
      // find forum list and remove exisiting rows in the clone
      fa_starred.list = rows[0].parentNode;
      rows.remove();
 
      // punbb insertion method
      if (version == 2) {
        var head = catg.previousSibling.cloneNode(true);
        head.getElementsByTagName('H2')[0].innerHTML = fa_starred.lang.starred;
 
        catg.parentNode.insertBefore(board, catg.previousSibling);
        board.parentNode.insertBefore(head, board);
      } else {
        catg.parentNode.insertBefore(board, catg); // default insertion
      }
 
      fa_starred.board = board;
    }
  };
 
  fa_starred.select.row += ':has(' + fa_starred.select.forum + ')'; // update row selector
 
  // general startup
  var a = $(fa_starred.select.forum, fa_starred.select.content),
      i = 0,
      j = a.length,
      k,
      id;
 
  // setup star board and reset forum states if starred
  if (fa_starred.forums) {
    if (!fa_starred.board) fa_starred.createStarBoard();
    for (k in fa_starred.forums) {
      fa_starred.forums[k] = 0;
    }
  }
 
  // setup stars and starred forums
  for (; i < j; i++) {
    id = a[i].href.replace(/.*?\/(?:f|c)(\d+).*/, '$1');
 
    $('center, div[style="text-align:center"]', a[i]).append('<a href="#" class="fa_star" onclick="fa_starred.star(this, ' + id + '); return false;" title="' + fa_starred.lang.star + '"><i class="fa">' + fa_starred.icon.unstar + '</i></a>');
 
    if (fa_starred.forums) {
      for (k in fa_starred.forums) {
        if (k == id) {
          fa_starred.star(a[i], id, true);
        }
      }
    }
  }
 
  document.getElementsByTagName('HEAD')[0].insertAdjacentHTML('beforeend', '<style type="text/css">a.fa_star,a.fa_unstar{color:#999!important;font-size:16px;vertical-align:-2px;margin-left:3px;opacity:0}a.fa_star:hover,a.fa_unstar,li:hover a.fa_star,tr:hover a.fa_star{opacity:1}a.fa_star i,a.fa_unstar i{position:relative}a.fa_star i:hover:after,a.fa_unstar i:after{content:"' + fa_starred.icon.star + '";position:absolute;left:0;bottom:0}a.fa_unstar i:hover:after{content:""}.fa_star_hidden {display:none!important}</style>');
});

Bonne journée et à bientôt.

[fasciculariaNew Member]

Bonjour et merci Ange Tuteur, le script fonctionne à merveille hormis sur un détail que j'aurai du mentionner (honte à moi pour cet oubli ).

le forum à un système à onglets dont voici le js

Code:

/* Système à onglets sur l'index" */
$(function(){var e,t=[["Vie du site",[0],"Partie relative à la vie  du forum contenant :\n&raquo;les présentations des membres,\n&raquo;la gestion interne,\n&raquo;les blogs des membres et,\n&raquo;les forums ou sites de jardinage à l'honneur."],["Les végétaux",[1],"Partie principale contenant toutes les discussions en relation avec les végétaux."],["Aspects généraux",[2],"Partie générale contenant : \n&raquo;les discussions générales sur le jardinage,\n&raquo;le coin identification,\n&raquo;les protocoles de semis,\n&raquo;les techniques d'acclimatation et de multiplication,\n&raquo;les données de résistances des plantes face au froid et, \n&raquo;la climatogie. "],["Maladies et ravageurs",[3],"Partie contenant : \n&raquo;la lutte contre les maladies et les insectes ravageurs et,\n&raquo;vos trucs et astuces pour jardiner bio."],["Visites de jardin",[4],"Partie contenant : \n&raquo;les jardins des membres,\n&raquo;les listes de culture,\n&raquo;les adresses des parcs et jardins à visiter "],["Fiches et voyages",[5],"Partie contenant : \n&raquo;les fiches des plantes,\n&raquo;la blibliothèque des livres en libre service,\n&raquo;la bibliothèque des membres,\n&raquo;les carnets de voyage,\n&raquo;la flore et faune sauvage de nos régions,\n&raquo;le portail des îles françaises et métropolitaines (faune et flore) et,\n&raquo;le portail des Dom-Tom et autres collectivités territoirales (faune et flore)."],["Échanges et bons plans",[6],"Partie contenant :\n&raquo;les échanges et recherches,\n&raquo;la section vente,\n&raquo;les bons plans,\n&raquo;les avis sur les fournisseurs et,\n&raquo;les manifestations horticoles. "],["Liens du web",[7],"Partie contenant :\n&raquo;les liens et adresses du web et ,\n&raquo;les adresses intéressantes des pépiniéristes."],["Le café et bricolage",[8],"Partie contenant :\n&raquo;le café,\n&raquo;les devinettes et jeux sur la botanique et ,\n&raquo;le coin des bricolos."],["Tout le forum",[0,1,2,3,4,5,6,7,8],"Cliquez sur cet onglet pour un affichage de l'ensemble du forum."]],a=function(e){var a;for(a=0;a<t.length;a++)if(JSON.stringify(t[a])==e)return t[a];return!1},s=function(e,t){var a;for(a=0;a<e[1].length;a++)if(e[1][a]==t)return!0;return!1},n=t[0],r=!1,o=800;for(r&&window.localStorage&&(e=localStorage.getItem("onglets"))&&(e=a(e))&&(n=e),$(".secondarytitle").closest(".M14_forumline").wrap('<div class="cat-table" />'),$(".cat-table").filter(function(e){return!s(n,e)}).hide(),$(".cat-table:first").before('<div id="cat-onglets"></div>'),e=0;e<t.length;e++)$("#cat-onglets").append('<div class="co-item'+(t[e]==n?" co-actif":"")+'" title="'+t[e][2]+'">'+t[e][0]+"</div>");$("#cat-onglets .co-item").click(function(){$("#cat-onglets .co-actif").removeClass("co-actif"),$(this).addClass("co-actif");var e=t[$("#cat-onglets .co-item").index(this)];$(".cat-table").not($(".cat-table").filter(function(t){return s(e,t)}).slideDown(o)).slideUp(o),r&&window.localStorage&&localStorage.setItem("onglets",JSON.stringify(e))})});
/*Infobulles sur les sections */
$(function(){$("#cat-onglets div").removeAttr("title")}),$(function(){$('#cat-onglets div:contains("Vie du site")').attr("id","one").append('\n<p style="display:none;">\nPartie relative  à  la vie  du forum contenant :<br />\n<span>»</span>&nbsp;Les présentations des membres,<br />\n<span>»</span>&nbsp;la gestion interne<br />\n<span>»</span>&nbsp;les blogs des membres et<br />\n<span>»</span>&nbsp;les forums ou sites de jardinage à l\'honneur.<br />\n</p>'),$("#one").hover(function(){$("#one p").toggle()})}),$(function(){$('#cat-onglets div:contains("Les végétaux")').attr("id","two").append('\n<p style="display:none;">\nPartie principale contenant toutes <br />\nles discussions en relation avec les végétaux.<br />\n</p>'),$("#two").hover(function(){$("#two p").toggle()})}),$(function(){$('#cat-onglets div:contains("Aspects généraux")').attr("id","three").append('\n<p style="display:none;">\nPartie générale contenant : <br />\n<span>»</span>&nbsp;les discussions générales sur le jardinage,<br />\n<span>»</span>&nbsp;le coin identification,<br />\n<span>»</span>&nbsp;les protocoles de semis,<br />\n<span>»</span>&nbsp;les techniques d\'acclimatation et de multiplication,<br />\n<span>»</span>&nbsp;les données de résistances des plantes face au froid et, <br />\n<span>»</span>&nbsp;la climatogie. <br />\n</p>'),$("#three").hover(function(){$("#three p").toggle()})}),$(function(){$('#cat-onglets div:contains("Maladies et ravageurs")').attr("id","four").append('\n<p style="display:none;">\nPartie contenant : <br />\n<span>»</span>&nbsp;la lutte contre les maladies et les insectes ravageurs et, <br />\n<span>»</span>&nbsp;vos trucs et astuces pour jardiner bio. <br />\n</p>'),$("#four").hover(function(){$("#four p").toggle()})}),$(function(){$('#cat-onglets div:contains("Visites de jardin")').attr("id","five").append('\n<p style="display:none;">\nPartie contenant : <br />\n<span>»</span>&nbsp;les jardins des membres,<br />\n<span>»</span>&nbsp;les listes de culture,<br />\n<span>»</span>&nbsp;les adresses des parcs et jardins &nbsp;à visiter<br />\n</p>'),$("#five").hover(function(){$("#five p").toggle()})}),$(function(){$('#cat-onglets div:contains("Fiches et voyages")').attr("id","six").append('\n<p style="display:none;">\nPartie contenant :<br />\n<span>»</span>&nbsp;les fiches des plantes,<br />\n<span>»</span>&nbsp;la blibliothèque des livres en libre service,<br />\n<span>»</span>&nbsp;la bibliothèque des membres,<br />\n<span>»</span>&nbsp;les carnets de voyage,<br />\n<span>»</span>&nbsp;la flore et faune sauvage de nos régions,<br />\n<span>»</span>&nbsp;le portail des îles françaises et métropolitaines (faune et flore) et,<br />\n<span>»</span>&nbsp;le portail des Dom-Tom et autres collectivités territoriales (faune et flore).<br />\n</p>'),$("#six").hover(function(){$("#six p").toggle()})}),$(function(){$('#cat-onglets div:contains("Échanges et bons plans")').attr("id","seven").append('\n<p style="display:none;">\nPartie contenant :<br />\n<span>»</span>&nbsp;les échanges et recherches,<br />\n<span>»</span>&nbsp;la section vente,<br />\n<span>»</span>&nbsp;les bons plans,<br />\n<span>»</span>&nbsp;les avis sur les fournisseurs et,<br />\n<span>»</span>&nbsp;les manifestations horticoles.<br />\n</p>'),$("#seven").hover(function(){$("#seven p").toggle()})}),$(function(){$('#cat-onglets div:contains("Liens du web")').attr("id","eight").append('\n<p style="display:none;">\nPartie contenant :<br />\n<span>»</span>&nbsp;les liens et adresses du web et ,<br />\n<span>»</span>&nbsp;les adresses intéressantes des pépiniéristes.<br />\n</p>'),$("#eight").hover(function(){$("#eight p").toggle()})}),$(function(){$('#cat-onglets div:contains("Le café et bricolage")').attr("id","nine").append('\n<p style="display:none;">\nPartie contenant :<br />\n<span>»</span>&nbsp;le café,<br />\n<span>»</span>&nbsp;les devinettes et jeux sur la botanique et ,<br />\n<span>»</span>&nbsp;le coin des bricolos.<br />\n</p>'),$("#nine").hover(function(){$("#nine p").toggle()})}),$(function(){$('#cat-onglets div:contains("Tout le forum")').attr("id","ten").append('\n<p style="display:none;">\nCliquez sur cet onglet pour<br /> un affichage de l\'ensemble du forum.\n</p>'),$("#ten").hover(function(){$("#ten p").toggle()})});

Le rajout du script interfère avec les onglets. lorsqu'un membre sélectionne un forum, le système d'onglets réagi en décalant le contenu. Par exemple si l'on sélectionne l'onglet intitulé"aspects généraux", c'est le contenu de "maladie et ravageurs " (l'onglet suivant ) qui s'affiche.

Serait-il possible d'affilier le "starred forums" à 'longlet 0 c'est à dire à l'onglet intitulé "vie du site" ?

Désolé encore pour cet oubli et merci pour votre aide

[Ange TuteurAdministrator]

Re-bonjour,

Essayez en remplaçant le script de onglets avec le script ci-dessous.

Code:

$(function() {
  /* Système à onglets sur l'index" */
  $(function(){var e,t=[["Vie du site",[0],"Partie relative à la vie  du forum contenant :\n&raquo;les présentations des membres,\n&raquo;la gestion interne,\n&raquo;les blogs des membres et,\n&raquo;les forums ou sites de jardinage à l'honneur."],["Les végétaux",[1],"Partie principale contenant toutes les discussions en relation avec les végétaux."],["Aspects généraux",[2],"Partie générale contenant : \n&raquo;les discussions générales sur le jardinage,\n&raquo;le coin identification,\n&raquo;les protocoles de semis,\n&raquo;les techniques d'acclimatation et de multiplication,\n&raquo;les données de résistances des plantes face au froid et, \n&raquo;la climatogie. "],["Maladies et ravageurs",[3],"Partie contenant : \n&raquo;la lutte contre les maladies et les insectes ravageurs et,\n&raquo;vos trucs et astuces pour jardiner bio."],["Visites de jardin",[4],"Partie contenant : \n&raquo;les jardins des membres,\n&raquo;les listes de culture,\n&raquo;les adresses des parcs et jardins à visiter "],["Fiches et voyages",[5],"Partie contenant : \n&raquo;les fiches des plantes,\n&raquo;la blibliothèque des livres en libre service,\n&raquo;la bibliothèque des membres,\n&raquo;les carnets de voyage,\n&raquo;la flore et faune sauvage de nos régions,\n&raquo;le portail des îles françaises et métropolitaines (faune et flore) et,\n&raquo;le portail des Dom-Tom et autres collectivités territoirales (faune et flore)."],["Échanges et bons plans",[6],"Partie contenant :\n&raquo;les échanges et recherches,\n&raquo;la section vente,\n&raquo;les bons plans,\n&raquo;les avis sur les fournisseurs et,\n&raquo;les manifestations horticoles. "],["Liens du web",[7],"Partie contenant :\n&raquo;les liens et adresses du web et ,\n&raquo;les adresses intéressantes des pépiniéristes."],["Le café et bricolage",[8],"Partie contenant :\n&raquo;le café,\n&raquo;les devinettes et jeux sur la botanique et ,\n&raquo;le coin des bricolos."],["Tout le forum",[0,1,2,3,4,5,6,7,8],"Cliquez sur cet onglet pour un affichage de l'ensemble du forum."]],a=function(e){var a;for(a=0;a<t.length;a++)if(JSON.stringify(t[a])==e)return t[a];return!1},s=function(e,t){var a;for(a=0;a<e[1].length;a++)if(e[1][a]==t)return!0;return!1},n=t[0],r=!1,o=800;for(r&&window.localStorage&&(e=localStorage.getItem("onglets"))&&(e=a(e))&&(n=e),$(".secondarytitle").closest(".M14_forumline").wrap('<div class="cat-table" />'),$(".cat-table").filter(function(e){return!s(n,e)}).hide(),$(".cat-table:first").before('<div id="cat-onglets"></div>'),e=0;e<t.length;e++)$("#cat-onglets").append('<div class="co-item'+(t[e]==n?" co-actif":"")+'" title="'+t[e][2]+'">'+t[e][0]+"</div>");$("#cat-onglets .co-item").click(function(){$("#cat-onglets .co-actif").removeClass("co-actif"),$(this).addClass("co-actif");var e=t[$("#cat-onglets .co-item").index(this)];$(".cat-table").not($(".cat-table").filter(function(t){return s(e,t)}).slideDown(o)).slideUp(o),r&&window.localStorage&&localStorage.setItem("onglets",JSON.stringify(e))})});
  /*Infobulles sur les sections */
  $(function(){$("#cat-onglets div").removeAttr("title")}),$(function(){$('#cat-onglets div:contains("Vie du site")').attr("id","one").append('\n<p style="display:none;">\nPartie relative  à  la vie  du forum contenant :<br />\n<span>»</span>&nbsp;Les présentations des membres,<br />\n<span>»</span>&nbsp;la gestion interne<br />\n<span>»</span>&nbsp;les blogs des membres et<br />\n<span>»</span>&nbsp;les forums ou sites de jardinage à l\'honneur.<br />\n</p>'),$("#one").hover(function(){$("#one p").toggle()})}),$(function(){$('#cat-onglets div:contains("Les végétaux")').attr("id","two").append('\n<p style="display:none;">\nPartie principale contenant toutes <br />\nles discussions en relation avec les végétaux.<br />\n</p>'),$("#two").hover(function(){$("#two p").toggle()})}),$(function(){$('#cat-onglets div:contains("Aspects généraux")').attr("id","three").append('\n<p style="display:none;">\nPartie générale contenant : <br />\n<span>»</span>&nbsp;les discussions générales sur le jardinage,<br />\n<span>»</span>&nbsp;le coin identification,<br />\n<span>»</span>&nbsp;les protocoles de semis,<br />\n<span>»</span>&nbsp;les techniques d\'acclimatation et de multiplication,<br />\n<span>»</span>&nbsp;les données de résistances des plantes face au froid et, <br />\n<span>»</span>&nbsp;la climatogie. <br />\n</p>'),$("#three").hover(function(){$("#three p").toggle()})}),$(function(){$('#cat-onglets div:contains("Maladies et ravageurs")').attr("id","four").append('\n<p style="display:none;">\nPartie contenant : <br />\n<span>»</span>&nbsp;la lutte contre les maladies et les insectes ravageurs et, <br />\n<span>»</span>&nbsp;vos trucs et astuces pour jardiner bio. <br />\n</p>'),$("#four").hover(function(){$("#four p").toggle()})}),$(function(){$('#cat-onglets div:contains("Visites de jardin")').attr("id","five").append('\n<p style="display:none;">\nPartie contenant : <br />\n<span>»</span>&nbsp;les jardins des membres,<br />\n<span>»</span>&nbsp;les listes de culture,<br />\n<span>»</span>&nbsp;les adresses des parcs et jardins &nbsp;à visiter<br />\n</p>'),$("#five").hover(function(){$("#five p").toggle()})}),$(function(){$('#cat-onglets div:contains("Fiches et voyages")').attr("id","six").append('\n<p style="display:none;">\nPartie contenant :<br />\n<span>»</span>&nbsp;les fiches des plantes,<br />\n<span>»</span>&nbsp;la blibliothèque des livres en libre service,<br />\n<span>»</span>&nbsp;la bibliothèque des membres,<br />\n<span>»</span>&nbsp;les carnets de voyage,<br />\n<span>»</span>&nbsp;la flore et faune sauvage de nos régions,<br />\n<span>»</span>&nbsp;le portail des îles françaises et métropolitaines (faune et flore) et,<br />\n<span>»</span>&nbsp;le portail des Dom-Tom et autres collectivités territoriales (faune et flore).<br />\n</p>'),$("#six").hover(function(){$("#six p").toggle()})}),$(function(){$('#cat-onglets div:contains("Échanges et bons plans")').attr("id","seven").append('\n<p style="display:none;">\nPartie contenant :<br />\n<span>»</span>&nbsp;les échanges et recherches,<br />\n<span>»</span>&nbsp;la section vente,<br />\n<span>»</span>&nbsp;les bons plans,<br />\n<span>»</span>&nbsp;les avis sur les fournisseurs et,<br />\n<span>»</span>&nbsp;les manifestations horticoles.<br />\n</p>'),$("#seven").hover(function(){$("#seven p").toggle()})}),$(function(){$('#cat-onglets div:contains("Liens du web")').attr("id","eight").append('\n<p style="display:none;">\nPartie contenant :<br />\n<span>»</span>&nbsp;les liens et adresses du web et ,<br />\n<span>»</span>&nbsp;les adresses intéressantes des pépiniéristes.<br />\n</p>'),$("#eight").hover(function(){$("#eight p").toggle()})}),$(function(){$('#cat-onglets div:contains("Le café et bricolage")').attr("id","nine").append('\n<p style="display:none;">\nPartie contenant :<br />\n<span>»</span>&nbsp;le café,<br />\n<span>»</span>&nbsp;les devinettes et jeux sur la botanique et ,<br />\n<span>»</span>&nbsp;le coin des bricolos.<br />\n</p>'),$("#nine").hover(function(){$("#nine p").toggle()})}),$(function(){$('#cat-onglets div:contains("Tout le forum")').attr("id","ten").append('\n<p style="display:none;">\nCliquez sur cet onglet pour<br /> un affichage de l\'ensemble du forum.\n</p>'),$("#ten").hover(function(){$("#ten p").toggle()})});
});

De rien

[fasciculariaNew Member]

Bonjour Ange tuteur,
le "starred forums" est bien répercuté sur le premier onglet mais le contenu initial de cet onglet est basculé sur l'onglet suivant.

Autre soucis qui se rajoute : lors de l'actualisation de l'index, le script des onglets et le js "starred forums" ne sont plus actifs. l'index s'affiche dans son entier.

[Sponsored content]