Code marchant sur un forum mais pas sur un autre

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

Résolu Code marchant sur un forum mais pas sur un autre

Message par Lucky Yui le Dim 20 Oct 2013 - 18:28

Bonsoir,

J'ai copié/collé un tableau à onglets de mon forum test à mon forum (qui est actuellement en maintenance, vous ne pouvez donc pas y accéder), ainsi que tous les codes qui y correspondent. Je ne pense pas qu'il s'agisse d'un problème de code. En effet, le code fonctionne sur le premier forum mais il ne fonctionne malheureusement pas sur le forum test : le deuxième onglet ne semble pas actif, quand on passe la souris ou même quand on clique dessus, rien ne se passe.
J'ai bien activé la gestion des code javacript (j'ai vérifié plusieurs fois !) et les deux forums ont bien la même version (phpBB2).
J'ai cherché pendant plus de deux heures, j'ai manipulé tous les code mais je n'arrive vraiment pas à trouver l'origine du problème...

Voici tout de même les codes que j'ai copié/collé de l'un à l'autre:
Code html entête:
<table><tr><td><div class="ongglets" style="border-bottom : 2px solid #bbbdc9;">
        <center>   <span class="ongglet_1 ongglet" id="ongglet_accueil" onmouseover="change_ongglet('accueil');">Accueil</span>
           <span class="ongglet_0 ongglet" id="ongglet_infos" onmouseover="change_ongglet('infos');" >Etcetera</span></center>
       </div><div class="contenu_ongglets">
   
    <div class="contenu_ongglet_1" id="contenu_ongglet_accueil" style="align:center">

<table><tr>

   <td align="center" style="padding:1px; width:225px; padding-right:20px">

<span class="titre_entete">Navigation</span><br>
 <div style="width:180px;"><span style="font-size:14px; line-height:20px">
<a href="http://happy-end.forums-actifs.com/t824-la-synopsis" class="postlink" target="_blank"><strong>S</strong>ynopsis</a><br>
<a href="http://happy-end.forums-actifs.com/f6-x-reglement" class="postlink" target="_blank"><strong>R</strong>èglement</a><br>
<a href="http://happy-end.forums-actifs.com/t823-informations" class="postlink" target="_blank"><strong>C</strong>ontexte</a><br>
<a href="http://happy-end.forums-actifs.com/t302-l-intrigue" class="postlink" target="_blank"><strong>I</strong>ntrigue</a><br>
<a href="http://happy-end.forums-actifs.com/t822-informations-complementaires" class="postlink" target="_blank"><strong>I</strong>nformations</a><br>
<a href="http://happy-end.forums-actifs.com/f4-x-personnages-predefinis-contes-libres" class="postlink" target="_blank"><strong>P</strong>rédéfinis</a><br>
<a href="http://happy-end.forums-actifs.com/news-annonces-f50/recensement-des-avatars-t429.htm#10928" class="postlink" target="_blank"><strong>R</strong>ecensement vavas</a><br>
<a href="http://happy-end.forums-actifs.com/t1366-fairy-news-n4-septembre-13"><strong>F</strong>airy <strong>N</strong>ews <strong>N°4</strong></a></span></div>

<br/><br><br/>

<span class="titre_entete">Top-Sites</span><br>
 <a href="http://www.root-top.com/topsite/gilgamesh/in.php?ID=4023" class="postlink" target="_blank"><img src="http://img4.hostingpics.net/pics/709549iconpastrybyshadowmewchand2y1qnv3.png"></a>    <a href="http://www.root-top.com/topsite/blackycalimera/in.php?ID=2468" class="postlink" target="_blank"><img src="http://img4.hostingpics.net/pics/885911iconpastrybyshadowmewchand2y1qnv2.png"></a>    <a href="http://en.root-top.com/toplist/horsevalleys/in.php?ID=1494" class="postlink" target="_blank"><img src="http://img4.hostingpics.net/pics/390274iconpastrybyshadowmewchand2y1qnv4.png"></a>

</td>

    <td style="width:450px; margin:5px"><div class="fondu">
