Inserer chatbox dans un panel

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

Résolu Inserer chatbox dans un panel

Message par Xibition le Sam 10 Mar 2012 - 23:39

Bonsoiir , tout dabord merci de jeter un coup d'oeil à mon sujet Rolling Eyes

Sinon, je rencontre un problème avec ma chatbox, j'aimerais installer ma chatbox dans un panel que j'ai crée !

Je vous explique, voici le code JS de mon panel :

Spoiler:
Code:
$(function(){

   $("body").append('<div id="fp461" class="fpanel"><table class="fptable"><tr><td class="fpcontent"></td><td class="fpbuttons"><span class="fpopen"><img src="http://img15.hostingpics.net/pics/681441123384ouvrirr.png" /></span><span class="fpclose"><img src="http://oi44.tinypic.com/2exorc4.jpg" /></span></td></tr><table></div>');
   $("#fp461 .fpbuttons > span").click(function(){
      $(this).add($(this).siblings()).toggle();
      $("#fp461").animate({"left":$(this).is(".fpclose")?-600:0},3000);
   });

});


Le CSS :
Spoiler:
Code:
.fpanel { position: fixed; }
.fpclose,.fpopen { cursor: pointer; }
.fpclose { display: none; }

#fp461 { top: 20%; left: -600px; }
#fp461 .fpcontent { width: 600px; }


Et puis j'aimerais y insérer ma chatbox. Comme ca quand on clique sur le bouton du panel ma chatbox apparait Rolling Eyes C'est comme une chatbox latéral coulissante mais j'aimerais qu'il y ai ce temps de transition lors du clique ! En bref j'aimerais avoir ce temps de transition quoi clown

Je ne sais pas si c'est assez clair mais merci d'avance What a Face


Dernière édition par jiji98 le Dim 18 Mar 2012 - 17:10, édité 1 fois

Xibition
****

Féminin
Messages : 457
Inscrit(e) le : 23/05/2011

Xibition a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Inserer chatbox dans un panel

Message par Ea le Dim 11 Mar 2012 - 1:12

Bonjour,


L'utilité de :
http://www.maonyn.com/h10-generateur-de-pannel

C'est de pouvoir mettre un contenu, et une chatbox le contenu c'est par exemple pour que ça prenne toute la place du conteneur :

Code:
<iframe src="/chatbox/index.forum" scrolling="no" width="100%" height="100%" marginwidth="0" marginheight="0" frameborder="0"></iframe>
Cordialement.

Ea
Aidactif
Aidactif

Messages : 23447
Inscrit(e) le : 04/04/2008

Ea a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Inserer chatbox dans un panel

Message par Xibition le Dim 11 Mar 2012 - 14:27

Coucouu merci déjà de m'avoir répondu Rolling Eyes

Mais je ne comprend pas très bien ce que vous voulez dire =$ Je ne m'y connais pas assez en html et tout ça ..

Le code que vous m'avez passé ça se met ou ?

EDIT : Ah c'est bon j'ai réussi avec le code :p Par contre quand le panel est ouvert le contenu passe en dessous des textes, catégories ... =S

Spoiler:



+ Le panel apparait sur un autre ordinateur mais pas sur le mien :s J'ai essayé de changer de navigateur mais il n'apparait toujours pas Mad

Xibition
****

Féminin
Messages : 457
Inscrit(e) le : 23/05/2011

Xibition a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Inserer chatbox dans un panel

Message par Xibition le Lun 12 Mar 2012 - 19:04

up Smile

Xibition
****

Féminin
Messages : 457
Inscrit(e) le : 23/05/2011

Xibition a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Inserer chatbox dans un panel

Message par Ea le Lun 12 Mar 2012 - 19:27

Pour ce qui est de l'affichage, j'ai essayé sur une page test :
http://www.maonyn.com/h21-test-panel

Et ça s'affiche sur firefox et chrome sans problème.

Pour ce qui est de ce qui passe au dessus, c'est surement quelque chose qui a un z-index plus élevé, il faudrait donc ajouter au :

Code:
.fpanel { position: fixed; }
Un z-index plus élevé pour que ce soit au dessus, par exemple :

Code:
.fpanel { position: fixed; z-index: 5; }
Si l'autre élément a un z-index de 4.

Cordialement.

Ea
Aidactif
Aidactif

Messages : 23447
Inscrit(e) le : 04/04/2008

Ea a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Inserer chatbox dans un panel

Message par Xibition le Ven 16 Mar 2012 - 22:25

C'est bizarre ca n'apparait tjr pas sur mon ordi :S
Sinon je vais essayer sur mon autre ordi pour voir Very Happy

Merci !

Xibition
****

Féminin
Messages : 457
Inscrit(e) le : 23/05/2011

Xibition a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Inserer chatbox dans un panel

Message par Xibition le Dim 18 Mar 2012 - 17:10

Bon ca ne marche toujours pas chez moi :/ mais merci beaucoup Etana Rolling Eyes

Xibition
****

Féminin
Messages : 457
Inscrit(e) le : 23/05/2011

Xibition a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Inserer chatbox dans un panel

Message par Invité le Dim 18 Mar 2012 - 17:52

Coucou,

Je t'invite à vider la cache de ton navigateur et voir si le problème persiste Wink !

Invité
Invité


Invité 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