Mettre le bouton open à gauche et la barre en bas.

[supergogetass4]

Rappel du premier message :

J'arrive à voir la fenêtre coulisante mais, j'aimerais bien la voir au millieu de ma page, j'ai utilisé ce code.

Code:

jQuery(document).ready(function() { jQuery('body').append('<table style="position: fixed; bottom: 50px; right: 0px;background-color: #ffffff;z-index:10000;"><tr><td><div id="panneau" scrolling="no" style="width: 765px; 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>'); } );

Le code normal.
Pouvez-vous m'aider svp.

[supergogetass4]

Non, si on touche au bottom: 35%, c'est l'icône ouvrir qui s'abaisse mais, j'aimerais que la chatbox s'affiche en bas sans bouger l'icône ouvrir.

[Invité]

Et avec ceci :

Code:

jQuery(document).ready(function() { jQuery('body').append('<table style="position: fixed; bottom: 35%; right: 0px;background-color: #;z-index:10000;"><tr><td style="vertical-align: top;"><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://image.noelshack.com/fichiers/2013/18/1367683414-3.png\':\'http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png\';"/></td><td><div id="panneau" scrolling="no" style="width: 765px; height: 400px; display: none;" marginwidth="0" marginheight="0" frameborder="0"><iframe src="/chatbox/index.forum?page=front" style="width: 763px; height: 382px;" ></iframe></div></td></tr></table>'); } );

?

[supergogetass4]

C'est l'autre bottom qui fallait changé.

Code:

jQuery(document).ready(function() { jQuery('body').append('<table style="position: fixed; top: 45%; right: 0px;background-color: #;z-index:10000;"><tr><td style="vertical-align: bottom: 100%;"><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://image.noelshack.com/fichiers/2013/18/1367683414-3.png\':\'http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png\';"/></td><td><div id="panneau" scrolling="no" style="width: 765px; height: 400px; display: none;" marginwidth="0" marginheight="0" frameborder="0"><iframe src="/chatbox/index.forum?page=front" style="width: 763px; height: 382px;" ></iframe></div></td></tr></table>'); } );

Mais est-ce possible de mettre tous au dessus de la chatbox à la place d'être centrée?

[Invité]

Mais pourquoi as-tu mis ceci :

Code:

vertical-align: bottom: 100%;

à la place de ceci :

Code:

vertical-align: top;

Je ne comprend pas très bien là...

[supergogetass4]

Merci, problème résolu.

J'aimerais juste faire une dernière chose.
Je voudrai appuyer sur ce bouton pour ouvrir et fermer la chatbox, j'ai déja réussi à remplacer le bouton fermer mais je n'arrive pas à remplacer le bouton ouvrir ( ).

Je remets le code.

Code:

jQuery(document).ready(function() { jQuery('body').append('<table style="position: fixed; top: 45%; right: 0px;background-color: #;z-index:10000;"><tr><td style="vertical-align: top;"><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://image.noelshack.com/fichiers/2013/18/1367683414-3.png\':\'http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png\';"/></td><td><div id="panneau" scrolling="no" style="width: 765px; height: 400px; display: none;" marginwidth="0" marginheight="0" frameborder="0"><iframe src="/chatbox/index.forum?page=front" style="width: 763px; height: 382px;" ></iframe></div></td></tr></table>'); } );

[Inception]

Bonsoir essaie ce code

Code:

 jQuery(document).ready(function() { jQuery('body').append('<table style="position: fixed; top: 45%; right: 0px;background-color: #;z-index:10000;"><tr><td style="vertical-align: top;"><img src="http://image.noelshack.com/fichiers/2013/18/1367683414-3.png\" onClick="document.getElementById(\'panneau\').style.display=(this.src==\'http://image.noelshack.com/fichiers/2013/18/1367683414-3.png\')?\'block\':\'none\';this.src=(this.src==\'http://image.noelshack.com/fichiers/2013/18/1367683414-3.png\')?\'http://image.noelshack.com/fichiers/2013/18/1367683414-3.png\':\'http://image.noelshack.com/fichiers/2013/18/1367683414-3.png\';"/></td><td><div id="panneau" scrolling="no" style="width: 765px; height: 400px; display: none;" marginwidth="0" marginheight="0" frameborder="0"><iframe src="/chatbox/index.forum?page=front" style="width: 763px; height: 382px;" ></iframe></div></td></tr></table>'); } );

