Donner un effet de glissement

[Ayael]

Bonjours, j'aimerai installer un effet de glissement quand le bouton "crédit" à gauche de mon forum s'ouvre!
→ http://ayaelforumtest.forumgratuit.org/ voici le lien vers mon forum pour que vous voyez de quoi je parle, et voici le code qui se trouve sur ma PA et que j'ai mis.

Code:

<table style="position: fixed; top: 415px; left: 0px;background-color: #A90000;z-index:10000;"><tr><td><iframe src="http://forumtest168.creer-forums.fr/h2-credits" id="chatboxpop" scrolling="no" style="width: 400px; height: 120px; display: none;" marginwidth="0" marginheight="0" frameborder="0"></iframe></td><td style="vertical-align: bottom;"><img src="http://i46.servimg.com/u/f46/16/36/06/79/sans_t26.png" onClick="document.getElementById('chatboxpop').style.display=(this.src=='http://i46.servimg.com/u/f46/16/36/06/79/sans_t26.png')?'block':'none';this.src=(this.src=='http://i46.servimg.com/u/f46/16/36/06/79/sans_t26.png')?'http://i46.servimg.com/u/f46/16/36/06/79/sans_t27.png':'http://i46.servimg.com/u/f46/16/36/06/79/sans_t26.png';"/></td></tr></table>


Merci d'avance! ♥

[Ayael]

Je suis toujours là mourrante d'envie de connaitre LA solution ! ♥ Merci d'avance à ceux qui s'occuperont de moi!

[Ayael]

Petit Up!

[Ayael]

c'est le UP du jour!

[kheino]

Bonsoir Ayael,

Quoi, tu n'as toujours pas ton panneau coulissant sur l'index ?
Pourtant chez moi il fonctionne très bien maintenant avec exactement les paramètres du tuto de la page précédente.

La seule chose qui ne va pas, c'est que bien qu'il ne soit coché que pour l'index, il apparait (et ouvert sans pouvoir se refermer) dans la page de connexion et celle du profil public.

EDIT : Je viens de tester le code dans le template index_body et c'est encore dans la page de connexion mais plus dans le profil :

Code:

</table>



<div class="slide-out-div">
<a class="handle" href="#"><img src="http://i46.servimg.com/u/f46/16/36/06/79/sans_t26.png" /></a>
<iframe src="http://terramystica.forums-rpg.com/h2-credits" id="credit" scrolling="no" width="400" height="120" marginwidth="0" marginheight="0" frameborder="0"></iframe>
</div>




<!-- END switch_legend -->

{AUTO_DST}

<!-- BEGIN switch_fb_index_login -->
<div id="fb-root"></div>
<script type="text/javascript">
//<![CDATA[
FB.init({
   appId: '{switch_fb_index_login.FACEBOOK_APP_ID}',
     status: true,
     cookie: true,
     xfbml: true
});
//]]>
</script>
<!-- END switch_fb_index_login -->

Presque à la fin du template.

[Ayael]

Non malheureusement, je ne vois pas ce qui peut clochait mais rien ne fonctionne!

Je crois que je vais abandonner l'idée et me contenter sans glissement

[Ayael]

Pourquoi la moitiée des messages ont disparu????????

[kheino]

Apparemment il y a un souci technique, et les dévactifs sont au courant.

J'ai repensé à quelque chose concernant ton souci.
T'es-tu assurée que en haut de la page "gestion des javascripts" tu as bien coché sur oui pour activer les js personnels ?

[Ayael]

Vu que j'en utilise d'autre, oui^^" J'ai quand même vérifier et c'est bien activé

