Panneau latéral

2 participants

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

Résolu Panneau latéral

Message par Xùanlu Mar 25 Oct 2011 - 8:26

Bonjour,
J'ai crée un panneau latéral avec la chat box sur mon forum,j'ai fais tout bon,tout juste,mais le code marche pas.
Voici le code que j'ai fais :
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://hebergeurimage.free.fr/ChatBox.201110258235.png" onClick="document.getElementById(\'panneau\').style.display=(this.src==\'http://hebergeurimage.free.fr/ChatBox.201110258235.png\')?\'block\':\'none\';this.src=(this.src==\'http://hebergeurimage.free.fr/Chat Box.201110258235.png\')?\'http://hebergeurimage.free.fr/ChatBox.201110258235.png\':\'http://hebergeurimage.free.fr/ChatBox.201110258235.png\';"/></td></tr></table>'); } );

Mais la chat box s'affiche pas correctement :
Elle ne s'affiche pas du tout à vrai dire.

Merci de me corriger.
Cordialement.


Dernière édition par Xùanlu le Mar 25 Oct 2011 - 11:13, édité 1 fois
Xùanlu

Xùanlu
**

Messages : 91
Inscrit(e) le : 04/06/2011

http://bloopy.forumgratuit.org/
Xùanlu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Panneau latéral

Message par Lixyr Mar 25 Oct 2011 - 10:11

Bonjour.

Votre code est bon, mais les images hébergées sont mal hébergées d'où l'erreur d'affichage.
Voyez par vous-même : http://hebergeurimage.free.fr/ChatBox.201110258235.png


Ré-herbegez vos images et ça marchera.

Cordialement.


Pour faciliter les recherches, mettez un titre explicite.
Remerciez Panneau latéral 976083691 le message qui vous a aidé pour que celui-ci soit mis en évidence.
Épinglez votre sujet en résolu Panneau latéral 3592387030 pour prévenir la modération.

Panneau latéral Baston10
Lixyr

Lixyr
Aidactive
Aidactive

Féminin
Messages : 7381
Inscrit(e) le : 22/07/2010

https://forum.forumactif.com
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Panneau latéral

Message par Xùanlu Mar 25 Oct 2011 - 10:19

Je l'ai fais merci.
Mais j'ai encore un problème quand je l'ouvre je ne peux plus le refermer.
Xùanlu

Xùanlu
**

Messages : 91
Inscrit(e) le : 04/06/2011

http://bloopy.forumgratuit.org/
Xùanlu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Panneau latéral

Message par Lixyr Mar 25 Oct 2011 - 10:29

Vous avez bien deux images différentes : une pour ouvrir, et une pour fermer ?
Mettez-moi votre nouveau code, au pire, s'il y a doute.

Cordialement.


Pour faciliter les recherches, mettez un titre explicite.
Remerciez Panneau latéral 976083691 le message qui vous a aidé pour que celui-ci soit mis en évidence.
Épinglez votre sujet en résolu Panneau latéral 3592387030 pour prévenir la modération.

Panneau latéral Baston10
Lixyr

Lixyr
Aidactive
Aidactive

Féminin
Messages : 7381
Inscrit(e) le : 22/07/2010

https://forum.forumactif.com
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Panneau latéral

Message par Xùanlu Mar 25 Oct 2011 - 10:33

Non,j'ai une image pour les deux.
Voici mon code :
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://i46.servimg.com/u/f46/16/96/94/81/chat_b10.png" onClick="document.getElementById(\'panneau\').style.display=(this.src==\'http://i46.servimg.com/u/f46/16/96/94/81/chat_b10.png\')?\'block\':\'none\';this.src=(this.src==\'http://i46.servimg.com/u/f46/16/96/94/81/chat_b10.png\')?\'http://i46.servimg.com/u/f46/16/96/94/81/chat_b10.png\':\'http://i46.servimg.com/u/f46/16/96/94/81/chat_b10.png\';"/></td></tr></table>'); } );
Xùanlu

Xùanlu
**

Messages : 91
Inscrit(e) le : 04/06/2011

http://bloopy.forumgratuit.org/
Xùanlu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Panneau latéral

Message par Lixyr Mar 25 Oct 2011 - 10:41

Lixyr Yrna a écrit:Vous avez bien deux images différentes : une pour ouvrir, et une pour fermer ?

Dans votre code, vous avez mis la même image, pour ouvrir et fermer. Le même lien. Ca en marche donc pas. Mettez une autre image pour fermer la chatbox :

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="https://i.servimg.com/u/f46/16/96/94/81/chat_b10.png" onClick="document.getElementById(\'panneau\').style.display=(this.src==\'https://i.servimg.com/u/f46/16/96/94/81/chat_b10.png\')?\'block\':\'none\';this.src=(this.src==\'https://i.servimg.com/u/f46/16/96/94/81/chat_b10.png\')?\'https://i.servimg.com/u/f81/11/21/85/73/fermer10.png\':\'https://i.servimg.com/u/f46/16/96/94/81/chat_b10.png\';"/></td></tr></table>'); } );

Cordialement.
Lixyr

Lixyr
Aidactive
Aidactive

Féminin
Messages : 7381
Inscrit(e) le : 22/07/2010

https://forum.forumactif.com
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Panneau latéral

Message par Xùanlu Mar 25 Oct 2011 - 11:02

Je vais essayer,je vais pas mettre ça en résolue car je vais voir si ça marche au cas où.
Xùanlu

Xùanlu
**

Messages : 91
Inscrit(e) le : 04/06/2011

http://bloopy.forumgratuit.org/
Xùanlu 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