Onglets qui ne fonctionnent plus

[softbreath]

Salut !

J'ai copié le codage que j'ai sur l'un de mes forums pour mon qeel. Le codage fonctionne très bien sur ce forum, mais lorsqu'est venu le temps de le faire fonctionner sur un autre forum, le code ne veut plus fonctionner du tout. Sans m'en apercevoir, j'ai dû modifié un truc qui ne fallait pas. L'ennui, c'est que je ne trouve pas du tout ce qui cloche ou ce qui manque.

Voici la partie concernée du CSS:

Code:

.mon_onglet{
  display: inline;
  padding: 2px;
  margin-right: 10px;
  text-align:center;
  font-family: 'Bad Script';
  font-size: 14px;
  text-shadow: 1px 1px 0px black;
}
 
.mon_onglet:hover{
  color: white;}
       
.mon_onglet_selected{
  display: inline;
  padding: 2px;
  margin: 2px;
  margin: -10px 5px -5px 5px;
  text-align: center;
  font-family: 'Bad Script';
  font-size: 20px;
  text-shadow: 1px 1px 0px black;
} 
       
.clear{
  clear: both;}
 
.mon_contenu {
  color: #91555d;
  margin-top: -80px;
  font-size: 11px;
  padding:10px;
  text-align: justify;
  height: 40px;
}

.enteteqeel {
  width: 744px;
  margin-bottom: -90px;
  height: 150px;
}

.contenutd {
  overflow:auto;
  border: 3px solid #611C25;
  padding: 5px;
  height: 50px;
}

.qeelh2 {
  font-family: 'Bad Script';
  font-size: 50px;

}

a.qeelh2 {color:darkred; margin-top: -60px;}


 
#mes_contenus {
  height: 60px;
  width:732px;
}

#mes_onglets {
  height: 100%;
  margin-right: -20px;
  margin-top: -40px;
  width:700px;
}

