Adapter un script PHPBB3 à PUNBB

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

Résolu Adapter un script PHPBB3 à PUNBB

Message par Flaura le Sam 16 Aoû 2014 - 15:28

Bonjour, 
j'ai installé sur ce forum en PHPBB3 un script pour des catégories en onglet. voici le script: 
Code:
$(function() {
   var cpt = 0;
   $('.forabg').each(function() {
      if (cpt!=0) {
         $(this).hide().addClass('cache');
      } else {
         $(this).addClass('visible');
      }
      $(this).addClass('cat'+(cpt++));
   }
   );
   cpt = 0;
   $('.linklist').eq(1).after('<div id="nav_cat"><ul id="nav_cat_onglets"></ul></div>');
   $('.table-title').each(function() {
      var onglets_nom_cat = $(this).text();
      if(cpt==0) {
         $('#nav_cat_onglets').append('<li class="li_nav_onglet actif" name="'+(cpt++)+'">'+onglets_nom_cat+'</li>');
      } else {
         $('#nav_cat_onglets').append('<li class="li_nav_onglet" name="'+(cpt++)+'">'+onglets_nom_cat+'</li>');
      }
   }
   );
   $('.li_nav_onglet').click(function() {
      var nb_cat = $('.table-title').length;
      var num_cat = $(this).attr('name');
      $(this).addClass('actif');
      if(($('.cat'+(num_cat)).hasClass('cache'))) {
         $('.cat'+(num_cat)).show('slow').addClass('visible').removeClass('cache');
         for (i = 0; i <= nb_cat; i++) {
            if (i != num_cat) {
               $('.cat'+(i)).hide('slow').addClass('cache').removeClass('visible');
               $('.li_nav_onglet[name='+i+']').removeClass('actif');
            }
         }
      } else {
      }
   }
   );
}
);

Et le css qui va avec: 
Code:

#nav_cat li {
   position:relative;
   float:left;
   list-style:none;
   padding:2px 5px 7px;
   margin-right:5px;
   cursor:pointer; 
   background-color:white; 
     border-bottom:none; 
   color:black; 
     border:1px solid grey; 
   z-index:1;
}
#nav_cat_onglets .actif {
   font-weight:bold; 
   z-index: 10;
}

J'ai tenté de l'installer sur un forum en PUNBB, ça ne marche pas. Comment faire fonctionner le script (la gestion des codes Javascript a déjà été activée!)?


Dernière édition par Lucariaura le Dim 17 Aoû 2014 - 13:07, édité 1 fois

Flaura
****

Féminin
Messages : 346
Inscrit(e) le : 07/06/2014

http://pokemondm.pokemonrpg.org
Flaura a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Adapter un script PHPBB3 à PUNBB

Message par Milouze14 le Sam 16 Aoû 2014 - 20:34

Salut Lucariaura ,

as tu modifié ton template index_box ?

Dans le cas d'une réponse négative
Édites et supprimes tout le contenu et remplaces par :
Code:

<div class="pun-crumbs" itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
   <p class="crumbs"><a href="{U_INDEX}" itemprop="url"><span itemprop="title">{L_INDEX}</span></a><strong>{NAV_CAT_DESC}</strong></p>
</div>
<div class="main">
<!-- BEGIN catrow -->
   <!-- BEGIN tablehead -->
