Probleme avec une chatbox coulissante ;w;

2 participants

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

Résolu Probleme avec une chatbox coulissante ;w;

Message par Suzukihotaru D'Ayfir Lun 10 Déc 2012 - 14:48

Bonjour ou bonsoir, j'ai un petit -ou gros?- problème avec les codes de ma chatbox coulissante. J'ai eu des bugs dans le thème que j'ai réussi à arranger plus ou moins grâce à des tuto mais, dès que j'essaye d'arrondir les bordures du forum ou des catégories, la chatbox s’enlève et quand j'ai voulu changer les boutons d'ouvrir et fermer ladite chatbox, elle ne s'affiche plus. Je ne sais pas si c'est parce qu'ils sont trop grands ou parce que le format ne convient pas, ou autre chose... Sincèrement, je suis vraiment nulle en codage ;w; alors, je ne sais pas où se trouve le problème... Je ne savais pas vraiment où poster alors... j’espère au moins que c'est le bon endroit >_<

Voici les boutons en question:
https://2img.net/image.noelshack.com/fichiers/2012/50/1355146568-fermer.png
https://2img.net/image.noelshack.com/fichiers/2012/50/1355146569-ouvrir.png

Et voici le script qui me pose problème:
Code:
jQuery(document).ready(function() { jQuery('body').append('<table style="position: fixed; bottom: 50px; left: 0px;background-color: #ffffff;z-index:10000;-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;"><tr><td><div id="panneau" scrolling="no" style="width: 800px; height: 380px; display: none;" marginwidth="5" marginheight="5" frameborder="0"><iframe src="/chatbox/index.forum?page=front" style="width: 800px; height: 350px;" ></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://image.noelshack.com/fichiers/2012/50/1355146569-ouvrir.png')?\'block\':\'none\';this.src=(this.src==\'http://image.noelshack.com/fichiers/2012/50/1355146569-ouvrir.png')?\'http://image.noelshack.com/fichiers/2012/50/1355146568-fermer.png':\'http://image.noelshack.com/fichiers/2012/50/1355146569-ouvrir.png';"/></td></tr></table>'); } );

Si quelqu'un peut m'aider et/ou a besoin d'autres codes pour voir ce qui cloche, n'hésitez pas à me les demander. Encore désolée si ce n'est pas très....clair? T_T


Dernière édition par Suzukihotaru D'Ayfir le Lun 10 Déc 2012 - 15:56, édité 1 fois
Suzukihotaru D'Ayfir

Suzukihotaru D'Ayfir
**

Féminin
Messages : 58
Inscrit(e) le : 15/11/2012

http://www.azhentia-chronicles.com/
Suzukihotaru D'Ayfir a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Probleme avec une chatbox coulissante ;w;

Message par Automne Lun 10 Déc 2012 - 15:08

Bonjour,

Vous avez oublié les \ après vos images Wink

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: 380px; display: none;" marginwidth="5" marginheight="5" frameborder="0"><iframe src="/chatbox/index.forum?page=front" style="width: 800px; height: 350px;" ></iframe></div></td><td style="vertical-align: bottom;"><img src="http://image.noelshack.com/fichiers/2012/50/1355146569-ouvrir.png" onClick="document.getElementById(\'panneau\').style.display=(this.src==\'http://image.noelshack.com/fichiers/2012/50/1355146569-ouvrir.png\')?\'block\':\'none\';this.src=(this.src==\'http://image.noelshack.com/fichiers/2012/50/1355146569-ouvrir.png\')?\'http://image.noelshack.com/fichiers/2012/50/1355146568-fermer.png\':\'http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png\';"/></td></tr></table>'); } );
Automne

Automne
Membre actif

Messages : 8431
Inscrit(e) le : 22/03/2010

https://gilles570.motards.net/
Automne a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Probleme avec une chatbox coulissante ;w;

Message par Suzukihotaru D'Ayfir Lun 10 Déc 2012 - 15:14

Ouf! Merci beaucoup >w< vraiment, merci. Par contre, dites, est-ce qu'on peut mettre le fond du bouton avec un fond transparent? Enfin... Je ne sais pas si vous voyez ce que je veux dire: J'ai une image et j'aimerais qu'elle reste telle qu'elle. Je ne sais pas si c'est possible ou pas mais... ici ça fait un gros carré blanc au lieu de garder les transparences...

Spoiler:

Edit: Maintenant, en plus, quand je clique une fois pour ouvrir et après je referme, mes images disparaissent et restent uniquement les boutons par defaut, qui ne veulent plus ouvrir la chatbox ;w;. Je suis en PhpBB2, au cas où cela peut aider.
Suzukihotaru D'Ayfir

Suzukihotaru D'Ayfir
**

Féminin
Messages : 58
Inscrit(e) le : 15/11/2012

http://www.azhentia-chronicles.com/
Suzukihotaru D'Ayfir a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Probleme avec une chatbox coulissante ;w;

Message par Automne Lun 10 Déc 2012 - 15:51

Re,

voui c'est de ma faute, j'avais oublié de rajouter une image a la fin, j'ai retiré la couleur blanche du bouton, donc normalement se doit etre bon
Code:
jQuery(document).ready(function() { jQuery('body').append('<table style="position: fixed; bottom: 50px; left: 0px;background-color: #;z-index:10000;"><tr><td><div id="panneau" scrolling="no" style="width: 800px; height: 380px; display: none;" marginwidth="5" marginheight="5" frameborder="0"><iframe src="/chatbox/index.forum?page=front" style="width: 800px; height: 350px;" ></iframe></div></td><td style="vertical-align: bottom;"><img src="http://image.noelshack.com/fichiers/2012/50/1355146569-ouvrir.png" onClick="document.getElementById(\'panneau\').style.display=(this.src==\'http://image.noelshack.com/fichiers/2012/50/1355146569-ouvrir.png\')?\'block\':\'none\';this.src=(this.src==\'http://image.noelshack.com/fichiers/2012/50/1355146569-ouvrir.png\')?\'http://image.noelshack.com/fichiers/2012/50/1355146568-fermer.png\':\'http://image.noelshack.com/fichiers/2012/50/1355146569-ouvrir.png\';"/></td></tr></table>'); } );
Automne

Automne
Membre actif

Messages : 8431
Inscrit(e) le : 22/03/2010

https://gilles570.motards.net/
Automne a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Probleme avec une chatbox coulissante ;w;

Message par Suzukihotaru D'Ayfir Lun 10 Déc 2012 - 15:55

Je vous remercie infiniment *^* ça marche!
Suzukihotaru D'Ayfir

Suzukihotaru D'Ayfir
**

Féminin
Messages : 58
Inscrit(e) le : 15/11/2012

http://www.azhentia-chronicles.com/
Suzukihotaru D'Ayfir 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