[supergogetass4]

Les 2 boutons s'affichent comme je veux mais, je ne peux plus refermer la chatbox.

[supergogetass4]

Up.

[supergogetass4]

Up.

[Inception]

Bonjour,
Je viens de vérifier le code... Il faut absolument mettre une autre image pour la fermeture de la CB pour que ça fonctionne (au pire, tu héberges à nouveau ton bouton sous un autre nom)

Pour que ta CB latérale fonctionne, tu dois remplacer METTRE L ADRESSE D UNE AUTRE IMAGE ICI par l'adresse de ton bouton de fermeture.

Code:

jQuery(document).ready(function() { jQuery('body').append('<table style="position: fixed; top: 45%; right: 0px;background-color: #;z-index:10000;"><tr><td style="vertical-align: top;"><img src="http://image.noelshack.com/fichiers/2013/18/1367683414-3.png" onClick="document.getElementById(\'panneau\').style.display=(this.src==\http://image.noelshack.com/fichiers/2013/18/1367683414-3.png\')?\'block\':\'none\';this.src=(this.src==\'http://image.noelshack.com/fichiers/2013/18/1367683414-3.png\')?\'METTRE L ADRESSE D UNE AUTRE IMAGE ICI\':\'http://image.noelshack.com/fichiers/2013/18/1367683414-3.png\';"/></td><td><div id="panneau" scrolling="no" style="width: 765px; height: 400px; display: none;" marginwidth="0" marginheight="0" frameborder="0"><iframe src="/chatbox/index.forum?page=front" style="width: 763px; height: 382px;" ></iframe></div></td></tr></table>'); } );

Bonne journée

[supergogetass4]

ça ne marche pas voici la lien de la nouvelle image : https://2img.net/r/hpimg11/pics/781975gogetass.png

Voici le code :

Code:

jQuery(document).ready(function() { jQuery('body').append('<table style="position: fixed; top: 45%; right: 0px;background-color: #;z-index:10000;"><tr><td style="vertical-align: top;"><img src="http://image.noelshack.com/fichiers/2013/18/1367683414-3.png" onClick="document.getElementById(\'panneau\').style.display=(this.src==\http://image.noelshack.com/fichiers/2013/18/1367683414-3.png\')?\'block\':\'none\';this.src=(this.src==\'http://image.noelshack.com/fichiers/2013/18/1367683414-3.png\')?\'http://img11.hostingpics.net/pics/781975gogetass.png\':\'http://image.noelshack.com/fichiers/2013/18/1367683414-3.png\';"/></td><td><div id="panneau" scrolling="no" style="width: 765px; height: 400px; display: none;" marginwidth="0" marginheight="0" frameborder="0"><iframe src="/chatbox/index.forum?page=front" style="width: 763px; height: 382px;" ></iframe></div></td></tr></table>'); } );

Ce qui ne va pas, c'est que je ne peux plus ouvrir la chatbox.

[Inception]

Bonjour

Voici le code entier... Tu n'as plus qu'à le coller sur ta page HTML

Code:

jQuery(document).ready(function() { jQuery('body').append('<table style="position: fixed; top: 45%; right: 0px;background-color: #;z-index:10000;"><tr><td style="vertical-align: top;"><img src="http://image.noelshack.com/fichiers/2013/18/1367683414-3.png\" onClick="document.getElementById(\'panneau\').style.display=(this.src==\'http://image.noelshack.com/fichiers/2013/18/1367683414-3.png\')?\'block\':\'none\';this.src=(this.src==\'http://image.noelshack.com/fichiers/2013/18/1367683414-3.png\')?\'http://img11.hostingpics.net/pics/781975gogetass.png\':\'http://image.noelshack.com/fichiers/2013/18/1367683414-3.png\';"/></td><td><div id="panneau" scrolling="no" style="width: 765px; height: 400px; display: none;" marginwidth="0" marginheight="0" frameborder="0"><iframe src="/chatbox/index.forum?page=front" style="width: 763px; height: 382px;" ></iframe></div></td></tr></table>'); } );

[supergogetass4]

Merci beaucoup
Problème résolu.