chatbox latérale

2 participants

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

Résolu chatbox latérale

Message par fouduportugal Mar 26 Juil 2011 - 14:01

bonjour, je souhaiterais mettre une chat box latérale sur mon forum avec ces images
ouvrir : https://i.servimg.com/u/f34/16/04/51/75/open10.png
fermer: https://i.servimg.com/u/f34/16/04/51/75/close10.png

et dites moi ou je met le code svp
merci pour votre aide
avatar

fouduportugal
*

Messages : 33
Inscrit(e) le : 26/07/2011

http://fifax360.allianceogame.com/
fouduportugal a été remercié(e) par l'auteur de ce sujet.

Résolu Re: chatbox latérale

Message par Scipion Mar 26 Juil 2011 - 14:37

Bonjour

Pour installer votre chatbox latérale, vous êtes priée de vous diriger sur PA >> Modules >> Html et Javascript >> Gestion des codes Javascript >> Cliquez sur créer un nouveau Javascript >>

Like a Star @ heaven Titre > chatbox latérale
Like a Star @ heaven Placement > cochez "Sur toutes les pages"
Like a Star @ heaven Code Javascript > installez le code suivant
Like a Star @ heaven Validez

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: 400px; display: none;" marginwidth="0" marginheight="0" frameborder="0"><iframe src="/chatbox/index.forum?page=front" style="width: 800px; height: 400px;" ></iframe></div></td><td style="vertical-align: bottom;"><img src="http://i34.servimg.com/u/f34/16/04/51/75/open10.png" onClick="document.getElementById(\'panneau\').style.display=(this.src==\'http://i34.servimg.com/u/f34/16/04/51/75/open10.png\')?\'block\':\'none\';this.src=(this.src==\'http://i34.servimg.com/u/f34/16/04/51/75/open10.png\')?\'http://i34.servimg.com/u/f34/16/04/51/75/close10.png\':\'http://i34.servimg.com/u/f34/16/04/51/75/open10.png\';"/></td></tr></table>'); } );
Cordialement
Scipion

Scipion
Membre actif

Masculin
Messages : 8655
Inscrit(e) le : 03/02/2010

https://forum.forumactif.com/
Scipion a été remercié(e) par l'auteur de ce sujet.

Résolu Re: chatbox latérale

Message par fouduportugal Mar 26 Juil 2011 - 15:50

sa ne marche pas je ne voit pas le bouton ouvrir aidez moi svp
merci
avatar

fouduportugal
*

Messages : 33
Inscrit(e) le : 26/07/2011

http://fifax360.allianceogame.com/
fouduportugal a été remercié(e) par l'auteur de ce sujet.

Résolu Re: chatbox latérale

Message par Scipion Mar 26 Juil 2011 - 16:02

Le code fonctionne parfaitement, y compris l'affichage de vos deux boutons que j'ai installé (Open/Close). Vous avez certainement dû commettre une petite erreur d'installation, peut-être en copiant le code.

Faites un nouvel essai en créant une nouvelle page Javascript.

Cordialement
Scipion

Scipion
Membre actif

Masculin
Messages : 8655
Inscrit(e) le : 03/02/2010

https://forum.forumactif.com/
Scipion a été remercié(e) par l'auteur de ce sujet.

Résolu Re: chatbox latérale

Message par fouduportugal Mar 26 Juil 2011 - 16:50

non cela ne marche pas
avatar

fouduportugal
*

Messages : 33
Inscrit(e) le : 26/07/2011

http://fifax360.allianceogame.com/
fouduportugal a été remercié(e) par l'auteur de ce sujet.

Résolu Re: chatbox latérale

Message par Scipion Mar 26 Juil 2011 - 17:05

Dans ce cas, supprimez le premier code qui contient vos deux (2) images et remplacez par celui-ci :

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: 400px; display: none;" marginwidth="0" marginheight="0" frameborder="0"><iframe src="/chatbox/index.forum?page=front" style="width: 800px; height: 400px;" ></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://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png\')?\'block\':\'none\';this.src=(this.src==\'http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png\')?\'http://i81.servimg.com/u/f81/11/21/85/73/fermer10.png\':\'http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png\';"/></td></tr></table>'); } );
Cordialement
Scipion

