Problème avec la chatbox latérale

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

Résolu Problème avec la chatbox latérale

Message par Lixyr le Lun 10 Sep 2012 - 1:33

Bonsoir à vous, FDF ! ::fleur::

J'ai un problème avec ma chat-box latérale. J'ai bien évidemment repris le code d'Alex pour ma chat-box ... et ça marche parfaitement bien, oui. Sous Firefox. Mais pas sous Chrome. Angel

Voyez par vous-même : http://fantasmagoria.roleaddict.com/forum
(chat-box latérale = le bouton chat-box, tout en bas, à droite).

Alors... j'explique en quelques lignes le soucis :

- quand on clique sur l’icône de la chat box, la chat box en iframe s'ouvre en block, à gauche de l’icône. Ça c'est quand tout se passe bien.
=> sous Chrome, la chat-box s'ouvre, mais complètement plus à droite, bref, elle sort de l'écran, et d'ailleurs, l’icône de la chat-box pour ouvrir ou fermer n'est même plus à sa place, en position fixe. Oo
Dois-je rajouter une position fixe à l’icône pour que ça fonctionne ?


Voici les codes :

Javascript :

Code:
jQuery(document).ready(function() { jQuery('body').append('<table style="position: fixed; bottom:0px;right:0px;background-color: #;z-index:10000;width:80px;"><tr><td><div id="panneau" scrolling="no" style="display: none;" marginwidth="0" marginheight="0" frameborder="0"><iframe src="/chatbox/index.forum?page=front" style="width: 800px; height: 400px;" frameborder="0"></iframe></div></td><td style="vertical-align:bottom"><img src="http://i43.servimg.com/u/f43/11/73/93/90/chatbo10.png" onClick="document.getElementById(\'panneau\').style.display=(this.src==\'http://i43.servimg.com/u/f43/11/73/93/90/chatbo10.png\')?\'block\':\'none\';this.src=(this.src==\'http://i43.servimg.com/u/f43/11/73/93/90/chatbo10.png\')?\'http://i43.servimg.com/u/f43/11/73/93/90/closec10.png\':\'http://i43.servimg.com/u/f43/11/73/93/90/chatbo10.png\';"/></td></tr></table>'); } );

CSS :

Code:
/*chatboxe latérale*/
#panneau {
  border: 2px solid #1a0e0d;
  -moz-border-radius: 8px;border-radius:8px;-webkit-border-radius:8px;
  margin-bottom:10px;
  width: 800px; height: 400px;
}

(j'ai bien évidement cherché par moi-même sur internet avant de venir poster mon problème ici. Pas de résultats concluants... le meilleur étant lorsque j'ai fixé l'icône : l'icône reste bien à sa place, mais la chat-box s'affiche toujours autant à droite. Et le rendu est affreux sur Firefox, puisque du coup la chat-box passe par dessus l’icône, et ne s'affiche plus à côté. reflexion )


Merci au ForumActivien tout-puissant qui parviendra à m'aider sur ce problème.


Dernière édition par Lixyr le Lun 10 Sep 2012 - 10:16, édité 1 fois

Lixyr
Aidactive
Aidactive

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

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec la chatbox latérale

Message par Milouze14 le Lun 10 Sep 2012 - 8:02

Salut Lixyr,

heu !!!
Tu attribues une largeur de 80px dans le script:
Code:
width:80px;

jQuery(document).ready(function() { jQuery('body').append('<table style="position: fixed; bottom:0px;right:0px;background-color: #;z-index:10000;width:80px;"><tr><td><div id="panneau" scrolling="no" style="display: none;" marginwidth="0" marginheight="0" frameborder="0"><iframe src="/chatbox/index.forum?page=front" style="width: 800px; height: 400px;" frameborder="0"></iframe></div></td><td style="vertical-align:bottom"><img src="http://i43.servimg.com/u/f43/11/73/93/90/chatbo10.png" onClick="document.getElementById(\'panneau\').style.display=(this.src==\'http://i43.servimg.com/u/f43/11/73/93/90/chatbo10.png\')?\'block\':\'none\';this.src=(this.src==\'http://i43.servimg.com/u/f43/11/73/93/90/chatbo10.png\')?\'http://i43.servimg.com/u/f43/11/73/93/90/closec10.png\':\'http://i43.servimg.com/u/f43/11/73/93/90/chatbo10.png\';"/></td></tr></table>'); } );

Supprimes tout le contenu et insères celui-ci: Wink
Code:
        jQuery(document).ready(function() { jQuery('body').append('<table style="position: fixed; bottom:0px;right:0px;background-color: #;z-index:10000;"><tr><td><div id="panneau" scrolling="no" style="display: none;" marginwidth="0" marginheight="0" frameborder="0"><iframe src="/chatbox/index.forum?page=front" style="width: 800px; height: 400px;" frameborder="0"></iframe></div></td><td style="vertical-align:bottom"><img src="http://i43.servimg.com/u/f43/11/73/93/90/chatbo10.png" onClick="document.getElementById(\'panneau\').style.display=(this.src==\'http://i43.servimg.com/u/f43/11/73/93/90/chatbo10.png\')?\'block\':\'none\';this.src=(this.src==\'http://i43.servimg.com/u/f43/11/73/93/90/chatbo10.png\')?\'http://i43.servimg.com/u/f43/11/73/93/90/closec10.png\':\'http://i43.servimg.com/u/f43/11/73/93/90/chatbo10.png\';"/></td></tr></table>'); } );



a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4565
Inscrit(e) le : 18/04/2005

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

Résolu Re: Problème avec la chatbox latérale

Message par Lixyr le Lun 10 Sep 2012 - 10:16

@Milouze14 a écrit:Supprimes tout le contenu et insères celui-ci: Wink

Tu sais, tu peux me dire "supprime la taille indiquée pour la table", je comprendrai. Parce que "supprime ton contenu et mets ça" ... c'est le genre de chose que je ne fais pas quand je connais le code.. Mr. Green Je préfère qu'on me dise quel changement opérer.

Bref, oui en effet ! La taille de l'icône était indiquée pour la table, et pas pour l'icone... affraid Je n'avais même pas vu. Angel

C'est impeccable maintenant.
Merci Milouze ::fleur::

Lixyr
Aidactive
Aidactive

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

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

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