Catégories en onglet

2 participants

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

Résolu Catégories en onglet

Message par Leplaisantjack Sam 4 Juin 2011 - 18:07

Bonjour à tous, et voici mes soucis:

J'ai un forum présentant les catégories en onglet, mais j'ai présentement deux problèmes dont je n'arrive pas à trouver l'origine.

- Le premier est que je peux passer d'un onglet à un autre par survol de la souris, et que j'aimerais faire en sorte que ce passage se fasse en cliquant plutôt qu'au survol. Je crois savoir qu'il existe un code pour ça mais je n'arrive pas à mettre la main sur un soupçon d'indice le concernant. J'aimerai donc pouvoir passer d'un onglet à un autre en cliquant plutôt qu'en le survolant avec la souris.

- Le second problème, c'est que lorsqu'on rafraîchit la page toutes les catégories du premier onglet disparaisse sauf une, la première. Il faut alors passer la souris sur l'onglet pour que toutes les autres catégories réapparaissent. J'aimerai donc savoir si il n'y a pas moyen de fixer ce bug.

Pour voir ces soucis, voici le forum incriminé: http://rpg-bleach.forumgratuit.org/

Par avance merci de votre temps. Very Happy
avatar

Leplaisantjack
Nouveau membre

Messages : 15
Inscrit(e) le : 08/04/2011

Leplaisantjack a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Catégories en onglet

Message par Invité Dim 5 Juin 2011 - 8:42

Bonjour,

Sans le code vous permettant de faire ces onglets, il n'est pas évident de vous aider.
Pour votre première question, vous devriez avoir quelque part dans votre code le mot "onmouseover". Remplacez le par "onclick", et vos onglets changeront au clic et non au survol.

Pour la seconde question, essayez de revoir votre template. Il doit contenir une erreur. En effet je vois en bas de votre forum ceci: -->, qui se retrouve en haut de votre dernière catégorie, ça ne me semble pas normal.
Spoiler:

Cordialement.
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Catégories en onglet

Message par Leplaisantjack Dim 5 Juin 2011 - 16:14

Oups, je suis désolé d'avoir oublié de mettre le code, pourtant je le sais ça qu'il le faut pour vous aider à comprendre d'où peut venir le problème.^^

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>

<!-- DEBUT MODIF ONGLETS -->

<div align="center"><ul class="onglet"><li onclick="change_cat('0-1-2-3-4');" class="onglet_actif" id="cat_0-1-2-3-4"><div id="http://s2.noelshack.com/uploads/images/11919344716323_accueil.png"><br/>Accueil</div></li><li onclick="change_cat('5-6-7-8-9');" class="onglet_nactif" id="cat_5-6-7-8-9"><br/>Karakura</li><li onclick="change_cat('10-11-12-13-14');" class="onglet_nactif" id="cat_10-11-12-13-14"><br/>Soul Society</li><li onclick="change_cat('15-16-17-18-19');" class="onglet_nactif" id="cat_15-16-17-18-19"><br/>Hueco Mundo</li><li onclick="change_cat('20-21-22-23');" class="onglet_nactif" id="cat_20-21-22-23"><br/>Zone HRP</li><li onclick="change_cat(24);" class="onglet_nactif" id="cat_24"><br/>Projet Z</li></ul></div>

<script type="text/javascript">
<!--

var i = 0;

var compteur_cat = 0;

var anc_cat = 0;

var nom_cat = new Array('c0','c1','c2','c3','c4','c5','c6','c7','c8','c9','c10','c11','c12','c13','c14','c15','c16','c17','c18','c19','c20','c21','c22','c23','c24');

 
function change_cat(num)
{
  var nums= (num+'').split('-');
  $('.cat_forum').hide();
  $('ul.onglet li').removeClass('onglet_actif').addClass('onglet_nactif');
  $('ul.onglet li#cat_'+num).removeClass('onglet_nactif').addClass('onglet_actif');
  for(i=0; i<nums.length; i++) $('#'+nom_cat[nums[i]]).show();
}

function capture_cat()
{
if(nom_cat[compteur_cat] == nom_cat[0])
{document.write('<table class="cat_forum" id="' + nom_cat[compteur_cat] + '" >');
}
else{
 document.write('<table class="cat_forum" id="' + nom_cat[compteur_cat] + '" style="display:none;">');
}
compteur_cat++;
}

//-->
</script>
<!-- BEGIN catrow --><!-- BEGIN tablehead -->

<script type="text/javascript">
<!--
capture_cat();
//-->
</script>   

<!-- FIN MODIF ONGLETS -->

