Problème d'onglets

[Bichou]

Bonjour à tous
Alors voilà, je viens vous demander votre aide pour un petit soucis ... J'ai eu la bêtise de vouloir modifier un truc dans mes onglets hier et maintenant ça bug. J'ai changé plusieurs codes et j'ai du oublier dans rechanger un, ce qui expliquerait le petit bug que je vais vous expliquer de ce pas. Alors en fait avant que je modifie mes onglets dans le template on passait d'un onglet à l'autre sans qu'il y ait de fondu. C'est ce que je voulais ! Or depuis que j'ai eu le malheur de modifier mon template lorsque on passe d'un onglet à l'autre ils s'affichent en fondu ... Je voudrai donc enlever cet effet.
Je veux bien vous passer l'adresse de mon fo' mais le soucis c'est que je n'ai pas validé le template, car je ne voulais pas prendre le risque que si jamais personne ne venait à résoudre mon problème je reste collée avec cet effet indésirable ... Néanmoins, je peux vous donner le code du template en question, la partie concernant les onglets, je n'ai touché à rien d'autre.

Code:

<!-- DEBUT MODIF ONGLETS -->

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

document.write('<div align="center">
<ul class="conteneur_onglets">

<li onMouseOver="change_cat(1)" class="onglet actif" id="onglet_1">administration</li>
<li onMouseOver="change_cat(2)" class="onglet " id="onglet_2">gestion des personnages</li>
<li onMouseOver="change_cat(3)" class="onglet " id="onglet_3">monde réel</li>
<li onMouseOver="change_cat(4)" class="onglet " id="onglet_4">monde alternatif</li>
<li onMouseOver="change_cat(5)" class="onglet " id="onglet_5">flood & cie</li>

</ul></div>');

var compteur_cat = 1;

function change_cat(numero)
{
  if(document.getElementById('categorie_'+numero))
  {
      /* affichage de la bonne categorie */
      $('table[id^=categorie_]').css('display','none');
  $('table[id=categorie_'+numero+']').fadeIn();
 
      /* affichage du bon onglet */
      $('.actif').removeClass("actif");
      $('.onglet[id=onglet_'+numero+']').addClass("actif");
  }
}

function capture_cat()
{
  if(compteur_cat == 1)
  {
      document.write('<table class="forumline" border="0" cellspacing="1" cellpadding="0" id="categorie_' + compteur_cat + '" ">');
  }
  else
  {
      document.write('</table><table class="forumline" border="0" cellspacing="1" cellpadding="0" id="categorie_' + compteur_cat + '" style="display:none;">');
  }
  compteur_cat++;
 
}
 
//-->
</script>

<!-- BEGIN catrow --><!-- BEGIN tablehead -->

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

<!-- FIN MODIF ONGLETS -->

Voilà, merci d'avance pour votre aide.

[Bichou]

Up !

[Threax]

Bonjour,

Vous ne précisez nulle part où s'affichent ces "onglets" et quel template vous avez modifié... ça risque d'être compliqué.

Et l'URL du forum faciliterait en effet la chose (peu importe que vous n'ayez pas validé le template )

[Bichou]

Bonsoir, en effet ... Je n'ai peut être pas été assez précise. En fait, j'ai modifié le template index_box, les onglets s'affichent donc sur la page d'accueil et contiennent les catégories de mon forum.
Voici donc le lien du forum en question : http://fringe-rpg.frbb.net
Voilà. Donc je reprécise le template n'est pas validé.

[Bichou]

Up !
J'ai finalement décidé de valider le template index_box pour que vous puissiez visualiser le problème plus facilement. J'espère que ça vous aidera.

[Threax]

Bonjour,

Quelles modifications avez vous effectuées lorsque ce fondu est apparu ?

[Bichou]

Justement, je ne sais pas ... Car en fait, le truc c'est que je voulais voir ce que ça donnait si je passais mes onglets à l'apparition au "click". J'ai pas aimé, alors je suis revenue à ce que j'avais avant. Mais quand je suis revenue justement il y avait ce fondu. Donc, je pense qu'il y a quelque chose que j'avais enlevé au départ, ou tout du moins modifié, que je n'ai pas pensé à refaire là et je n'arrive pas à voir ce que ça peut être.
Mais je suis sûre que c'est dans la partie que j'ai posté dans mon premier message car je n'ai touché à rien d'autre.

[Bichou]

Up !

[Bichou]

Up !

[Bichou]

Up !
S'il vous plaît

[Threax]

Bonjour,

Dans le code de votre premier message, remplacez la ligne 25 :

Code:

$('table[id=categorie_'+numero+']').fadeIn();

par :

Code:

$('table[id=categorie_'+numero+']').css('display','block');

[Bichou]

Oh c'est bien ça, merci beaucoup !!! Je vous aime, je vous vénère ! Enfin merci énormément.
J'en profite pour demander quelque chose, juste au cas où si un jour me prend l'envie de rechanger. Si je veux passer mes onglets "au click". Que devrais-je modifier ?

[Threax]

Il faudra remplacer tous les onMouseOver="change_cat(... dans votre code par des onClick="change_cat(...

[Bichou]

Entendu, merci bien
Vous m'avez réellement été d'une grande aide !
Le problème est désormais résolu grâce à vous.