<img id="fondu1" src="http://img15.hostingpics.net/pics/772837contexte.png" />
<span class="fondu2" style="background-image: url(http://img15.hostingpics.net/pics/801152contexte3.png)"><table align="center" style="border:1px solid #ffffff" width="450px" height="400px"><tr><td style="font-size:17px; letter-spacing : 1px; padding:12px; "><center><i>Je connais bien des endroits charmants pour oublier son quotidien: Des îles, une contrée lointaine ou la campagne, que sais-je encore? Mais te voilà ici, à Queer Tales. Oh, tu ne seras pas en mal de sensations, ne t’inquiètes pas! Laisse-moi te dire que tu vas a-do-rer ton passage dans notre étrange pays, où l’office du tourisme et ses employés te guideront vers le repos éternel avec un charmant sourire commercial. As-tu bien révisé tes contes, de Lewis aux frères Grimm? Tu vas voir, ce sera un rêve très prenant.<br><br>J’espère juste que tu te réveilleras.</i></center></td></tr></table>
</span></div>

</td> <td style="align:center; width:225px; padding-left:20px"><center>
<span class="titre_entete">Rpgiste du mois</span>
<br><img src="http://puu.sh/4Uey4.png">
<br><font color="#DC7F2C"><b>Lunari</b></font>
<br><br><br/>

<span class="titre_entete">En Attente</span><br><span style="font-size:14px">
 <b>Rps libres : </b><br>
[Aucun pour le moment]</a></br><br>

<b>Demandes libres : </b><br>
{<a href="http://happy-end.forums-actifs.com/t1256-rpgiste-rapide-cherche-rpgiste-tortue-pour-remanier-la-fable#29168?tid=44857fea15aca96462340ab4a4ea0c11" class="postlink"><font color="#351D3D">Comte de Monte Cristo</font></a>}</br>
{<a href="http://happy-end.forums-actifs.com/t348p30-demande-de-rp-charles#29164?tid=44857fea15aca96462340ab4a4ea0c11" class="postlink"><font color="#D86D7F">Sacha Mirror</font></a>}</br></span>

</center></td></tr>
</table>
</div><div class="contenu_ongglet_0" id="contenu_ongglet_infos" style="align:center">
<table>
<tr>    <td style="align:center; padding:5px; width:370px;padding-left:15px">

<center>
<table align="center"><tr><td><span class="titre_entete" style="padding-right:10px">Staff</span></td> <td><span class="ongletts"><span class="onglett_1 onglett" id="onglett_hansel" onmouseover="change_onglett('hansel');"><img src="http://img15.hostingpics.net/pics/113896lighterbyarttinv3.png"></span>
           <span class="onglett_0 onglett" id="onglett_gretel" onmouseover="change_onglett('gretel');"><img src="http://img4.hostingpics.net/pics/409996FREEchocolatecookieavatarbycremecakev3.png"></span>
            <span class="onglett_0 onglett" id="onglett_hans" onmouseover="change_onglett('hans');"><img src="http://img4.hostingpics.net/pics/788044freetoblueberrypieiconbyspiritlessfoxv3.png"></span>
            <span class="onglett_0 onglett" id="onglett_charles" onmouseover="change_onglett('charles');"><img src="http://img4.hostingpics.net/pics/732666freeiconcatbyperirowinquev4.png"></span>
</span></td></tr></table>

           <div class="contenu_onglett_1" id="contenu_onglett_hansel"><table><tr><td><img src="http://img15.hostingpics.net/pics/753104vide.png"></td><td>
<img src="http://img4.hostingpics.net/pics/454654Hansel.png"></td><td> <a href="http://happy-end.forums-actifs.com/u2" class="postlink" target="_blank"><img src="http://img4.hostingpics.net/pics/528045Profil.png"></a><br/><br/><a href="http://happy-end.forums-actifs.com/privmsg?mode=post&u=2" class="postlink" target="_blank"><img src="http://img4.hostingpics.net/pics/89377287mp.png"></a></td></tr></table>
Autorité fatale
<br><font color="#351D3D"><b>Hansel Friedrich</b></font></div><div class="contenu_onglett_0" id="contenu_onglett_gretel"><table><tr><td><img src="http://img15.hostingpics.net/pics/753104vide.png"></td><td>
<img src="http://img4.hostingpics.net/pics/524364Gretel.png"></td><td> <a href="http://happy-end.forums-actifs.com/profile.forum?mode=viewprofile&amp;u=1" class="postlink" target="_blank"><img src="http://img4.hostingpics.net/pics/528045Profil.png"></a><br/><br/><a href="http://happy-end.forums-actifs.com/privmsg?mode=post&amp;u=1" class="postlink" target="_blank"><img src="http://img4.hostingpics.net/pics/89377287mp.png"></a></td></tr></table>
Douceur perfide
<br><font color="#B81226"><b>Gretel Friedrich</b></font></div>
             <div class="contenu_onglett_0" id="contenu_onglett_hans"><table><tr><td><img src="http://img15.hostingpics.net/pics/753104vide.png"></td><td>
