menu coulissant qui ne s'ouvre pas

[Ossyane]

Bonsoir !

J'ai suivi un tutoriel sur un autre forum (ici), et tout s'installe bien. Malheureusement le menu ne s'ouvre pas, il reste collé au bord de l'écran !

Je ne sais pas du tout à quoi c'est dû, et c'est vraiment embêtant car je compte vraiment sur ce menu coulissant !
Le forum concerné est celui de mon profil, et je suis la fondatrice.

Merci à toutes & à tous qui me répondront ! ♥

[Invité]

Bonjour,

Peut-être que cette astuce pourrait vous permettre de réaliser votre menu:
> http://forum.forumactif.com/t309533-creer-un-panneau-lateral-coulissant

Cordialement.

[Ossyane]

Merci, mais non, j'ai déjà essayer et je ne sais pas pourquoi, mais ça ne fonctionne pas non plus avec cette astuce :/

[ge80]

Bonjour

N'avez-vous pas un" bloqueur" de script style ADblock-plus ou noscript ?

Cordialement,
Ge

[Ossyane]

J'avais Adblocks, mais il ne m'a jamais posé de problèmes auparavant. Je viens de le désactiver, mais je ne vois aucun changement :/

[ge80]

Le code est-il correct, si vous l'avez modifié évidemment ?

En mettant le code du forum qui fonctionne avez-vous le même souci ?

[Ossyane]

Je viens d'utiliser le code de Alex Fowl, mais rien ne change :/

Peut-être qu'il faut rajouter quelque chose ?

[ge80]

Il se peut qu'il y ait un conflit avec un autre script implanté.

Avez-vous des scripts différents que ceux de l'autre forum ?

[Ossyane]

Et bien j'avais mis un compteur de mots, mais cela ne donnait pas le résultat escompté. Je ne 'lai pas enlevé, serais-ce lui qui bloquerais le script ?

[Invité]

Bonjour,

Quel code avez-vous installé précisément, copiez-le et collez-le dans un message que je fasse un test.

Cordialement.

[Ossyane]

Bonsoir,

pour le menu j'ai copié ce code :

Spoiler:

Code:


  <script language="javascript">     
        // Creation des fonctions
        function deployer()
        {
            var menu_deploye=document.getElementById('menu_deploye');
            var menu_retracte=document.getElementById('menu_retracte');
            menu_deploye.style.display='block';
            menu_retracte.style.display='none';
        }
        function retracter()
        {
            var menu_deploye=document.getElementById('menu_deploye');
            var menu_retracte=document.getElementById('menu_retracte');
            menu_deploye.style.display='none';
            menu_retracte.style.display='block';
        }
  </script>


Ainsi que celui-ci, comme dit dans le forum :

Spoiler:

Code:


<table  border="0" cellpadding="0" cellspacing="0" align="center">
<tbody><tr>
<td>
<div class="menu_retractable" id="menu_deploye" onclick="javascript: retracter()">
        <!-- Le menu déployé -->
                                    <a href="http://www.newgrounds.com/portal/view/480676" class="NavJump"><b>Newgrounds</b></a><br>
        <a href="http://www.youtube.com/" class="NavJump"><b>You Tube</b></a><br>
        <a href="http://www.dailymotion.com/fr" class="NavJump"><b>Dailymotion</b></a><br>
        <a href="http://www.deezer.com/#music/radio" class="NavJump"><b>Deezer</b></a><br>
        <a href="http://www.wikipedia.fr/" class="NavJump"><b>Wikipedia</b></a><br>
        <a href="http://www.google.fr/" class="NavJump"><b>Google</b></a><br>
      </div>
      <div class="menu_retractable" id="menu_retracte" onclick="javascript: deployer()">
        <!-- Le menu retracté -->
      </div>
</td></tr></tbody>
</table>


Et je l'ai mis dans le template overall_header.

[ge80]

Avez-vous essayé en supprimant le compteur de mots ?

[Ossyane]

Oui, je l'ai fait juste avant.

[ge80]

Et j'imagine qu'il n'y a pas de changement...

Je ne sais pas si Isolde fait les tests.
Attendons sa réponse.

[Invité]

J'ai essayé tout un tas de petite chose, en effet . Je suis arrivée à un résultat fonctionnel sur mon forum test en plaçant le code ci-dessous dans panneau d'admin' > modules > gestion des codes javascript :

Code:

jQuery(document).ready(function() { jQuery('body').append('<table style="position: fixed; bottom: 50%; left: 0px;background-color: #ffffff;z-index:10000;"><tr><td><div id="panneau" scrolling="no" style="width: 150px; height: 150px; display: none;" marginwidth="0" marginheight="0" frameborder="0">
        <a href="http://www.newgrounds.com/portal/view/480676" class="NavJump"><b>Newgrounds</b></a><br>
        <a href="http://www.youtube.com/"><b>You Tube</b></a><br>
        <a href="http://www.dailymotion.com/fr"><b>Dailymotion</b></a><br>
        <a href="http://www.deezer.com/#music/radio"><b>Deezer</b></a><br>
        <a href="http://www.wikipedia.fr/"><b>Wikipedia</b></a><br>
        <a href="http://www.google.fr/"><b>Google</b></a><br>
</div></td><td style="vertical-align:center;"><img src="http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png" onClick="document.getElementById(\'panneau\').style.display=(this.src==\'http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png\')?\'block\':\'none\';this.src=(this.src==\'http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png\')?\'http://i81.servimg.com/u/f81/11/21/85/73/fermer10.png\':\'http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png\';"/></td></tr></table>'); } );

J'ai coché "Sur toute les pages" . Est-ce que celui-ci fonctionne sur votre forum?

Cordialement.

[Ossyane]

Coucou !

J'ai vérifié si j'avais encore des script, ainsi que le css qui allait avec, qui traînaient et je pense que c'est bon cette fois c'est bon.
J'ai mis votre code dans une nouvelle page javascript, mais je ne vois sur mon forum.

Peut-être que je n'ai pas tout désactivé, mais je n'arrive à voir où est-ce que ça cloche ><

[Invité]

Bonsoir,
Avez-vous bien mis votre template overall_header à jour lors de la mise en place de la nouveauté concernant les codes javascript?
> http://forum.forumactif.com/t308422-nouveaute-forumactif-gestion-des-codes-javascript

Cordialement.

[Ossyane]

Wow, une MAJ à faire soi-même du template ? je n'était pas au courant, merci de me l'avoir signalé !

Donc je vais tout reprendre depuis le début et réessayer, mais je ferais ça demain, la flemme là xD

Edit : je viens d'aller sur mon forum : le code s'y trouve et marche (super !). Donc en fait c'était juste qu'il fallait faire la mise à jour... quelle cruche ! Merci encore à vous !