<div class="M14_Cat">
 
      <div class="main-head">
         <div class="page-title">{catrow.tablehead.L_FORUM}</div>
      </div>
      <div class="main-content">
         <table cellspacing="0" class="table">
            <thead>
               <tr>
                  <th class="tcl">{L_FORUM}</th>
                  <th class="tc2">{L_TOPICS}</th>
                  <th class="tc3">{L_POSTS}</th>
                  <th class="tcr">{L_LASTPOST}</th>
               </tr>
            </thead>
            <tbody class="statused">
   <!-- END tablehead -->

   <!-- BEGIN forumrow -->
               <tr>
                  <td class="tcl" style="padding-right: {catrow.forumrow.INC_LEVEL_RIGHT}; padding-left: {catrow.forumrow.INC_LEVEL_LEFT};">
                     <span class="status" style="margin-right: -{catrow.forumrow.INC_WIDTH_ICON}; margin-left: -{catrow.forumrow.INC_WIDTH_ICON};">
                        <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
                     </span>
                     <h{catrow.forumrow.LEVEL} class="hierarchy"><a href="{catrow.forumrow.U_VIEWFORUM}" class="forumtitle">{catrow.forumrow.FORUM_NAME}</a></h{catrow.forumrow.LEVEL}>
                     <br />
                     {catrow.forumrow.FORUM_DESC}
                     <!-- BEGIN switch_moderators_links -->
                     <br />
                     {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
                     <!-- END switch_moderators_links -->
                     {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
                     <strong>{forumrow.L_SUBFORUM_STR}</strong> {forumrow.SUBFORUMS}
                  </td>
                  <td class="tc2">{catrow.forumrow.TOPICS}</td>
                  <td class="tc3">{catrow.forumrow.POSTS}</td>
                  <td class="tcr">
                            <!-- BEGIN avatar -->
                            <span class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>
                            <!-- END avatar -->

                     <span>
                     <!-- BEGIN switch_topic_title -->
                     <a href="{catrow.forumrow.U_LATEST_TOPIC}" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a><br />
                     <!-- END switch_topic_title -->
                     {catrow.forumrow.USER_LAST_POST}
                     </span>
                  </td>
               </tr>
   <!-- END forumrow -->

   <!-- BEGIN tablefoot -->
            </tbody>
         </table>
      </div></div>
   <!-- END tablefoot -->
<!-- END catrow -->
</div>

<!-- BEGIN switch_on_index -->
<div class="main-box clearfix">
   <ul>
      <li><a href="{U_TODAY_ACTIVE}">{L_TODAY_ACTIVE}</a></li>
      <li><a href="{U_TODAY_POSTERS}">{L_TODAY_POSTERS}</a></li>
      <li><a href="{U_OVERALL_POSTERS}">{L_OVERALL_POSTERS}</a></li>
   </ul>
   <!-- BEGIN switch_delete_cookies -->
   <p class="right">
      <a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
   </p>
   <!-- END switch_delete_cookies -->
</div>
<!-- END switch_on_index -->



Penses a enregistrer les modifications en cliquant respectivement sur et


le javascript édites et remplaces par:

Code:


$(function() {
          var cpt = 0;
          $('.M14_Cat').each(function() {
              if (cpt!=0) {
                $(this).hide().addClass('cache');
              } else {
                $(this).addClass('visible');
              }
              $(this).addClass('cat'+(cpt++));
          }
          );
          cpt = 0;
          $('.pun-crumbs').before('<div id="nav_cat"><ul id="nav_cat_onglets"></ul></div>');
          $('.page-title').each(function() {
              var onglets_nom_cat = $(this).text();
              if(cpt==0) {
                $('#nav_cat_onglets').append('<li class="li_nav_onglet actif" name="'+(cpt++)+'">'+onglets_nom_cat+'</li>');
              } else {
                $('#nav_cat_onglets').append('<li class="li_nav_onglet" name="'+(cpt++)+'">'+onglets_nom_cat+'</li>');
              }
          }
          );
          $('.li_nav_onglet').click(function() {
              var nb_cat = $('.page-title').length;
              var num_cat = $(this).attr('name');
              $(this).addClass('actif');
              if(($('.cat'+(num_cat)).hasClass('cache'))) {
                $('.cat'+(num_cat)).show('slow').addClass('visible').removeClass('cache');
                for (i = 0; i <= nb_cat; i++) {
                    if (i != num_cat) {
                      $('.cat'+(i)).hide('slow').addClass('cache').removeClass('visible');
                      $('.li_nav_onglet[name='+i+']').removeClass('actif');
                    }
                }
              } else {
              }
          }
          );
        }
        );



Pour la css rien ne change  Wink  .

a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4628
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Adapter un script PHPBB3 à PUNBB

Message par Flaura le Sam 16 Aoû 2014 - 21:54

Eh bien à vrai dire, ça ne marche pas très bien: 

Déjà serait-il possible que le lien de l'index du forum n'apparaisse. Là, toutes les catégories sont affichées, et donc les "trucs" pour changer de catégorie au-dessus ne servent à rien. (Désolée d'avoir flouté l'image)

Flaura
****

Féminin
Messages : 346
Inscrit(e) le : 07/06/2014

http://pokemondm.pokemonrpg.org
Flaura a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Adapter un script PHPBB3 à PUNBB

Message par Milouze14 le Dim 17 Aoû 2014 - 7:18

Salut Lucariaura,


Déjà serait-il possible que le lien de l'index du forum n'apparaisse.
Là, toutes les catégories sont affichées, et donc les "trucs" pour changer de catégorie au-dessus ne servent à rien. (Désolée d'avoir flouté l'image)
J'ai supprimer l'affichage du lien des catégories ,
seul le nom restera  Wink  .

Si cela ne te convient pas il faut supprimer cette variable:
Code:
{catrow.tablehead.L_FORUM}


Édites le template et remplaces tout le contenu par ceci:
Code:

<div class="pun-crumbs"><p class="crumbs"></p></div><br />
<div class="main">
<!-- BEGIN catrow -->
   <!-- BEGIN tablehead -->
<div class="M14_Cat">
 
<div class="main-head">
         <div class="page-title">{catrow.tablehead.L_FORUM}</div>
</div>
      <div class="main-content">
         <table cellspacing="0" class="table">
            <thead>
               <tr>
                  <th class="tcl">{L_FORUM}</th>
                  <th class="tc2">{L_TOPICS}</th>
                  <th class="tc3">{L_POSTS}</th>
                  <th class="tcr">{L_LASTPOST}</th>
               </tr>
            </thead>
            <tbody class="statused">
   <!-- END tablehead -->

   <!-- BEGIN forumrow -->
               <tr>
                  <td class="tcl" style="padding-right: {catrow.forumrow.INC_LEVEL_RIGHT}; padding-left: {catrow.forumrow.INC_LEVEL_LEFT};">
                     <span class="status" style="margin-right: -{catrow.forumrow.INC_WIDTH_ICON}; margin-left: -{catrow.forumrow.INC_WIDTH_ICON};">
                        <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
                     </span>
                     <h{catrow.forumrow.LEVEL} class="hierarchy">
<a href="{catrow.forumrow.U_VIEWFORUM}" class="forumtitle"style="display:none;">{catrow.forumrow.FORUM_NAME}</a></h{catrow.forumrow.LEVEL}>
                     <br />
                     {catrow.forumrow.FORUM_DESC}
                     <!-- BEGIN switch_moderators_links -->
                     <br />
                     {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
                     <!-- END switch_moderators_links -->
                     {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
                     <strong>{forumrow.L_SUBFORUM_STR}</strong> {forumrow.SUBFORUMS}
                  </td>
                  <td class="tc2">{catrow.forumrow.TOPICS}</td>
                  <td class="tc3">{catrow.forumrow.POSTS}</td>
                  <td class="tcr">
                            <!-- BEGIN avatar -->
                            <span class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>
                            <!-- END avatar -->

                     <span>
                     <!-- BEGIN switch_topic_title -->
                     <a href="{catrow.forumrow.U_LATEST_TOPIC}" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a><br />
                     <!-- END switch_topic_title -->
                     {catrow.forumrow.USER_LAST_POST}
                     </span>
                  </td>
               </tr>
   <!-- END forumrow -->

   <!-- BEGIN tablefoot -->
            </tbody>
         </table>
      </div></div>
   <!-- END tablefoot -->
<!-- END catrow -->
</div>

<!-- BEGIN switch_on_index -->
<div class="main-box clearfix">
   <ul>
      <li><a href="{U_TODAY_ACTIVE}">{L_TODAY_ACTIVE}</a></li>
      <li><a href="{U_TODAY_POSTERS}">{L_TODAY_POSTERS}</a></li>
      <li><a href="{U_OVERALL_POSTERS}">{L_OVERALL_POSTERS}</a></li>
   </ul>
   <!-- BEGIN switch_delete_cookies -->
   <p class="right">
      <a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
   </p>
   <!-- END switch_delete_cookies -->
</div>
<!-- END switch_on_index -->


Penses a enregistrer les modifications en cliquant respectivement sur et



a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4628
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Adapter un script PHPBB3 à PUNBB

Message par Flaura le Dim 17 Aoû 2014 - 13:07

Ouh, pardon, en fait ça marchait le truc d'avant, c'est juste que j'avais fait forcer les templates par défaut >< Donc ça marche. Merci, et désolée ~

Flaura
****

Féminin
Messages : 346
Inscrit(e) le : 07/06/2014

http://pokemondm.pokemonrpg.org
Flaura 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