<img src="http://img4.hostingpics.net/pics/726748Hans.png"></td><td> <a href="http://happy-end.forums-actifs.com/profile.forum?mode=viewprofile&amp;u=5" class="postlink" target="_blank"><img src="http://img4.hostingpics.net/pics/528045Profil.png"></a><br/><br/><a href="http://happy-end.forums-actifs.com/privmsg?mode=post&amp;u=5" class="postlink" target="_blank"><img src="http://img4.hostingpics.net/pics/89377287mp.png"></a></td></tr></table>
Lutin malicieux<br><font color="#B81226"><b>Hans Grisélidis</b></font></div>
           <div class="contenu_onglett_0" id="contenu_onglett_charles"><table><tr><td><img src="http://img15.hostingpics.net/pics/753104vide.png"></td><td>
<img src="http://img4.hostingpics.net/pics/455168Charles.png"></td><td> <a href="http://happy-end.forums-actifs.com/profile.forum?mode=viewprofile&amp;u=7" class="postlink" target="_blank"><img src="http://img4.hostingpics.net/pics/528045Profil.png"></a><br/><br/><a href="http://happy-end.forums-actifs.com/privmsg?mode=post&amp;u=7" class="postlink" target="_blank"><img src="http://img4.hostingpics.net/pics/89377287mp.png"></a></td></tr></table>
Jouvenceau machiavélique
<br><font color="#6D7290"><b>Charles Lester</b></font></div></div>

<br><div style="align:center;border: 1px solid #d1d1d1;  padding-bottom:10px;padding-left:10px;padding-right:10px;padding-top:0px; border-radius: 0px 0px 0px 20px;"><span class="titre_entete">News</span><br>Happy End revêt son vêtement d'hiver !<br> Venez découvrir les autres nouveautés accompagnant ce thème... <a href="http://happy-end.forums-actifs.com/t1283-news-du-06-13">{Par ici !}</a><br><br>Et pour faire plaisir à vos mirettes, n'oubliez pas d'installer la police [<a href="http://www.dafont.com/fr/journal.font">Journal</a>] {<a href="http://www.bonjourchezdo.com/comment/installation-police.htm">Petit Tuto</a>} ♥ </div>

</center></td>

<td style="align:center; padding:5px; width:530px;padding-left:20px"><center><br><div style="align:center;border: 1px solid #d1d1d1; width:480px; padding-bottom:10px;padding-left:10px;padding-right:10px;padding-top:0px"><span class="titre_entete">Le mystère est clos...</span><br>"La révolte des ombres a été matée par chaque habitant de Queer Tales. Malheureusement, beaucoup d'entre eux ne sont pas revenus à eux : Silencieusement, sournoisement, leur ombre a pris leur place et personne ne le soupçonne. La reine de cœur elle-même compte parmi les victimes, et désormais, sa jumelle noire règne en toute impunité sur Queer Tales. Aucun de nous, aucun de vous, ne veut connaître cette vérité : car le temps est à la fête, jusqu'aux prochaines sombres intrigues !"</div>

<br> <br><div class="titre_entete">Notre Top Partenaires</div><div style="overflow: auto; width: 480px; height:140px; padding: 5px;"><center>
<a href="http://agencecooki.lebonforum.com/" target="_blank"><img src="http://i73.servimg.com/u/f73/18/07/44/25/bouton11.png"/></a>
<a href="http://madhouse-kyooki.forumactif.org/forum" class="postlink" target="_blank"><img src="http://img13.imageshack.us/img13/7819/49875c292ae898831test2vw3.gif"></a>
<a href="http://lost-inocence.forumactif.fr" class="postlink" target="_blank"><img src="http://nsa30.casimages.com/img/2012/09/18/120918094639619910.png"></a>
<a href="http://lostparadise.forumgratuit.org" class="postlink" target="_blank"><img src="http://img853.imageshack.us/img853/6956/boutonlp8831.jpg"></a>
<a href="http://pandora-hearts-times.forums-actifs.com/" class="postlink" target="_blank" rel="nofollow"><img src="http://i32.servimg.com/u/f32/17/52/74/50/phtpet10.gif" border="0" alt="" /></a>
<a href="http://unlucky-cloverfield.forumactif.com" class="postlink" target="_blank" rel="nofollow"><img src="http://img15.hostingpics.net/pics/997225JyYV1.png" border="0" alt="" /></a>
<a href="http://the-other-side.forumgratuit.org/" class="postlink" target="_blank" rel="nofollow"><img src="http://i45.servimg.com/u/f45/17/25/61/72/nsa8810.gif" border="0" alt="" /></a>
<a href="http://arcaellev3.lebonforum.com/forum" class="postlink" target="_blank" rel="nofollow"><img src="http://img15.hostingpics.net/pics/932117173.png" border="0" alt="" /></a>
<a href="http://akademie.forums-actifs.net/" class="postlink" target="_blank"><img src="http://i.imgur.com/2YlfvtN.png" alt="" border="0"></a>
<a href="http://otaku-club.forumactif.org/" class="postlink" target="_blank"><img src="http://i53.tinypic.com/33a771y.png" alt="" border="0"></a>
<a href="http://dirty-prince.forums-actifs.com/forum.htm" class="postlink" target="_blank"><img src="http://img694.imageshack.us/img694/9668/partenariat31x88.png" alt="" border="0"></a>
<a href="http://friendequestria.forumgratuit.org/" class="postlink" target="_blank"><img src="http://img15.hostingpics.net/pics/4894621362749659097124800.png" alt="" border="0"></a>
<a href="http://skieskingdom.forumactif.org/"><img src="http://img15.hostingpics.net/pics/226070mini130707094350184834.png"></a>

<a href="http://happy-end.forums-actifs.com/" class="postlink" target="_blank"><img src="http://img15.hostingpics.net/pics/962369partenariats.png" alt="" border="0"></a>
<a href="http://happy-end.forums-actifs.com/" class="postlink" target="_blank"><img src="http://img15.hostingpics.net/pics/962369partenariats.png" alt="" border="0"></a>
<a href="http://happy-end.forums-actifs.com/" class="postlink" target="_blank"><img src="http://img15.hostingpics.net/pics/962369partenariats.png" alt="" border="0"></a>
<a href="http://happy-end.forums-actifs.com/" class="postlink" target="_blank"><img src="http://img15.hostingpics.net/pics/962369partenariats.png" alt="" border="0"></a>  

</div>
<a href="http://happy-end.forums-actifs.com/t1293-logos-des-partenaires#28264" class="postlink"target="_blank"><span style="size:2">Autres partenaires</span></a> <br> <a href="http://happy-end.forums-actifs.com/partenariat-f39/" class="postlink"target="_blank"><font family="Comic sans ms" size="1">VOUS ?</font></span></a>

</center>
</td><tr>
</table>

</div></div>
</td></tr>
<tr>
<td align="center"><font family="Comic Sans Ms" size="1">© <a href="http://happy-end.forums-actifs.com/t821-staff-credits" class="postlink"target="_blank">Crédits</a>. Contexte : Staff. Thème : Staff. Codage : Gretel Friedrich. Images : <a href="hhttp://moka.ho-zuki.com/" class="postlink"target="_blank">Deviantart</a>. Optimisé pour Chrome et Firefox. © Toute reproduction partielle ou entière du forum est interdite.</font>

</td></tr></table>
Code Css onglets:
.ongglet       {border-radius: 5px;
               margin: 20px;
               background: none;
  text-align: center;}
             
       .ongglet_0
               {font-family:'journal';
font-size:35px;
color:#6C728C}

       .ongglet_1
               {font-family:'journal';
font-size:35px;
}

       .contenu_ongglet_0
               {background-color: ##333333;
           padding: 10px;
   display:none;
 align:center;}

       .contenu_ongglet_1
               { background-color: ##333333;
           padding: 10px;
 align:center;}
Code Javascript:
function change_ongglet(name)
               {
                       document.getElementById('ongglet_'+anc_ongglet).className = 'ongglet_0 ongglet';
                       document.getElementById('ongglet_'+name).className = 'ongglet_1 ongglet';
                       document.getElementById('contenu_ongglet_'+anc_ongglet).style.display = 'none';
                       document.getElementById('contenu_ongglet_'+name).style.display = 'block';
                       anc_ongglet = name;
               }

var anc_ongglet = 'accueil';
               change_ongglet(anc_ongglet);

J'ai déjà posté un sujet très semblable il y a deux ou trois mois. Et le problème venait de l'absence dans ma template overall_header de
Code:
{HOSTING_JS}
J'ai donc vérifié immédiatement mais il est bien présent :/

Merci d'avance de votre temps et de votre aide.


Dernière édition par Lucky Yui le Sam 26 Oct 2013 - 9:43, édité 1 fois

Lucky Yui
Nouveau membre

Messages : 29
Inscrit(e) le : 16/08/2011

http://happy-end.forums-actifs.com/
Lucky Yui a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code marchant sur un forum mais pas sur un autre

Message par Lucky Yui le Lun 21 Oct 2013 - 18:03

Up !

Lucky Yui
Nouveau membre

Messages : 29
Inscrit(e) le : 16/08/2011

http://happy-end.forums-actifs.com/
Lucky Yui a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code marchant sur un forum mais pas sur un autre

Message par Lucky Yui le Mar 22 Oct 2013 - 18:31

Up...

Lucky Yui
Nouveau membre

Messages : 29
Inscrit(e) le : 16/08/2011

http://happy-end.forums-actifs.com/
Lucky Yui a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code marchant sur un forum mais pas sur un autre

Message par MasDan le Mer 23 Oct 2013 - 5:04

Bonjour,

Vous avez ajouté une toolbar à votre site test alors que votre autre site n'en possède pas, ce qui provoque que votre barre de navigation est cachée sous la tollbar.

En ajoutant ceci à la classe navigation dans votre CSS, elle devrait apparaître.
Code:
magin-top:30px;

MasDan
*****

Masculin
Messages : 797
Inscrit(e) le : 24/05/2011

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

Résolu Re: Code marchant sur un forum mais pas sur un autre

Message par Lucky Yui le Mer 23 Oct 2013 - 10:12

Bonjour,

La tollbar s'est ajoutée automatiquement à la création du forum et je n'ai juste pas su comment l'enlever. Je peux voir normalement ma barre de navigation en cachant la tollbar (avec la petite flèche à droite). Je vous remercie quand même pour cette gentille attention.

Néanmoins ça ne résout pas mon problème :/

Lucky Yui
Nouveau membre

Messages : 29
Inscrit(e) le : 16/08/2011

http://happy-end.forums-actifs.com/
Lucky Yui a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code marchant sur un forum mais pas sur un autre

Message par MasDan le Mer 23 Oct 2013 - 16:36

Bonjour,

Voici comment déactiver cette fameuse toolbar.

MasDan
*****

Masculin
Messages : 797
Inscrit(e) le : 24/05/2011

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

Résolu Re: Code marchant sur un forum mais pas sur un autre

Message par Lucky Yui le Mer 23 Oct 2013 - 17:05

Merci ! C'est bon à savoir =)

Mais mon problème initial me reste sur les bras et j'aimerais le résoudre :/

Lucky Yui
Nouveau membre

Messages : 29
Inscrit(e) le : 16/08/2011

http://happy-end.forums-actifs.com/
Lucky Yui a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code marchant sur un forum mais pas sur un autre

Message par Lucky Yui le Ven 25 Oct 2013 - 15:02

Up

Lucky Yui
Nouveau membre

Messages : 29
Inscrit(e) le : 16/08/2011

http://happy-end.forums-actifs.com/
Lucky Yui a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code marchant sur un forum mais pas sur un autre

Message par MasDan le Sam 26 Oct 2013 - 5:55

Bonjour,

Le problème est causé par une erreur de JavaScript.

Cela est causé par une copie de code javascript transmit ci-haut mais pour l'id/class onglett.

Comme l'id/class n'existe pas, cela provoque une erreur de JavaScript et empêche votre code pour l'id/class ongglet de s'exécuter. Il faudrait désactiver/supprimer le code Javascript pour l'id/class onglett.

MasDan
*****

Masculin
Messages : 797
Inscrit(e) le : 24/05/2011

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

Résolu Re: Code marchant sur un forum mais pas sur un autre

Message par Lucky Yui le Sam 26 Oct 2013 - 9:38

Bonjour,

Je n'ai pas tout compris parce que l'id/class onglett existe. Il s'agit d'un deuxième tableau à onglets (celui du staff) situé dans le deuxième onglet.

Enfin bref, du coup j'ai supprimé tous mes javascripts du forum puis j'ai remis les deux dont j'avais besoin (ongglets et ongletts) et... ça marche o/

C'est donc un grand mystère.
Et ce que ça peut venir d'une modification de javascript ? Genre un ancien javascript nommé X qu'on renomme Y en changeant le contenu, est-ce que cela nuit à la bonne lecture du javascript ?

En tout cas, merci beaucoup ! =D

Lucky Yui
Nouveau membre

Messages : 29
Inscrit(e) le : 16/08/2011

http://happy-end.forums-actifs.com/
Lucky Yui 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