<tr>
<th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>
<th nowrap="nowrap" width="50">{L_TOPICS}</th>
<th nowrap="nowrap" width="50">{L_POSTS}</th>
<th nowrap="nowrap" width="150"><div style="width:150px;">{L_LASTPOST}</div></th>
</tr>
<!-- 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><br />
</span>
</h{catrow.forumrow.LEVEL}>
<span class="genmed">{catrow.forumrow.FORUM_DESC}</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 -->
{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
</span>
</td>
<!-- BEGIN forum_link_no -->
<td class="row3" align="center" valign="middle" height="50">
<span class="gensmall">{catrow.forumrow.TOPICS}</span>
</td>
<td class="row2" align="center" valign="middle" height="50">
<span class="gensmall">{catrow.forumrow.POSTS}</span>
</td>
<td class="row3 over" align="center" valign="middle" height="50">
<span class="gensmall">{catrow.forumrow.LAST_POST}</span>
</td>
<!-- END forum_link_no -->
<!-- BEGIN forum_link -->
<td class="row3" colspan="3" align="center" valign="middle" height="50"><span class="gensmall">{catrow.forumrow.forum_link.HIT_COUNT}</span></td>
<!-- END forum_link -->
</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 -->
<img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->

Donc, grâce à vos conseils je suis parvenu à faire en sorte de changer d'onglet en cliquant. C'était pas bien difficile et plutôt logique en fait, et je vous remercie de m'avoir donné la solution.

Pour le second soucis, je vous donne le code. J'ai enlevé le --> de la fin pour la forme, mais le problème demeure.

Cordialement, et vous remerciant de votre aide.
avatar

Leplaisantjack
Nouveau membre

Messages : 15
Inscrit(e) le : 08/04/2011

Leplaisantjack a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Catégories en onglet

Message par Leplaisantjack Mar 7 Juin 2011 - 14:47

Petit up !
avatar

Leplaisantjack
Nouveau membre

Messages : 15
Inscrit(e) le : 08/04/2011

Leplaisantjack a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Catégories en onglet

Message par Leplaisantjack Jeu 9 Juin 2011 - 15:56

Petit up !
avatar

Leplaisantjack
Nouveau membre

Messages : 15
Inscrit(e) le : 08/04/2011

Leplaisantjack a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Catégories en onglet

Message par Leplaisantjack Sam 11 Juin 2011 - 23:28

Petit up !
avatar

Leplaisantjack
Nouveau membre

Messages : 15
Inscrit(e) le : 08/04/2011

Leplaisantjack a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Catégories en onglet

Message par Leplaisantjack Lun 13 Juin 2011 - 13:56

Petit up !
avatar

Leplaisantjack
Nouveau membre

Messages : 15
Inscrit(e) le : 08/04/2011

Leplaisantjack a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Catégories en onglet

Message par Leplaisantjack Ven 17 Juin 2011 - 16:30

Encore un up, personne ne peut m'aider ou ne comprends les mots qui sortent de ma bouche ?^^
avatar

Leplaisantjack
Nouveau membre

Messages : 15
Inscrit(e) le : 08/04/2011

Leplaisantjack a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Catégories en onglet

Message par Leplaisantjack Dim 19 Juin 2011 - 13:33

Up again !
avatar

Leplaisantjack
Nouveau membre

Messages : 15
Inscrit(e) le : 08/04/2011

Leplaisantjack a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Catégories en onglet

Message par Invité Dim 19 Juin 2011 - 13:36

Bonjour,

Je suis vraiment désolée, mais je ne trouve pas d'où vient le problème d'affichage du premier onglet. Je suppose que le soucis se situe dans le script, mais je n'ai pas réussi à mettre le doigt dessus.
J'espère qu'un membre plus aguerri pourra vous aider.

Cordialement.
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Catégories en onglet

Message par Threax Dim 19 Juin 2011 - 13:43

Bonjour,

Je viens de tester votre template, et il semblerait que votre problème ait pour origine cette partie :
Code:
<script type="text/javascript">
<!--
capture_cat();
//-->
</script> 
J'ai retiré les // et ça a l'air de résoudre vos deux problèmes. Wink
Threax

Threax
Membre actif

Masculin
Messages : 17276
Inscrit(e) le : 27/08/2005

http://lesforumsde.forumactif.com
Threax a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Catégories en onglet

Message par Leplaisantjack Lun 20 Juin 2011 - 18:48

Non cela ne résout pas le problème ça ne fait qu'annuler le code de mise en page des catégories par onglet, ce que je ne souhaite pas.

Bon et bien je pense que le tour de la question a été fait, personne ne sait d'où cela peut venir mais je vous remercie tout de même du temps que vous m'avez accordé. Confused
avatar

Leplaisantjack
Nouveau membre

Messages : 15
Inscrit(e) le : 08/04/2011

Leplaisantjack a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum