Script de catégories en onglets
2 participants
Page 1 sur 1 • Partagez
Script de catégories en onglets
Détails techniques
Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox, Google Chrome, Internet Explorer
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://monster-hunter.forumactif.com/
Description du problème
Coucou !Alors alors, j'ai installé un système d'onglets sur mon forum en construction et il y a un petit truc qui me dérange beaucoup, c'est que quand je clique pour changer de catégorie, ça ramène directement en haut de la page(il faut évidemment avoir «scrolldown» pour s'en apercevoir..) et bah j'aimerais que la page ne bouge pas, que les catégories changent avec fluidité, voilà. C'est probablement juste un truc dans mon script, mais je connais nada en js... =/
edit : je viens de remarquer un autre truc, le titre de la catégorie serait supposé apparaître avant le nom des forums, mais ils n'apparaissent pas '-'
- le js:
- Code:
$('document').ready(function()
{
if($('.categorievo').size() > 1)
{
$('#conteneur_ongletsvo').css( 'display' , 'block' );
$('#conteneur_ongletsvo .ongletvo').click(function()
{
change_categorie( $('.ongletvo', '#conteneur_ongletsvo').index( this ) )
});
$('.ongletvo:eq(0)').click();
}
});
function change_categorie( index )
{
if( $('.categorievo:eq(' + index + ')').size() != 0 )
{
$('.categorievo').css( 'display' , 'none' );
$('.categorievo:eq(' + index + ')').fadeIn( 600 );
$('.ongletvo.actif').removeClass('actif');
$('.ongletvo:eq('+ index +')').addClass('actif');
}
else alert('Vous ne pouvez pas accéder à cette catégorie');
}
- le template:
- Code:
<div id="conteneur_ongletsvo">
<table><tr>
<td class="ongletvo"><div>Nom onglet 1</div></td>
<td class="ongletvo"><div>Nom onglet 2</div></td>
<td class="ongletvo"><div>Nom onglet 3</div></td>
<td class="ongletvo"><div>Nom onglet 4</div></td>
<td class="ongletvo"><div>Nom onglet 5</div></td>
</tr></table>
</div>
<div id="conteneur_categoriesvo">
<!-- BEGIN catrow -->
<!-- BEGIN tablehead --><div class="categorievo">
<!-- END tablehead -->
<!-- BEGIN cathead -->
<h1 class="titre_cat">{catrow.cathead.CAT_TITLE}</h1>
<!-- END cathead -->
<!-- BEGIN forumrow -->
<table style="margin:auto" cellspacing="10px">
<tbody>
<tr>
<td>
<img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" class="folder_img"/>
</td>
<td>
<h2 class="titre_forum"><a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></h2>
<div class="sous_forums">
<div class="retvirg">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>
<script type="text/javascript">$('.retvirg').each(function(){$(this).html($(this).html().replace(/>, /g,"><br /> "));});</script>
</div>
<div class="description_forum">{catrow.forumrow.FORUM_DESC}</div>
<div style="clear:both;margin-bottom:10px"></div>
</td>
<td><div class="blocimg_descri">image</div><div class="stats_forum">
<span class="gensmall"><div id="last_post">{catrow.forumrow.LAST_POST}</div></span>
<span class="gensmall"><div id="post_topics">{catrow.forumrow.POSTS} messages ▲ {catrow.forumrow.TOPICS} sujets</div></span>
</div>
</td>
</tr>
</tbody>
</table>
<!-- END forumrow -->
<!-- BEGIN catfoot -->
<!-- END catfoot -->
<!-- BEGIN tablefoot -->
</div><!-- END tablefoot -->
<!-- END catrow --></div>
- la partie css:
- Code:
/*Conteneur qui contient toutes les catégories */
#conteneur_categoriesvo {
}
/* Conteneur de chaque catégorie */
.categorievo {
}
/* Conteneur de tous les onglets */
#conteneur_ongletsvo {
display: none;
}
/* Un onglet */
.ongletvo{
cursor: pointer;
}
/* Onglet actif */
.actif{
color: darkred;
}
Merci d'avance !
Dernière édition par MlleSnake le Jeu 12 Mai 2016 - 21:45, édité 1 fois
Re: Script de catégories en onglets
un petit up
Re: Script de catégories en onglets
Hello, serait-il possible d'avoir un screen par rapport avec votre deuxième problème ?
Cordialement.
Cordialement.
Re: Script de catégories en onglets
Je sais pas si il est bien clair, mais le voilà :
![- Script de catégories en onglets Sans-t10](https://i.servimg.com/u/f86/11/02/72/39/sans-t10.png)
![- Script de catégories en onglets Sans-t10](https://i.servimg.com/u/f86/11/02/72/39/sans-t10.png)
Re: Script de catégories en onglets
up =)
EDIT : J'ai réussi à trouver le problème pour ma première question. Par contre, je me demande encore pourquoi le nom des catégories ne s'affiche pas, ce serait plus simple pour que les gens comprennent où ils sont..
EDIT : J'ai réussi à trouver le problème pour ma première question. Par contre, je me demande encore pourquoi le nom des catégories ne s'affiche pas, ce serait plus simple pour que les gens comprennent où ils sont..
Re: Script de catégories en onglets
Je laisse tomber ma question, je crois que ça va aller comme ça.
Merci quand même!
Merci quand même!
![-](https://2img.net/i/empty.gif)
» Code/script onglets catégories
» Script de catégories en onglets et forums invisibles
» catégories en onglets + onglets sur la droite
» (Categories par onglet) .. Placement des onglets de catégories.
» (Catégories par onglets) Titres de catégories en image.
» Script de catégories en onglets et forums invisibles
» catégories en onglets + onglets sur la droite
» (Categories par onglet) .. Placement des onglets de catégories.
» (Catégories par onglets) Titres de catégories en image.
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum