Panneau latéral

[Xùanlu]

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.

[Lixyr]

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.

[Xùanlu]

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

[Lixyr]

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.

[Xùanlu]

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>'); } );

[Lixyr]

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.

[Xùanlu]

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