.connected .gensmall  {font-size:11px !important; color: #91555d; padding-top:-5px;}
.connected .row1 {
  text-align: justify;
  background:none;
}

.qeel {
  background-color: #170303;
  color: #91555d;
  width: 790px;
  height: 250px;
  margin-left:1px;
  font-size: 11px;
  padding-left: 15px;
}

.colonne {
  width: 22%;
  height: 200px;
  margin: 15px 2px 5px 2px;
  float:left;
  border: 1px dotted #171717;
  overflow: auto;
  text-align:justify;
  padding: 5px;
  background-image: url(http://img17.imageshack.us/img17/3872/vintagewallpaper4.png);
}

.top {font-size:10px;}

.secondarytitle h2{
  font-size:50px;
  color: #735656;
  width: 100%;
  font-family: 'Alex Brush';
  text-shadow: 0px 1px 5px black;
}

.secondarytitle {
  background-image: url(http://img51.imageshack.us/img51/3967/enttecatgorie.png);
  height: 132px;
  color: darkred;
  width: 100%;
  font-family: 'Bad Script';
}

ainsi que le morceau du template qui compose mon qeel :

Code:

<!-- BEGIN disable_viewonline -->
  <center><img src="http://img705.imageshack.us/img705/4928/topcat2bis.png" class="enteteqeel" style="margin-left:-10px;"><br /><a class="qeelh2" href="{U_VIEWONLINE}">Qui est en ligne ?</a></center>
 
  <table style="height: 100px; margin: auto; margin-left:19px; background-color: #170303;">
    <tr>
      <td style="padding-bottom: 4px;" align="center">
        <div id="mes_onglets">
    <span id="o_1" class="mon_onglet_selected" onclick="changeOnglet(this);"><font style="color:#BD5780;">Dirty Sexy Money</font></span>
    <span id="o_2" class="mon_onglet" onclick="changeOnglet(this);"><font style="color:#29703C;">I need a dollar</font></span>
    <span id="o_3" class="mon_onglet" onclick="changeOnglet(this);"><font style="color:#8B9E34;">Little Sherlock</font></span>
    <span id="o_4" class="mon_onglet" onclick="changeOnglet(this);"><font style="color:#638296;">Loser like me</font></span>
    <span id="o_5" class="mon_onglet" onclick="changeOnglet(this);"><font style="color:#B58A7B;">My little poney</font></span>
    <span id="o_6" class="mon_onglet" onclick="changeOnglet(this);"><font style="color:#805B7A;">On the road</font></span>
    <span id="o_7" class="mon_onglet" onclick="changeOnglet(this);"><font style="color:#4D857A;">The Inbetweeners</font></span>
        </div><br />
      </td>
    </tr>
    <tr>
      <td>
        <center>
          <div class="clear">
            <div id="mes_contenus">
        <div id="co_1" class="mon_contenu"><div class="contenutd">Gosses de riche, filles à papa... Ils ont tout pour plaire. Ils résident en général dans les suites du troisième étage, sauf cas à part. Il n'est pas rare que la raison de leur venue à l'hôtel soit à des fins sexuelles, ou bien pour faire la fête. Pas toujours très agréables, on les reconnait surtout à leurs airs supérieurs. On aimerait leur ressembler, mais ce qu'on imagine c'est combien ils sont malheureux dans cet hôtel, loin de leurs cartes bancaires et de leurs magasins chics. Ils savent que derrière ces portes, leurs parents remuent terre et ciel pour les retrouver... Ils auraient trop peur que leurs gosses se fasse voler la toute nouvelle voiture qu'ils venaient de leur offrir. </div></div>
        <div id="co_2" class="mon_contenu" style="display: none;"><div class="contenutd">Alors qu'ils étaient à la recherche d'un emploi, ces malheureux ont eu la bêtise de venir frapper aux portes du Crescent Hotel. Maintenant qu'ils ont enfin un job, et pour l'éternité, l'argent qu'ils y gagnent ne leur est plus d'aucune utilité ! </div></div>
        <div id="co_3" class="mon_contenu" style="display: none;"><div class="contenutd">Ils ont débarqué au Crescent Hotel parce qu'ils étaient à la recherche de quelqu'un ou de quelque chose... Ils ne comprirent qu'après coup, qu'ils auraient du garder leur curiosité pour eux et ne jamais partir à cette recherche. Les voilà bloqués, et la seule satisfaction à avoir, c'est qu'ils ont, pour la plupart, réussi à mettre la main sur leurs proies. Résidant le plus souvent au première étage, puisqu'ils ne pensaient pas rester, ils arrivent néanmoins qu'on en rencontre dans les autres étages de l'hôtel.</div></div>
        <div id="co_4" class="mon_contenu" style="display: none;"><div class="contenutd">C'est par un malheureux hasard que ceux-là se sont retrouver au Crescent Hotel, alors qu'ils passaient par là. Ils n'ont jamais eu de chances dans la vie, et les voilà bloquer dans un hôtel. Le pire dans tout cela, c'est que pour la plupart, ils se retrouvent dans les chambres du première étage qui ne sont certainement pas les plus confortables... Ils cherchent eux aussi par tous les moyens de sortir de cette endroit, et ils sont certainement ceux qui perdent le plus la tête d'entre tous</div></div>
        <div id="co_5" class="mon_contenu" style="display: none;"><div class="contenutd">Contrairement à la plupart des clients du Crescent Hotel, ils ne semblent pas aussi catastrophés face à leur nouvelle prison. Ils respirent la joie de vivre et apporte un peu de gaité dans cet hôtel qui en a bien besoin ! Bavards et enfantins, on a tendance à les trouver lourds mais dans le fond, ils sont des rares à ne pas perdre complètement la tête... Première ou troisième étage, on se demande parfois s'ils ne commencent pas à développer un syndrome de Stockholm entre les murs de l'hôtel. </div></div>
        <div id="co_6" class="mon_contenu" style="display: none;"><div class="contenutd">Ils étaient de voyages lorsqu'ils ont débarqué au Crescent Hotel, s'arrêtant pour une nuit ou pour plusieurs jours afin de se reposer, ils sont sûrement les plus révoltés face à leur enfermement. Fuyant parfois un passé sombre, ils traversaient le pays pour oublier leurs malheurs du passé. Mais les voilà maintenant bloquer ici, à devoir affronter ce qu'ils voulaient tant oublier. Ils résident pour la plupart dans les premier et deuxième étages, même quelques plus chanceux n'étant pas fauchés, on eu le luxe de se payer une suite du troisième. Néanmoins, pour quelques-uns, les cachots sont sûrement le lieu qu'ils fréquentent le plus souvent...</div></div>
        <div id="co_7" class="mon_contenu" style="display: none;"><div class="contenutd">Les inclassables, leurs caractères trop extravagants ne leur permet pas de rentrer dans le moule. On en trouve à tous les étages de l'hôtel, leurs arrivés dans les lieux n'aient jamais la même et chacun réagit à sa façon face à cet enfermement... Bref, ils n'y a pas grand chose à dire sur eux, à part qu'ils ne sont décidément pas des clients comme les autres ! </div></div>
            </div>
          </div>
        </center>
      </td>
    </tr>
    </table>
 
  <center>
  <table class="qeel">
    <tr>
      <td class="colonne"><span id="phrase">Le printemps s’installe à Eureka Spring. Le temps s’adouci et le paysage s’embellit. {TOTAL_USERS} {TOTAL_POSTS} {NEWEST_USER}. Avec son sourire sinistre, l'hôte lui souhaite la bienvenue. </span></td>
      <td class="colonne"><span id="totuson">{TOTAL_USERS_ONLINE}<br />{LOGGED_IN_USER_LIST}</span></td>
      <td class="colonne"><span id="phrase"><table class="connected" style="margin-top:-5px;"><tr>{L_CONNECTED_MEMBERS}</tr></table></span></td>
      <td class="colonne" style="text-align:center;">
        ♞ <a href="{U_TODAY_ACTIVE}" class="top">{L_TODAY_ACTIVE}</a> ♞
   <a href="{U_TODAY_POSTERS}" class="top">{L_TODAY_POSTERS}</a> ♞
   <a href="{U_OVERALL_POSTERS}" class="top">{L_OVERALL_POSTERS}</a> ♞
        <a href="{U_MARK_READ}" class="top">{L_MARK_FORUMS_READ}</a> ♞
        <a class="top" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a> ♞
        <a class="top" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a> ♞
        <a class="top" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a>
    </td>
    </tr>
    <tr>
      <td>
      <center><br /><div style="font-size: 12px;">© Huis Clos, tous droits réservés.</div></center>
      </td>
    </tr> 
  </table><img style="width:750px;" src="http://img12.imageshack.us/img12/9297/bottomcat2bis.png">
  </center>
   
           
   
   
   
   
                <span id="phrase"><script type="text/javascript">document.getElementById('phrase').innerHTML=document.getElementById('phrase').innerHTML.replace(/Nous avons/,"Mais ");</script></span>
                <span id="phrase"><script type="text/javascript">document.getElementById('phrase').innerHTML=document.getElementById('phrase').innerHTML.replace(/membres enregistrés/,"personnes ne verront pas la saison, tous ayant été fait prisonniers du Crescent Hotel. ");</script></span>
                <span id="phrase"><script type="text/javascript">document.getElementById('phrase').innerHTML=document.getElementById('phrase').innerHTML.replace(/Nos membres ont posté un total de/,"Malgré leur total de ");</script></span>
                <span id="phrase"><script type="text/javascript">document.getElementById('phrase').innerHTML=document.getElementById('phrase').innerHTML.replace(/messages/,"appels au secours, aucune aide ne leur est fournie, car ceux qui entendent l’appel se font également prendre au jeu.");</script></span>
                <span id="phrase"><script type="text/javascript">document.getElementById('phrase').innerHTML=document.getElementById('phrase').innerHTML.replace(/L'utilisateur enregistré le plus récent est /,"La dernière personne a avoir été enfermée entre nos murs est ");</script></span>
                <span id="phrase"><script type="text/javascript">document.getElementById('totuson').innerHTML=document.getElementById('totuson').innerHTML.replace(/Il y a en tout/,"Clé en main, vous quittez l'hôtelier et affrontez les couloirs sinistres et mal éclairés de l'hôtel. Une soudaine crainte possède votre coeur alors que vous arrivez dans un autre couloir. En vous rendant à votre chambre, vous rencontrez");</script></span>
                <span id="phrase"><script type="text/javascript">document.getElementById('totuson').innerHTML=document.getElementById('totuson').innerHTML.replace(/utilisateur en ligne ::/,"personne dans les couloirs :");</script></span>
                <span id="phrase"><script type="text/javascript">document.getElementById('totuson').innerHTML=document.getElementById('totuson').innerHTML.replace(/utilisateurs en ligne ::/,"personnes dans les couloirs :");</script></span>                         
                <span id="phrase"><script type="text/javascript">document.getElementById('totuson').innerHTML=document.getElementById('totuson').innerHTML.replace(/Enregistré/,"prisonnier");</script></span>                         
                <span id="phrase"><script type="text/javascript">document.getElementById('totuson').innerHTML=document.getElementById('totuson').innerHTML.replace(/Enregistrés/,"prisonniers");</script></span>
                <span id="phrase"><script type="text/javascript">document.getElementById('totuson').innerHTML=document.getElementById('totuson').innerHTML.replace(/Invité/,"futur prisonnier");</script></span>
                <span id="phrase"><script type="text/javascript">document.getElementById('totuson').innerHTML=document.getElementById('totuson').innerHTML.replace(/Invités/,"futurs prisonniers");</script></span>
                <span id="phrase"><script type="text/javascript">document.getElementById('totuson').innerHTML=document.getElementById('totuson').innerHTML.replace(/Invisible/,"fantôme");</script></span>
                <span id="phrase"><script type="text/javascript">document.getElementById('totuson').innerHTML=document.getElementById('totuson').innerHTML.replace(/Invisibles/,"fantômes");</script></span>
                <span id="phrase"><script type="text/javascript">document.getElementById('totuson').innerHTML=document.getElementById('totuson').innerHTML.replace(/Utilisateurs enregistrés/,"Ces personnes sont surveillées par le Faucheur:");</script></span>
                <span id="phrase"><script type="text/javascript">document.getElementById('totuson').innerHTML=document.getElementById('totuson').innerHTML.replace(/Utilisateur enregistré/,"Cette personne est surveillée par le Faucheur:");</script></span>
    <script type="text/javascript">jQuery('#phrase span.gensmall').html(jQuery('#phrase span.gensmall').html().replace('Membres connectés au cours des 24 dernières heures : ','Pour son prochain article qui sera déposé à la porte de votre chambre, Le Faucheur a surveillé toutes ces personnes au cours des dernières 24 heures: <br />'));</script>

<!-- END disable_viewonline -->

À première vu, tout semble bien. Mais si on essaie de cliquer sur les onglets, ils ne fonctionnent pas.

Merci d'avance à celui ou celle qui voudra bien trouver ce qui cloche !

Cordialement.

[Invité]

Bonjour,

Normalement tu dois avoir un code javascript en plus a mettre dans "gestion des scripts", l'as tu mis ???

Code:

function changeOnglet(_this){
    var getOnglets    = document.getElementById('my_onglets').getElementsByTagName('span');
    for(var i = 0; i < getOnglets.length; i++){
        if(getOnglets[i].id){
            if(getOnglets[i].id == _this.id){
                getOnglets[i].className = 'my_onglet_selected';
                document.getElementById('c' + _this.id).style.display            = 'block';
            }
            else{
                getOnglets[i].className = 'my_onglet';
                document.getElementById('c' + getOnglets[i].id).style.display    = 'none';
            }
        }
    }   
}

[softbreath]

Bonsoir !

Je viens tout juste de retrouver le tutoriel que j'avais utilisé. Ainsi, j'ai pu trouver mon erreur qui se trouvait dans mon template overall_header.

Merci beaucoup d'avoir répondu !
Cordialement.