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

Page 2 sur 2 Précédent  1, 2

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

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

Message par supergogetass4 le Mar 9 Avr 2013 - 17:15

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.


Dernière édition par supergogetass4 le Dim 12 Mai 2013 - 13:20, édité 4 fois

supergogetass4
****

Masculin
Messages : 475
Inscrit(e) le : 23/03/2013

http://lga-v5.forumactif.com/forum
supergogetass4 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre le bouton open à gauche et la barre en bas.

Message par supergogetass4 le Mer 8 Mai 2013 - 15:37

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.

supergogetass4
****

Masculin
Messages : 475
Inscrit(e) le : 23/03/2013

http://lga-v5.forumactif.com/forum
supergogetass4 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre le bouton open à gauche et la barre en bas.

Message par jonathan78 le Mer 8 Mai 2013 - 19:11

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

? Smile

jonathan78
****

Masculin
Messages : 220
Inscrit(e) le : 07/09/2011

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

Résolu Re: Mettre le bouton open à gauche et la barre en bas.

Message par supergogetass4 le Mer 8 Mai 2013 - 19:33

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?

supergogetass4
****

Masculin
Messages : 475
Inscrit(e) le : 23/03/2013

http://lga-v5.forumactif.com/forum
supergogetass4 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre le bouton open à gauche et la barre en bas.

Message par jonathan78 le Jeu 9 Mai 2013 - 16:24

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

jonathan78
****

Masculin
Messages : 220
Inscrit(e) le : 07/09/2011

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

Résolu Re: Mettre le bouton open à gauche et la barre en bas.

Message par supergogetass4 le Jeu 9 Mai 2013 - 17:39

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

supergogetass4
****

Masculin
Messages : 475
Inscrit(e) le : 23/03/2013

http://lga-v5.forumactif.com/forum
supergogetass4 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre le bouton open à gauche et la barre en bas.

Message par Inception le Jeu 9 Mai 2013 - 20:18

Bonsoir essaie ce code Wink

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

Inception
****

Masculin
Messages : 222
Inscrit(e) le : 10/04/2013

http://ssx4.forumgratuit.org/
Inception a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre le bouton open à gauche et la barre en bas.

Message par supergogetass4 le Jeu 9 Mai 2013 - 20:24

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

supergogetass4
****

Masculin
Messages : 475
Inscrit(e) le : 23/03/2013

http://lga-v5.forumactif.com/forum
supergogetass4 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre le bouton open à gauche et la barre en bas.

Message par supergogetass4 le Ven 10 Mai 2013 - 18:40

Up.

supergogetass4
****

Masculin
Messages : 475
Inscrit(e) le : 23/03/2013

http://lga-v5.forumactif.com/forum
supergogetass4 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre le bouton open à gauche et la barre en bas.

Message par supergogetass4 le Sam 11 Mai 2013 - 12:50

Up.

supergogetass4
****

Masculin
Messages : 475
Inscrit(e) le : 23/03/2013

http://lga-v5.forumactif.com/forum
supergogetass4 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre le bouton open à gauche et la barre en bas.

Message par Inception le Sam 11 Mai 2013 - 13:48

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

Inception
****

Masculin
Messages : 222
Inscrit(e) le : 10/04/2013

http://ssx4.forumgratuit.org/
Inception a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre le bouton open à gauche et la barre en bas.

Message par supergogetass4 le Sam 11 Mai 2013 - 14:59

ça ne marche pas voici la lien de la nouvelle image : http://img11.hostingpics.net/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.

supergogetass4
****

Masculin
Messages : 475
Inscrit(e) le : 23/03/2013

http://lga-v5.forumactif.com/forum
supergogetass4 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre le bouton open à gauche et la barre en bas.

Message par Inception le Dim 12 Mai 2013 - 13:08

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

Inception
****

Masculin
Messages : 222
Inscrit(e) le : 10/04/2013

http://ssx4.forumgratuit.org/
Inception a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre le bouton open à gauche et la barre en bas.

Message par supergogetass4 le Dim 12 Mai 2013 - 13:19

Merci beaucoup Very Happy
Problème résolu.

supergogetass4
****

Masculin
Messages : 475
Inscrit(e) le : 23/03/2013

http://lga-v5.forumactif.com/forum
supergogetass4 a été remercié(e) par l'auteur de ce sujet.

Page 2 sur 2 Précédent  1, 2

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


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