Vérifiez vos informations

Il semblerait que les informations techniques de votre profil n'aient pas été actualisées depuis un certain temps... Pour que l'aide apportée vous soit efficace, il est important que ces informations soient à jour : prenez quelques secondes pour confirmer ou compléter les informations suivantes.


Lien de votre forum
Version de ce forum
Vous êtes le fondateur de ce forum
Vous avez modifié le CSS de ce forum
Vous avez modifié les templates de ce forum
Votre navigateur

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
avatar

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

Ea
Aidactif
Aidactif

Messages : 23491
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
avatar

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
avatar

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

Ea
Aidactif
Aidactif

Messages : 23491
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 !
avatar

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
avatar

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 !
avatar

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