Panneau coulissant

[viescale]

Bonjour,

Je viens de tester le code donné par Alew Fowl ici : https://forum.forumactif.com/t309533-creer-un-panneau-lateral-coulissant#2703434
sur le forum : http://aleajactaest.forumsactifs.net/

Mais ca ne semble pas fonctionner....

Merci encore

[Scipion]

Bonjour

Quel code avez-vous choisi, pour quelle utilisation et comment l'avez-vous installé svp

Cordialement

[viescale]

Bonjour,

J'ai utilisé le code donné dans le tutoriel : https://forum.forumactif.com/t309533-creer-un-panneau-lateral-coulissant#2703434
En prenant panneau à gauche, je n'ai rien modifié, ni mis de chatbox, j'ai juste pris le code panneau à gauche...

[Scipion]

Vous pouvez déjà utiliser le code pour chatbox latérale donné par le tutoriel, sauf que j'ai dû modifier le bout de code suivant :

Code:

"/chatbox/chatbox.forum?page=front"

par celui-ci :

Code:

"/chatbox/index.forum?page=front"

Code chatbox

Code:

jQuery(document).ready(function() { jQuery('body').append('<table style="position: fixed; bottom: 50px; left: 0px;background-color: #ffffff;z-index:10000;"><tr><td><div id="panneau" scrolling="no" style="width: 800px; height: 400px; display: none;" marginwidth="0" marginheight="0" frameborder="0"><iframe src="/chatbox/index.forum?page=front" style="width: 800px; height: 400px;" ></iframe></div></td><td style="vertical-align: bottom;"><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>'); } );

Cependant, un petit problème inattendu se produit pour les images, je suis entrain de faire des tests.

Cordialement

[viescale]

Je ne souhaitais pas faire une chat box latérale mais juste un panneau coulissant (qui contiendrait ensuite du texte et des liens vers d'autres forums). Désolé, j'aurais peut-être dû le préciser plus haut.

Cordialement

[Scipion]

Dans les deux versions du panneau coulissant, Panneau à gauche et Panneau à droite, un "anti slash" s'est glissé juste à la fin du code :

Code:

</table>\'); } );

Vous devez le supprimer pour que le code fonctionne correctement, comme ceci :

Code:

</table>'); } );

Faites un nouvel essai svp.

Cordialement

[viescale]

Ca maaaarche. Merci beaucoup
Par contre dans le tuto aussi faudra le changer^^


Merci en tout cas