Donner un effet de glissement

3 participants

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

Résolu Donner un effet de glissement

Message par Ayael Mer 26 Oct 2011 - 19:03

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! ♥


Dernière édition par Ayael le Sam 12 Nov 2011 - 12:32, édité 2 fois
Ayael

Ayael
*****

Féminin
Messages : 650
Inscrit(e) le : 21/04/2011

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

Résolu Re: Donner un effet de glissement

Message par Ayael Jeu 27 Oct 2011 - 23:03

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

Ayael
*****

Féminin
Messages : 650
Inscrit(e) le : 21/04/2011

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

Résolu Re: Donner un effet de glissement

Message par Ayael Jeu 3 Nov 2011 - 19:08

Petit Up!
Ayael

Ayael
*****

Féminin
Messages : 650
Inscrit(e) le : 21/04/2011

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

Résolu Re: Donner un effet de glissement

Message par Ayael Ven 4 Nov 2011 - 17:53

c'est le UP du jour!
Ayael

Ayael
*****

Féminin
Messages : 650
Inscrit(e) le : 21/04/2011

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

Résolu Re: Donner un effet de glissement

Message par kheino Ven 4 Nov 2011 - 18:01

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.
kheino

kheino
Membre habitué

Féminin
Messages : 1698
Inscrit(e) le : 09/05/2010

http://www.siteduzero.com/
kheino a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Donner un effet de glissement

Message par Ayael Ven 4 Nov 2011 - 18:32

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

Ayael
*****

Féminin
Messages : 650
Inscrit(e) le : 21/04/2011

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

Résolu Re: Donner un effet de glissement

Message par Ayael Sam 5 Nov 2011 - 11:36

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

Ayael
*****

Féminin
Messages : 650
Inscrit(e) le : 21/04/2011

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

Résolu Re: Donner un effet de glissement

Message par kheino Sam 5 Nov 2011 - 11:41

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 ?
kheino

kheino
Membre habitué

Féminin
Messages : 1698
Inscrit(e) le : 09/05/2010

http://www.siteduzero.com/
kheino a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Donner un effet de glissement

Message par Ayael Sam 5 Nov 2011 - 11:51

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 ^^")
Ayael

Ayael
*****

Féminin
Messages : 650
Inscrit(e) le : 21/04/2011

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

Résolu Re: Donner un effet de glissement

Message par kheino Sam 5 Nov 2011 - 12:22

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...
kheino

kheino
Membre habitué

Féminin
Messages : 1698
Inscrit(e) le : 09/05/2010

http://www.siteduzero.com/
kheino a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Donner un effet de glissement

Message par Ayael Sam 5 Nov 2011 - 13:16

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 -->
Ayael

Ayael
*****

Féminin
Messages : 650
Inscrit(e) le : 21/04/2011

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

Résolu Re: Donner un effet de glissement

Message par kheino Sam 5 Nov 2011 - 13:24

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...
kheino

kheino
Membre habitué

Féminin
Messages : 1698
Inscrit(e) le : 09/05/2010

http://www.siteduzero.com/
kheino a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Donner un effet de glissement

Message par Ayael Sam 5 Nov 2011 - 14:56

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)
Ayael

Ayael
*****

Féminin
Messages : 650
Inscrit(e) le : 21/04/2011

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

Résolu Re: Donner un effet de glissement

Message par kheino Sam 5 Nov 2011 - 15:33

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/>
kheino

kheino
Membre habitué

Féminin
Messages : 1698
Inscrit(e) le : 09/05/2010

http://www.siteduzero.com/
kheino a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Donner un effet de glissement

Message par Ayael Sam 5 Nov 2011 - 16:01

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

Ayael
*****

Féminin
Messages : 650
Inscrit(e) le : 21/04/2011

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

Résolu Re: Donner un effet de glissement

Message par kheino Sam 5 Nov 2011 - 16:37

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.
kheino

kheino
Membre habitué

Féminin
Messages : 1698
Inscrit(e) le : 09/05/2010

http://www.siteduzero.com/
kheino a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Donner un effet de glissement

Message par Ayael Dim 6 Nov 2011 - 12:07

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...
Ayael

Ayael
*****

Féminin
Messages : 650
Inscrit(e) le : 21/04/2011

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

Résolu Re: Donner un effet de glissement

Message par kheino Dim 6 Nov 2011 - 15:05

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

kheino
Membre habitué

Féminin
Messages : 1698
Inscrit(e) le : 09/05/2010

http://www.siteduzero.com/
kheino a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Donner un effet de glissement

Message par kheino Mar 8 Nov 2011 - 17:43

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 !
kheino

kheino
Membre habitué

Féminin
Messages : 1698
Inscrit(e) le : 09/05/2010

http://www.siteduzero.com/
kheino a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Donner un effet de glissement

Message par zz10 Mar 8 Nov 2011 - 17:54

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)
zz10

zz10
Membre actif

Masculin
Messages : 2279
Inscrit(e) le : 04/07/2009

http://www.ice-epinal-forum.com
zz10 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Donner un effet de glissement

Message par kheino Mar 8 Nov 2011 - 18:00

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
kheino

kheino
Membre habitué

Féminin
Messages : 1698
Inscrit(e) le : 09/05/2010

http://www.siteduzero.com/
kheino a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Donner un effet de glissement

Message par zz10 Mar 8 Nov 2011 - 19:41

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é ?
zz10

zz10
Membre actif

Masculin
Messages : 2279
Inscrit(e) le : 04/07/2009

http://www.ice-epinal-forum.com
zz10 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Donner un effet de glissement

Message par kheino Mar 8 Nov 2011 - 19:57

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

Le mieux est de l'attendre.
kheino

kheino
Membre habitué

Féminin
Messages : 1698
Inscrit(e) le : 09/05/2010

http://www.siteduzero.com/
kheino a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Donner un effet de glissement

Message par zz10 Mar 8 Nov 2011 - 19:59

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

zz10
Membre actif

Masculin
Messages : 2279
Inscrit(e) le : 04/07/2009

http://www.ice-epinal-forum.com
zz10 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Donner un effet de glissement

Message par Ayael Mer 9 Nov 2011 - 19:04

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 >.>
Ayael

Ayael
*****

Féminin
Messages : 650
Inscrit(e) le : 21/04/2011

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

Résolu Re: Donner un effet de glissement

Message par zz10 Mer 9 Nov 2011 - 21:15

Comme vous voulez...
zz10

zz10
Membre actif

Masculin
Messages : 2279
Inscrit(e) le : 04/07/2009

http://www.ice-epinal-forum.com
zz10 a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum