ChatBox rétractable qui se déploie progressivement

Page 1 sur 2 1, 2  Suivant

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

Résolu ChatBox rétractable qui se déploie progressivement

Message par Polux99 le Dim 6 Juin 2010 - 22:32

Bonjour,

Dans un sujet vous donniez le code pour implanter une CahtBox rétractable.
http://forum.forumactif.com/gerer-l-apparence-de-son-forum-f7/positionnement-de-la-chatbox-t276177.htm
Code ok, pas de problème.

Comment faire pour que le "tiroir" se déploie progressivement et non d'un coup ?

Polux99.

Polux99
*

Messages : 49
Inscrit(e) le : 11/02/2010

http://www.clubitineo.net/
Polux99 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: ChatBox rétractable qui se déploie progressivement

Message par Ea le Dim 6 Juin 2010 - 23:14

Bonjour et Bienvenue
sur le Forum des Forums ForumActif
Vu que vous êtes nouveau, voici quelques sujets importants :
Sécurité : mail de fondation - Ce qu'il ne faut pas faire
Questions/Réponses fréquentes - Listing
Trucs et astuces - Listing
La fonction Rechercher
La FAQ de Forumactif.com

N'hésitez pas à ouvrir un nouveau sujet si vous ne trouvez pas votre réponse Wink
Pour ajouter l'enregistrement de l'état ( ouverte ou fermé ) et qu'elle se déploie progressivement j'avais déjà répondu à un message ceci ( mais il n'est plus disponible car delesté ) :

Etana a écrit:Alors pour le mettre dans une page html et l'inclure comme ça il faut juste mettre dans la page html :

Code:
jQuery(document).ready(function() {
jQuery('body').append('<div style="position: fixed; bottom:50px; left:0px;z-index:10000; height: 400px;" id="chatboxpop"><iframe src="/chatbox/chatbox.forum?page=front&" scrolling="no" style="float: left; width: 700px; height: 300px;" marginwidth="0" marginheight="0" frameborder="0"></iframe><span style="cursor:pointer" onClick="my_setcookie(\'chatboxpop\',jQuery(\'#chatboxpop iframe\').css(\'display\'),1,0);jQuery(\'#chatboxpop iframe\').animate({width: \'toggle\'},200);jQuery(\'#chatboxpop img\').toggle();"><img src="http://nsa13.casimages.com/img/2010/03/01/100301041318917057.png" /><img src="http://nsa13.casimages.com/img/2010/03/01/100301041454780851.png" style="display: none;"/></span></div>');
  if(my_getcookie('chatboxpop')!='none')
  {
      jQuery('#chatboxpop iframe').animate({width:'toggle'},0);
      jQuery('#chatboxpop img').toggle();
  }
});
( sans le haut et le bas du forum )

Et puis mettre dans la description du site :

Code:
<script type=text/javascript src=/-h1.htm></script>
( il faut remplacer le 1 par l'id de la page ( on le trouve dans la première colonne de la liste des pages html )

Cordialement.
Cordialement ^^

Ea
Aidactif
Aidactif

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

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

Résolu Re: ChatBox rétractable qui se déploie progressivement

Message par Polux99 le Dim 6 Juin 2010 - 23:38

Merci

Polux99
*

Messages : 49
Inscrit(e) le : 11/02/2010

http://www.clubitineo.net/
Polux99 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: ChatBox rétractable qui se déploie progressivement

Message par Invité le Sam 12 Juin 2010 - 18:26

Nickel merci pour tout Very Happy

Invité
Invité


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

Résolu Re: ChatBox rétractable qui se déploie progressivement

Message par Mouch le Dim 20 Juin 2010 - 1:42

Je suis pas sur de tout saisir Rolling Eyes

Le petit bout de code, on le place dans son message d'accueil (ou autre), ça je le conçois mais le gros morceau ! Il va ou exactement ? C'est quoi cette page html dont vous parlez ? Une page externe au forum ?
C'est une page perso de l'administrateur ?

Merci Sourire2

Mouch
Nouveau membre

Messages : 28
Inscrit(e) le : 07/06/2010

http://teletethon.bbactif.com/forum.htm
Mouch a été remercié(e) par l'auteur de ce sujet.

Résolu Re: ChatBox rétractable qui se déploie progressivement

Message par Izumi375 le Dim 20 Juin 2010 - 12:14

Bonjour,
Comme le dit Etana le gros code est à mettre dans une page html à créer dans:

PA
Modules
HTML
Gestion des pages html

Là, il suffit de créer cette page en n'oubliant pas de ne pas inclure le haut et bas du forum (option de création).
Le titre importe peu. Une fois créer le forum va lui donner un nom (1 puisqu'il s'agit de votre 1° page). Ce numéro est l'id à rentrer dans le petit script à insérer dans la description du forum.

Izumi375
****

Féminin
Messages : 318
Inscrit(e) le : 31/08/2009

http://keikoku.forumpro.fr
Izumi375 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: ChatBox rétractable qui se déploie progressivement

Message par Polux99 le Dim 20 Juin 2010 - 13:22

Encore merci pour ce code.
Tout fonctionne bien avec Internet Explorer.
Par contre, avec Google Chrome, lors du premier chargement de la page j'ai ceci:

Deux fois l'onglet (fermer et ouvrir) en même temps.
Quand on clique sur ce double onglet la chatbox se déploie mais il ne subsiste plus d'onglet pour la fermer.
Tout revient dans l'ordre si on rafraîchi la page ou si on passe sur une autre page.
Pouvez-vous m'aider ?

Polux99
*

Messages : 49
Inscrit(e) le : 11/02/2010

http://www.clubitineo.net/
Polux99 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: ChatBox rétractable qui se déploie progressivement

Message par Polux99 le Dim 20 Juin 2010 - 13:25

Erreur de ma part. Même problème quand on rafraîchit la page. C'est quand on redemande le forum via la barre de menu ou la bannière ou une autre page que tout reviens dans l'ordre.

Polux99
*

Messages : 49
Inscrit(e) le : 11/02/2010

http://www.clubitineo.net/
Polux99 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: ChatBox rétractable qui se déploie progressivement

Message par Invité le Dim 20 Juin 2010 - 13:26

Bonjour,

C'est une erreur de "compréhension" de Google Chrome. Il n'analyse pas bien tout les script, et souvent il n'y a pas grand chose a faire Wink

Invité
Invité


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

Résolu Re: ChatBox rétractable qui se déploie progressivement

Message par Genk01 le Dim 20 Juin 2010 - 13:35

EDIT: Excusez-moi du dérangement, j'ai réussi ! Smile

Bonne journée

Genk01
**

Masculin
Messages : 76
Inscrit(e) le : 01/01/2010

http://wanted.tonempire.com/forum
Genk01 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: ChatBox rétractable qui se déploie progressivement

Message par Polux99 le Dim 20 Juin 2010 - 13:52

@Genk01 a écrit:EDIT: Excusez-moi du dérangement, j'ai réussi ! Smile

Bonne journée
Tu pourrais m'expliquer, ça pourrait me servir.

Polux99.

Polux99
*

Messages : 49
Inscrit(e) le : 11/02/2010

http://www.clubitineo.net/
Polux99 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: ChatBox rétractable qui se déploie progressivement

Message par Genk01 le Dim 20 Juin 2010 - 13:54

Je le ferais volontiers, mais t'expliquer quoi ? Smile

Genk01

Genk01
**

Masculin
Messages : 76
Inscrit(e) le : 01/01/2010

http://wanted.tonempire.com/forum
Genk01 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: ChatBox rétractable qui se déploie progressivement

Message par Mouch le Dim 20 Juin 2010 - 14:08

J'ai le même soucis que Polux, et pourtant je suis avec Iceweasel (Firefox quoi) !

Au premier chargement, la chat box a tendance à bugger, je dirais 1 fois sur 2.
Puis en rafraîchissant ça passe...

Mais ça reste gênant, surtout pour les nouveaux arrivant !

Mouch
Nouveau membre

Messages : 28
Inscrit(e) le : 07/06/2010

http://teletethon.bbactif.com/forum.htm
Mouch a été remercié(e) par l'auteur de ce sujet.

Résolu Re: ChatBox rétractable qui se déploie progressivement

Message par Yukikudo le Dim 20 Juin 2010 - 14:59

Où trouver la page de description svp ?

EDIT : Je l'ai trouvé finalement, merci.


Dernière édition par Yukikudo le Dim 20 Juin 2010 - 15:08, édité 3 fois

Yukikudo
**

Masculin
Messages : 54
Inscrit(e) le : 20/06/2010

http://nside.probb.fr/
Yukikudo a été remercié(e) par l'auteur de ce sujet.

Résolu Re: ChatBox rétractable qui se déploie progressivement

Message par Genk01 le Dim 20 Juin 2010 - 15:02

Bonjour,
P.A. -> Général -> Configuration -> Description du site*
Wink

Genk01
**

Masculin
Messages : 76
Inscrit(e) le : 01/01/2010

http://wanted.tonempire.com/forum
Genk01 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: ChatBox rétractable qui se déploie progressivement

Message par Yukikudo le Dim 20 Juin 2010 - 15:09

Mais j'ai bien entré le code et maintenant, comment fait-on pour retirer la chatbox de la page d'accueil pour qu'il n'y soit uniquement que sur la barre à gauche svp ?
Et je voudrais demander: est-ce que c'est possible de mettre la chatbox sur tous les salons du forum ?
Comme ça, on est pas obligé de revenir tout le temps à l'index pour pouvoir chater !!

Yukikudo
**

Masculin
Messages : 54
Inscrit(e) le : 20/06/2010

http://nside.probb.fr/
Yukikudo a été remercié(e) par l'auteur de ce sujet.

Résolu Re: ChatBox rétractable qui se déploie progressivement

Message par Genk01 le Dim 20 Juin 2010 - 15:14

PA -> Module -> Chat Box -> Configuration:

Tu l'active mais tu mets: "Ne pas afficher".


Et normalement tu sais l'ouvrir sur tous les forums...

Genk01
**

Masculin
Messages : 76
Inscrit(e) le : 01/01/2010

http://wanted.tonempire.com/forum
Genk01 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: ChatBox rétractable qui se déploie progressivement

Message par Yukikudo le Dim 20 Juin 2010 - 15:26

Merci beaucoup, ça marche impec !! ^^

Yukikudo
**

Masculin
Messages : 54
Inscrit(e) le : 20/06/2010

http://nside.probb.fr/
Yukikudo a été remercié(e) par l'auteur de ce sujet.

Résolu Re: ChatBox rétractable qui se déploie progressivement

Message par Mouch le Lun 21 Juin 2010 - 11:37

Up ! Ce problème concerne pas mal de monde j'ai l'impression ! pale

Mouch
Nouveau membre

Messages : 28
Inscrit(e) le : 07/06/2010

http://teletethon.bbactif.com/forum.htm
Mouch a été remercié(e) par l'auteur de ce sujet.

Résolu Re: ChatBox rétractable qui se déploie progressivement

Message par Yukikudo le Lun 21 Juin 2010 - 11:59

Oui mais le problème actuel c'est vraiment le bug de OUVRIR/FERMER sur Chrome et Firefox...
Enfin, si on n'y peut rien, alors voilà... Faudra juste bien s'expliquer avec nos membres.

Yukikudo
**

Masculin
Messages : 54
Inscrit(e) le : 20/06/2010

http://nside.probb.fr/
Yukikudo a été remercié(e) par l'auteur de ce sujet.

Résolu Re: ChatBox rétractable qui se déploie progressivement

Message par Horatio le Lun 21 Juin 2010 - 12:00

Salut =)

Voila j'ai entré , le code dans une première page HTLM , j'ai mis ce code dans la description du forum :

Code:
<script type=text/javascript src=/-h1.htm></script>

Mais rien de ne marche , il n'y a rien , j'ai essayé de mettre ne pas afficher la chat box en la laissant activé et rien ne marche non plus commet faire ?

Bye

Horatio
*****

Masculin
Messages : 630
Inscrit(e) le : 05/05/2010

http://poudlardunivers.com
Horatio a été remercié(e) par l'auteur de ce sujet.

Résolu Re: ChatBox rétractable qui se déploie progressivement

Message par Mouch le Lun 21 Juin 2010 - 13:12

Remplace "-h1.htm" par le nom de la page où tu as collé le code de la chatbox.

Mouch
Nouveau membre

Messages : 28
Inscrit(e) le : 07/06/2010

http://teletethon.bbactif.com/forum.htm
Mouch a été remercié(e) par l'auteur de ce sujet.

Résolu Re: ChatBox rétractable qui se déploie progressivement

Message par Horatio le Lun 21 Juin 2010 - 13:17

C'est a dire ?

C'est ma première page , donc c'est 1 non ? , ou c'est le nom que je li est donné ?

Amitiés

Horatio
*****

Masculin
Messages : 630
Inscrit(e) le : 05/05/2010

http://poudlardunivers.com
Horatio a été remercié(e) par l'auteur de ce sujet.

Résolu Re: ChatBox rétractable qui se déploie progressivement

Message par Mouch le Lun 21 Juin 2010 - 15:31

Regarde dans
PA > Modules > HTML > Gestion des pages HTML

Et la tu devrais voir l'adresse de la page que tu as à priori déjà créée ! (URL du lien)
C'est ça qu'il faut copier/coller Wink

Mouch
Nouveau membre

Messages : 28
Inscrit(e) le : 07/06/2010

http://teletethon.bbactif.com/forum.htm
Mouch a été remercié(e) par l'auteur de ce sujet.

Résolu Re: ChatBox rétractable qui se déploie progressivement

Message par Horatio le Lun 21 Juin 2010 - 17:35

Alors , voila j'ai entrer dans description du site ce code , en remplaçant , ce que vous m'avez dis par l'URL du lien , voila ce que sa donne :

Code:
<script type=text/javascript src=/>http://poudlardhp.forumactif.com/Chatbox-h1.htm</script>

Mais le problème , c'est que sa ne marche pas alors qu'est ce qui n'est pas bon ?

Merci

Horatio
*****

Masculin
Messages : 630
Inscrit(e) le : 05/05/2010

http://poudlardunivers.com
Horatio a été remercié(e) par l'auteur de ce sujet.

Résolu Re: ChatBox rétractable qui se déploie progressivement

Message par Ea le Lun 21 Juin 2010 - 18:12

D'abord ça sera :

Code:
<script type=text/javascript src=/-h1.htm></script>
Et ensuite il faut mettre dans les options de cette page html que tu ne souhaites pas avoir le haut et le bas du forum ^^

Cordialement.

Ea
Aidactif
Aidactif

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

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

Résolu Re: ChatBox rétractable qui se déploie progressivement

Message par HoneyD. le Lun 21 Juin 2010 - 18:14

@Horatio a écrit:Alors , voila j'ai entrer dans description du site ce code , en remplaçant , ce que vous m'avez dis par l'URL du lien , voila ce que sa donne :

Code:
<script type=text/javascript src=/>http://poudlardhp.forumactif.com/Chatbox-h1.htm</script>

Mais le problème , c'est que sa ne marche pas alors qu'est ce qui n'est pas bon ?

Merci
Code:
<script type=text/javascript src=http://poudlardhp.forumactif.com/Chatbox-h1.htm></script>

Changes avec ça sinon moi, j'ai un problème :s, certains membres me disent voir l'image en double :s ! http://labriz-luxury.forumactif.org/ et poufff... quand ils actualisent, cela ne le fait plus mais le hic c'est que moi et ma co-fondatrice n'avons pas ce soucis. J'ai ce code... =>>>

Code:
jQuery(document).ready(function() {
jQuery('body').append('<div style="position: fixed; bottom:50px; left:0px;z-index:10000; height: 300px;" id="chatboxpop"><iframe src="/chatbox/chatbox.forum?page=front&" scrolling="no" style="float: left; width: 700px; height: 300px;" marginwidth="0" marginheight="0" frameborder="0"></iframe><span style="cursor:pointer" onClick="my_setcookie('chatboxpop',jQuery('#chatboxpop iframe').css('display'),1,0);jQuery('#chatboxpop iframe').animate({width: 'toggle'},200);jQuery('#chatboxpop img').toggle();"><img src="http://i63.servimg.com/u/f63/15/23/68/92/chatbo10.png" style="padding:0px"/><img src="http://i63.servimg.com/u/f63/15/23/68/92/chatbo10.png" style="display: none;padding:0px"/></span></div>');
  if(my_getcookie('chatboxpop')!='none')
  {
      jQuery('#chatboxpop iframe').animate({width:'toggle'},0);
      jQuery('#chatboxpop img').toggle();
  }
});

HoneyD.
*

Féminin
Messages : 31
Inscrit(e) le : 21/07/2009

http://oh-sydney.forumactif.org/
HoneyD. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: ChatBox rétractable qui se déploie progressivement

Message par Horatio le Lun 21 Juin 2010 - 18:40

Bonjour

Alors ce que vous m'avez dis de faire de marche pas .

J'ai bien créer la page HTLM avec le code , fournis au début , puis j'ai essayé avec les deux codes et sa ne marche pas , je n'est pas mis le haut et le bas ; et rien ne marche , j'ai aussi essayé de mettre ne pas afficher , mais sa ne marche pas aussi , je ne comprends pas , pouvez vous m'expliquer

Cordialement

Horatio
*****

Masculin
Messages : 630
Inscrit(e) le : 05/05/2010

http://poudlardunivers.com
Horatio a été remercié(e) par l'auteur de ce sujet.

Résolu Re: ChatBox rétractable qui se déploie progressivement

Message par Ea le Lun 21 Juin 2010 - 19:18

D'accord, alors la seule erreur que je vois est qu'il ne faut pas de retour à la ligne donc ce code à la place de celui qui y est :

Code:
jQuery(document).ready(function() { jQuery('body').append('<DIV style="Z-INDEX: 10000; POSITION: fixed; BOTTOM: 50px; HEIGHT: 400px; LEFT: 0px" id=chatboxpop><IFRAME style="WIDTH: 700px; FLOAT: left; HEIGHT: 300px" marginHeight=0 src="/chatbox/chatbox.forum?page=front&amp;" frameBorder=0 marginWidth=0 scrolling=no></IFRAME><SPAN style="CURSOR: pointer" onclick="my_setcookie('chatboxpop',jQuery('#chatboxpop iframe').css('display'),1,0);jQuery('#chatboxpop iframe').animate({width: 'toggle'},200);jQuery('#chatboxpop img').toggle();"><IMG src="http://nsa13.casimages.com/img/2010/03/01/100301041318917057.png"><IMG style="DISPLAY: none" src="http://nsa13.casimages.com/img/2010/03/01/100301041454780851.png"></SPAN></DIV>'); if(my_getcookie('chatboxpop')!='none') { jQuery('#chatboxpop iframe').animate({width:'toggle'},0); jQuery('#chatboxpop img').toggle(); } });
Cordialement.

Ea
Aidactif
Aidactif

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

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

Résolu Re: ChatBox rétractable qui se déploie progressivement

Message par HoneyD. le Lun 21 Juin 2010 - 19:37

Etana a écrit:D'accord, alors la seule erreur que je vois est qu'il ne faut pas de retour à la ligne donc ce code à la place de celui qui y est :

Code:
jQuery(document).ready(function() { jQuery('body').append('<DIV style="Z-INDEX: 10000; POSITION: fixed; BOTTOM: 50px; HEIGHT: 400px; LEFT: 0px" id=chatboxpop><IFRAME style="WIDTH: 700px; FLOAT: left; HEIGHT: 300px" marginHeight=0 src="/chatbox/chatbox.forum?page=front&" frameBorder=0 marginWidth=0 scrolling=no></IFRAME><SPAN style="CURSOR: pointer" onclick="my_setcookie('chatboxpop',jQuery('#chatboxpop iframe').css('display'),1,0);jQuery('#chatboxpop iframe').animate({width: 'toggle'},200);jQuery('#chatboxpop img').toggle();"><IMG src="http://nsa13.casimages.com/img/2010/03/01/100301041318917057.png"><IMG style="DISPLAY: none" src="http://nsa13.casimages.com/img/2010/03/01/100301041454780851.png"></SPAN></DIV>'); if(my_getcookie('chatboxpop')!='none') { jQuery('#chatboxpop iframe').animate({width:'toggle'},0); jQuery('#chatboxpop img').toggle(); } });
Cordialement.
Bonjour (a) pour ma part ce code n'affiche rien du tout Sad !

HoneyD.
*

Féminin
Messages : 31
Inscrit(e) le : 21/07/2009

http://oh-sydney.forumactif.org/
HoneyD. a été remercié(e) par l'auteur de ce sujet.

Page 1 sur 2 1, 2  Suivant

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