Catégories en onglet

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

Résolu Catégories en onglet

Message par Leplaisantjack le 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

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é le 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.

Invité
Invité


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

Résolu Re: Catégories en onglet

Message par Leplaisantjack le 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.

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 le Mar 7 Juin 2011 - 14:47

Petit up !

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 le Jeu 9 Juin 2011 - 15:56

Petit up !

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 le Sam 11 Juin 2011 - 23:28

Petit up !

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 le Lun 13 Juin 2011 - 13:56

Petit up !

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 le Ven 17 Juin 2011 - 16:30

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

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 le Dim 19 Juin 2011 - 13:33

Up again !

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é le 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.

Invité
Invité


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

Résolu Re: Catégories en onglet

Message par Threax le 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
+ Hyperactif +

Masculin
Messages : 17277
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 le 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

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


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