(et j'ai pas totalement compris ou est passé le reste de mon sujet ^^")

[kheino]

Comme je te l'ai dit, il y a un souci technique :
https://forum.forumactif.com/t317989-fdf-sujets-introuves-sujet-coupes#2764566

Concernant ton sujet, ne croyant pas à la magie entre un forum et un autre, je ne sais pas ce qu'il se passe avec le tien...

Où as-tu le HTML maintenant ?
Redonne-moi le template là où il se situe...

[Ayael]

Le voici, mais le problème, c'est que j'ai supprimer les javascript pour les remettre hors, ils y sont plus sur le sujet^^" T-T

Index_body

Code:

{JAVASCRIPT}
<!-- BEGIN message_admin_index -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <!-- BEGIN message_admin_titre -->
   <tr>
      <td class="catHead" height="28"><span class="cattitle">{message_admin_index.message_admin_titre.MES_TITRE}</span></td>
   </tr>
   <!-- END message_admin_titre -->
   <!-- BEGIN message_admin_txt -->
   <tr>
      <td class="row1" rowspan="3" align="center" valign="middle">
      <div class="gensmall">{message_admin_index.message_admin_txt.MES_TXT}</div>
      </td>
   </tr>
   <!-- END message_admin_txt -->
</table>
<!-- END message_admin_index -->

<!-- BEGIN switch_user_login_form_header -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
   <!-- BEGIN switch_fb_connect_no -->
   <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
      <tr>
         <td class="row1" align="center">
            <table border="0" cellspacing="0" cellpadding="0">
               <tr>
                  <td><span class="genmed">{L_USERNAME}:</span> </td>
                  <td><input class="post" type="text" size="10" name="username"/> </td>
                  <td>
                     <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                     <span class="gensmall">{L_AUTO_LOGIN}</span> 
                  </td>
               </tr>

               <tr>
                  <td><span class="genmed">{L_PASSWORD}:</span> </td>
                  <td><input class="post" type="password" size="10" name="password"/> </td>
                  <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
               </tr>
            </table>
         </td>
      </tr>
   </table>
   <!-- END switch_fb_connect_no -->

   <!-- BEGIN switch_fb_connect -->
   <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
      <tr>
         <td valign="top" width="100%"  class="row1" align="center">
            <table width="100%">
               <tr>
                  <td width="55%" valign="middle" align="right">
                     <table class="right">
                        <tr>
                           <td><span class="genmed">{L_USERNAME}:</span> </td>
                           <td><input class="post" type="text" size="10" name="username"/> </td>
                           <td>
                              <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                              <span class="gensmall">{L_AUTO_LOGIN}</span> 
                           </td>
                        </tr>

                        <tr>
                           <td><span class="genmed">{L_PASSWORD}:</span> </td>
                           <td><input class="post" type="password" size="10" name="password"/> </td>
                           <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
                        </tr>
                     </table>
                  </td>
                  <td width="10%" align="center" valign="middle">
                     <span class="genmed fb_or">{switch_user_login_form_header.switch_fb_connect.L_OR}</span>
                  </td>
                  <td width="35%" class="align_gauche"><fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" perms="{switch_user_login_form_header.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_header.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button></td>
               </tr>
            </table>
         </td>
      </tr>
   </table>
   <!-- END switch_fb_connect -->
</form>
<!-- END switch_user_login_form_header -->

<div id="box1">{CHATBOX_TOP}</div>
{BOARD_INDEX}
<table width="100%" border="0" cellspacing="0" cellpadding="0">
   <tr>
      <td width="50%" valign="top">
         <!-- BEGIN switch_user_logged_in -->
         <center><span class="gensmall"> ♦ <a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a>
         <!-- END switch_user_logged_in -->
         <!-- BEGIN switch_delete_cookies -->
         
<a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall"> ♦ {switch_delete_cookies.L_DELETE_COOKIES}</a>
         <!-- END switch_delete_cookies -->
         </span> <span class="gensmall">
            ♦ <a href="{U_TODAY_ACTIVE}" class="gensmall">{L_TODAY_ACTIVE}</a>
            ♦ <a href="{U_OVERALL_POSTERS}" class="gensmall">{L_OVERALL_POSTERS}</a> 
            <!-- BEGIN switch_on_index -->
               <!-- BEGIN switch_delete_cookies -->
                 ♦ <a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a></center>
               <!-- END switch_delete_cookies -->
            <!-- END switch_on_index -->
         </span>
      </td>
   </tr>
</table>

<!-- BEGIN switch_user_login_form_footer -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
   <!-- BEGIN switch_fb_connect_no -->
   <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
      <tr>
         <td class="row1" align="center">
            <table border="0" cellspacing="0" cellpadding="0">
               <tr>
                  <td><span class="genmed">{L_USERNAME}:</span> </td>
                  <td><input class="post" type="text" size="10" name="username"/> </td>
                  <td>
                     <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                     <span class="gensmall">{L_AUTO_LOGIN}</span> 
                  </td>
               </tr>

               <tr>
                  <td><span class="genmed">{L_PASSWORD}:</span> </td>
                  <td><input class="post" type="password" size="10" name="password"/> </td>
                  <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
               </tr>
            </table>
         </td>
      </tr>
   </table>
   <!-- END switch_fb_connect_no -->

   <!-- BEGIN switch_fb_connect -->
   <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
      <tr>
         <td valign="top" width="100%"  class="row1" align="center">
            <table width="100%">
               <tr>
                  <td width="55%" valign="middle">
                     <table class="right">
                        <tr>
                           <td><span class="genmed">{L_USERNAME}:</span> </td>
                           <td><input class="post" type="text" size="10" name="username"/> </td>
                           <td>
                              <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                              <span class="gensmall">{L_AUTO_LOGIN}</span> 
                           </td>
                        </tr>

                        <tr>
                           <td><span class="genmed">{L_PASSWORD}:</span> </td>
                           <td><input class="post" type="password" size="10" name="password"/> </td>
                           <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
                        </tr>
                     </table>
                  </td>
                  <td width="10%" align="center" valign="middle">
                     <span class="genmed fb_or">{switch_user_login_form_footer.switch_fb_connect.L_OR}</span>
                  </td>
                  <td width="35%" class="align_gauche"><fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" perms="{switch_user_login_form_footer.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_footer.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button></td>
               </tr>
            </table>
         </td>
      </tr>
   </table>
   <!-- END switch_fb_connect -->
</form>
<!-- END switch_user_login_form_footer -->
<br>



<!-- BEGIN disable_viewonline -->


<table class="qeeltotale"><tr><td colspan="2"><span class="gensmall"><div class="mc"><span id="truc">{TOTAL_USERS_ONLINE}</span><script type="text/javascript">document.getElementById('truc').innerHTML=document.getElementById('truc').innerHTML.replace(/Il y a en tout/,"En ce moment sur Terra Mystica vous pouvez croiser");</script>

<script type="text/javascript">document.getElementById('truc').innerHTML=document.getElementById('truc').innerHTML.replace(/utilisateurs en ligne/,"héros qui combattent");</script>

<script type="text/javascript">document.getElementById('truc').innerHTML=document.getElementById('truc').innerHTML.replace(/utilisateur en ligne/,"héros qui combatte");</script>

<script type="text/javascript">document.getElementById('truc').innerHTML=document.getElementById('truc').innerHTML.replace(/ :: /," dont ");</script>

<script type="text/javascript">document.getElementById('truc').innerHTML=document.getElementById('truc').innerHTML.replace(/Enregistré/,"Héro");</script>

<script type="text/javascript">document.getElementById('truc').innerHTML=document.getElementById('truc').innerHTML.replace(/Enregistrés/,"Héros");</script>

<script type="text/javascript">document.getElementById('truc').innerHTML=document.getElementById('truc').innerHTML.replace(/Invisible et/,"Méchant qui se cache et");</script>

<script type="text/javascript">document.getElementById('truc').innerHTML=document.getElementById('truc').innerHTML.replace(/Invisibles et /,"Méchants qui se cachent et");</script>

<script type="text/javascript">document.getElementById('truc').innerHTML=document.getElementById('truc').innerHTML.replace(/Invité/,"Touriste");</script>

<script type="text/javascript">document.getElementById('truc').innerHTML=document.getElementById('truc').innerHTML.replace(/Invités/,"Touristes");</script>{LOGGED_IN_USER_LIST}</div></span></td>

</tr>




<tr><td><div class="stat1">
<span id="1">{TOTAL_USERS}</span><script type="text/javascript">document.getElementById('1').innerHTML=document.getElementById('1').innerHTML.replace(/membres enregistrés/,"héros qui ont vécu ");</script><script type="text/javascript">document.getElementById('1').innerHTML=document.getElementById('1').innerHTML.replace(/Nous avons/,"Nous avons un total de");</script>
<span id="2">{TOTAL_POSTS}</span><script type="text/javascript">document.getElementById('2').innerHTML=document.getElementById('2').innerHTML.replace(/messages/,"aventures.");</script><script type="text/javascript">document.getElementById('2').innerHTML=document.getElementById('2').innerHTML.replace(/Nos membres ont posté un total de /," ");</script><br>
<span id="3">{NEWEST_USER}</span><br><script type="text/javascript">document.getElementById('3').innerHTML=document.getElementById('3').innerHTML.replace(/L'utilisateur enregistré le plus récent/,"Le dernier Héros à nous avoir rejoint");</script><br/>

{RECORD_USERS}</td>



<td><center><div class="groupe1"><br><br><a href=" http://terramystica.forums-rpg.com/g1-master-rp"><img src=" http://i46.servimg.com/u/f46/16/36/06/79/master12.png" /></a><br><a href=" http://terramystica.forums-rpg.com/g21-fantome"><img src=" http://i46.servimg.com/u/f46/16/36/06/79/fantam10.png" /></a><br><a href="http://terramystica.forums-rpg.com/g3-humain"><img src=" http://i46.servimg.com/u/f46/16/36/06/79/humain12.png " /></a><br><a href=" http://terramystica.forums-rpg.com/g4-vampire"><img src=" http://i49.servimg.com/u/f49/16/89/28/25/vampir10.png" /></a><br><a href="http://terramystica.forums-rpg.com/g5-elfe "><img src="http://i46.servimg.com/u/f46/16/36/06/79/elfe12.png" /></a>
<br><a href=" http://terramystica.forums-rpg.com/g6-dragon"><img src="http://i46.servimg.com/u/f46/16/36/06/79/dragon12.png" /></a><br><a href="http://terramystica.forums-rpg.com/g20-demons"><img src=" http://i46.servimg.com/u/f46/16/36/06/79/damons11.png" /></a><br>
<a href=" http://terramystica.forums-rpg.com/g28-lycan"><img src="http://i46.servimg.com/u/f46/16/36/06/79/lycan11.png" /></a>


<br><a href="http://terramystica.forums-rpg.com/g7-race-inventee"><img src="http://i46.servimg.com/u/f46/16/36/06/79/race_i12.png" /></a><br><a href=" http://terramystica.forums-rpg.com/g8-race-preexistante"><img src=" http://i46.servimg.com/u/f46/16/36/06/79/race_p13.png" /></a><br><a href="http://terramystica.forums-rpg.com/g9-sang-mele "><img src=" http://i49.servimg.com/u/f49/16/89/28/25/sangma10.png " /></a></div></center></div></td></tr></table>

 <table class="mc24">{L_CONNECTED_MEMBERS}</table>




<!-- END disable_viewonline -->
{CHATBOX_BOTTOM}
<br clear="all" />
<!-- BEGIN switch_legend -->

 
 
 
 
 



 
  <table>
  <div class="slide-out-div"><a class="handle" href="#"><img src="http://i46.servimg.com/u/f46/16/36/06/79/sans_t26.png" /></a><iframe src="http://terramystica.forums-rpg.com/h2-credits" id="credit" scrolling="no" width="400" height="120" marginwidth="0" marginheight="0" frameborder="0"></iframe></div> 
 
   
   
   
   
   
   
   
 
<!-- END switch_legend -->

{AUTO_DST}

<!-- BEGIN switch_fb_index_login -->
<div id="fb-root"></div>
<script type="text/javascript">
//<![CDATA[
FB.init({
   appId: '{switch_fb_index_login.FACEBOOK_APP_ID}',
     status: true,
     cookie: true,
     xfbml: true
});
//]]>
</script>
<!-- END switch_fb_index_login -->

[kheino]

Euh, je ne sais pas de quel template il s'agit (nous l'avons essayé dans presque tous de l'index) et franchement ce n'ai pas ma lecture préférée...

[Ayael]

J'ai dit au dessus que c'était l'index_body comme tu me l'a dis dans ton dernier message (le seul encore visible...) Si tu as encore les script sur ton fow test, tu veux bien me les redonner ? (Avec le CSS tant qu'a faire, je vais tout recommancer depuis le début on sait jamais...)

En fait, je me demandais si ça ne venais pas de ça, l'un de mes script a été créé AVANT que forumactif mette en place la gestion des javascript :
Dans mon overall_header il y a donc ceci

Code:

<script type="text/javascript" src="http://forumtest168.creer-forums.fr/h1-pa" ></script>

Ca renvoie à une page html qui contient ceci :

Code:

//<!--
                function change_onglet(name)
                {
                        document.getElementById('onglet_'+anc_onglet).className = 'onglet_0 onglet';
                        document.getElementById('onglet_'+name).className = 'onglet_1 onglet';
                        document.getElementById('contenu_onglet_'+anc_onglet).style.display = 'none';
                        document.getElementById('contenu_onglet_'+name).style.display = 'block';
                        anc_onglet = name;
                }

Peut être que ça vient de là, et que si j'utiliser un script ça marcherai (malheureusement, je ne sais pas comment faire pour trasnformer pour que ça marche quand même)

[kheino]

Je ne sais pas, mais il me semble que ainsi présenté, la balise du début n'a pas sa fermeture.
Anyway, recopie juste le script dans une nouvelle page de la gestion des javascripts :

Code:

                function change_onglet(name)
                {
                        document.getElementById('onglet_'+anc_onglet).className = 'onglet_0 onglet';
                        document.getElementById('onglet_'+name).className = 'onglet_1 onglet';
                        document.getElementById('contenu_onglet_'+anc_onglet).style.display = 'none';
                        document.getElementById('contenu_onglet_'+name).style.display = 'block';
                        anc_onglet = name;
                }

Supprime celui dans l'overall_header et nous serons fixées.


EDIT : Attention, la bonne syntaxe des sauts de lignes est :

Code:

<br />
pas <br> ni </br> ni <br/>

[Ayael]

mais comme je te l'ai dis, je n'ai plus autres script lié au glissement^^"

[kheino]

Bon, je ne sais pas de quoi nous parlons, mais j'ai essayé de voir ton forum-test sur IE9, Opera, FF et Google et ça ne fonctionne pas avec le coulissement.

Quelque chose est faux, mais comme ça je ne saurais pas le dire.
Je t'envoie un mp.

[Ayael]

En fait, tout les script mis directement dans mon javascript ne fonctionnent pas il semblerait^^" Donc je devrais peut être poster un problème directement...

[kheino]

Bonjour Ayael,

Oui c'est ce qu'il me semble aussi, bien que ce soit assez improbable.

Essaie déjà de faire un backup à hier matin ou avant-hier.
Peut-être même encore plus loin.
Il me semble plus que quelque chose fait obstruction à certains scripts de fonctionner.

[kheino]

Bonsoir Ayael,

Voici une réponse de zz10 qui pourrait t'intéresser :
https://forum.forumactif.com/t317751-js-jquery-conflit-entre-plusieurs-scripts-serait-ce-possible#2765994
Je lui donne aussi le lien de ton sujet pour qu'il voie sur ton forum, alors remets ton panneau qu'il puisse voir.


On m'avait dit que la panne était réparée, mais il manque encore beaucoup de messages !

[zz10]

Bonjour,

Le problème semble différent. Il semblerait que la fonction

Code:

tabSlideOut()

contenu dans ce code, ne soit pas déclarée !?

Code:

$(function(){$('.slide-out-div').tabSlideOut({tabHandle:'.handle',tabLocation:'left',speed:800,action:'click',topPos:'415px',leftPos:'0px',fixedPosition:false})});

PS : lien du tuto svp (vu que des messages ont disparu)

[kheino]

C'est ce tuto, pour les scripts ce sont les derniers que donne Adam_sfp :
https://forum.forumactif.com/t314153-panneaux-coullisant-qui-ne-fonctionne-pas

[zz10]

Donc il semblerait qu'il manque une partie du code.


Par exemple, chez-vous final-blonde, on avait ça :

Code:

jQuery(document).ready(function($) { 
  $('.slide-out-div').tabSlideOut({
        tabHandle: '.handle',
        pathToTabImage: 'images/contact_tab.gif',
        imageHeight: '116px',
        imageWidth: '33px'
  });   
  (function($){
      $.fn.tabSlideOut = function(callerSettings) {
        var settings = $.extend({
            tabHandle: '.handle',
            speed: 800,
            action: 'click',
            tabLocation: 'left',
            topPos: '415px',
            leftPos: '0px',
            fixedPosition: false,
            positioning: 'absolute',
            pathToTabImage: null,
            imageHeight: null,
            imageWidth: null,
            onLoadSlideOut: false               
        }, callerSettings||{});
 
        settings.tabHandle = $(settings.tabHandle);
        var obj = this;
        if (settings.fixedPosition === true) {
            settings.positioning = 'fixed';
        } else {
            settings.positioning = 'absolute';
        }
     
        //ie6 doesn't do well with the fixed option
        if (document.all && !window.opera && !window.XMLHttpRequest) {
            settings.positioning = 'absolute';
        }
     
 
     
        //set initial tabHandle css
     
        if (settings.pathToTabImage != null) {
            settings.tabHandle.css({
            'background' : 'url('+settings.pathToTabImage+') no-repeat',
            'width' : settings.imageWidth,
            'height': settings.imageHeight
            });
        }
     
        settings.tabHandle.css({
            'display': 'block',
            'textIndent' : '-99999px',
            'outline' : 'none',
            'position' : 'absolute'
        });
     
        obj.css({
            'line-height' : '1',
            'position' : settings.positioning
        });
 
     
        var properties = {
                  containerWidth: parseInt(obj.outerWidth(), 10) + 'px',
                  containerHeight: parseInt(obj.outerHeight(), 10) + 'px',
                  tabWidth: parseInt(settings.tabHandle.outerWidth(), 10) + 'px',
                  tabHeight: parseInt(settings.tabHandle.outerHeight(), 10) + 'px'
              };
 
        //set calculated css
        if(settings.tabLocation === 'top' || settings.tabLocation === 'bottom') {
            obj.css({'left' : settings.leftPos});
            settings.tabHandle.css({'right' : 0});
        }
     
        if(settings.tabLocation === 'top') {
            obj.css({'top' : '-' + properties.containerHeight});
            settings.tabHandle.css({'bottom' : '-' + properties.tabHeight});
        }
 
        if(settings.tabLocation === 'bottom') {
            obj.css({'bottom' : '-' + properties.containerHeight, 'position' : 'fixed'});
            settings.tabHandle.css({'top' : '-' + properties.tabHeight});
       
        }
     
        if(settings.tabLocation === 'left' || settings.tabLocation === 'right') {
            obj.css({
              'height' : properties.containerHeight,
              'top' : settings.topPos
            });
       
            settings.tabHandle.css({'top' : 0});
        }
     
        if(settings.tabLocation === 'left') {
            obj.css({ 'left': '-' + properties.containerWidth});
            settings.tabHandle.css({'right' : '-' + properties.tabWidth});
        }
 
        if(settings.tabLocation === 'right') {
            obj.css({ 'right': '-' + properties.containerWidth});
            settings.tabHandle.css({'left' : '-' + properties.tabWidth});
       
            $('html').css('overflow-x', 'hidden');
        }
 
        //functions for animation events
     
        settings.tabHandle.click(function(event){
            event.preventDefault();
        });
     
        var slideIn = function() {
       
            if (settings.tabLocation === 'top') {
              obj.animate({top:'-' + properties.containerHeight}, settings.speed).removeClass('open');
            } else if (settings.tabLocation === 'left') {
              obj.animate({left: '-' + properties.containerWidth}, settings.speed).removeClass('open');
            } else if (settings.tabLocation === 'right') {
              obj.animate({right: '-' + properties.containerWidth}, settings.speed).removeClass('open');
            } else if (settings.tabLocation === 'bottom') {
              obj.animate({bottom: '-' + properties.containerHeight}, settings.speed).removeClass('open');
            }
       
        };
     
        var slideOut = function() {
       
            if (settings.tabLocation == 'top') {
              obj.animate({top:'-3px'},  settings.speed).addClass('open');
            } else if (settings.tabLocation == 'left') {
              obj.animate({left:'-3px'},  settings.speed).addClass('open');
            } else if (settings.tabLocation == 'right') {
              obj.animate({right:'-3px'},  settings.speed).addClass('open');
            } else if (settings.tabLocation == 'bottom') {
              obj.animate({bottom:'-3px'},  settings.speed).addClass('open');
            }
        };
 
        var clickScreenToClose = function() {
            obj.click(function(event){
              event.stopPropagation();
            });
       
            $(document).click(function(){
              slideIn();
            });
        };
     
        var clickAction = function(){
            settings.tabHandle.click(function(event){
              if (obj.hasClass('open')) {
                  slideIn();
              } else {
                  slideOut();
              }
            });
       
            clickScreenToClose();
        };
     
        var hoverAction = function(){
            obj.hover(
              function(){
                  slideOut();
              },
           
              function(){
                  slideIn();
              });
           
              settings.tabHandle.click(function(event){
                  if (obj.hasClass('open')) {
                    slideIn();
                  }
              });
              clickScreenToClose();
           
        };
     
        var slideOutOnLoad = function(){
            slideIn();
            setTimeout(slideOut, 500);
        };
     
        //choose which type of action to bind
        if (settings.action === 'click') {
            clickAction();
        }
     
        if (settings.action === 'hover') {
            hoverAction();
        }
     
        if (settings.onLoadSlideOut) {
            slideOutOnLoad();
        };
     
      };
  })(jQuery);

alors qu'ici, je ne vois que ça :

Code:

jQuery(document).ready(function($) {
  $('.slide-out-div').tabSlideOut({
      tabHandle: '.handle',
      tabLocation: 'left',
      speed: 800,
      action: 'click',
      topPos: '415px',
      leftPos: '0px',
      fixedPosition: false
  });
});

Donc êtes vous sur d'avoir tout bien installé ?

[kheino]

Ah, c'est certainement Ayael qui l'a enlevé, parce qu'il y était encore samedi.

Le mieux est de l'attendre.

[zz10]

Ayael, donnez moi l'intégralité des codes liés à ce "module". Merci

[Ayael]

Merci de vous interessez à moi, mais le problème ne vient pas de là, mais de mon javascript en lui même (des codes qui marchaient avant ne marchent plus!) Avant de reprendre ce sujet, je pense qu'il faut je règle ce problème >.>

[zz10]

Comme vous voulez...