Scipion
Membre actif

Masculin
Messages : 8655
Inscrit(e) le : 03/02/2010

https://forum.forumactif.com/
Scipion a été remercié(e) par l'auteur de ce sujet.

Résolu Re: chatbox latérale

Message par fouduportugal Mar 26 Juil 2011 - 17:16

sa ne marche pas non plus
g essayer de mettre sa dans mes templates je les mis dans index_body (page d'acceuil ) et sa marche mais le problème c que je n'arrive pa a me connecter deçu
avatar

fouduportugal
*

Messages : 33
Inscrit(e) le : 26/07/2011

http://fifax360.allianceogame.com/
fouduportugal a été remercié(e) par l'auteur de ce sujet.

Résolu Re: chatbox latérale

Message par Scipion Mar 26 Juil 2011 - 18:29

Avant d'installer le code de votre chatbox dans un template, essayez de tester son fonctionnement, sur le double plan de la connexion et des images, en allant sur PA >> Affichage >> Page d’accueil >> Généralités >> Message sur la page d'accueil >>

Like a Star @ heaven Contenu du message > installez le code
Like a Star @ heaven Enregistrez

1/ Code avec vos images (Open/Close)

Code:
<table style="position: fixed; bottom: 150px; left: 0px;background-color;z-index:10000;"><tr><td><iframe src="/chatbox/index.forum?page=front" id="chatboxpop" scrolling="no" style="width: 800px; height: 400px; display: none;" marginwidth="0" marginheight="0" frameborder="0"></iframe></td><td style="vertical-align: bottom;"><img src="http://i34.servimg.com/u/f34/16/04/51/75/open10.png" onClick="document.getElementById('chatboxpop').style.display=(this.src=='http://i34.servimg.com/u/f34/16/04/51/75/open10.png')?'block':'none';this.src=(this.src=='http://i34.servimg.com/u/f34/16/04/51/75/open10.png')?'http://i34.servimg.com/u/f34/16/04/51/75/close10.png':'http://i34.servimg.com/u/f34/16/04/51/75/open10.png';"/></td></tr></table>
2/ Code avec images de base (Ouvrir/Fermer)

Code:
<table style="position: fixed; bottom: 150px; left: 0px;background-color;z-index:10000;"><tr><td><iframe src="/chatbox/index.forum?page=front" id="chatboxpop" scrolling="no" style="width: 800px; height: 400px; display: none;" marginwidth="0" marginheight="0" frameborder="0"></iframe></td><td style="vertical-align: bottom;"><img src="http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png" onClick="document.getElementById('chatboxpop').style.display=(this.src=='http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png')?'block':'none';this.src=(this.src=='http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png')?'http://i81.servimg.com/u/f81/11/21/85/73/fermer10.png':'http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png';"/></td></tr></table>
Cordialement
Scipion

Scipion
Membre actif

Masculin
Messages : 8655
Inscrit(e) le : 03/02/2010

https://forum.forumactif.com/
Scipion a été remercié(e) par l'auteur de ce sujet.

Résolu Re: chatbox latérale

Message par fouduportugal Mar 26 Juil 2011 - 18:51

sa marche je vous remercie
avatar

fouduportugal
*

Messages : 33
Inscrit(e) le : 26/07/2011

http://fifax360.allianceogame.com/
fouduportugal a été remercié(e) par l'auteur de ce sujet.

Résolu Re: chatbox latérale

Message par Invité Mer 3 Aoû 2011 - 10:38

chatbox latérale Check10Bonjour,

Afin de faciliter la gestion des problèmes, si votre problème est résolu, pensez à :
  • éditer votre premier message,
  • cocher l'icône résolu
  • Et enregistrer en cliquant sur chatbox latérale Envoi10


Vous pouvez également remercier les personnes qui vous ont aidé, en cliquant sur le bouton chatbox latérale 50378

A bientôt sur ForumActif Smile
Anonymous

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

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum