Chatbox latérale impossible à installer.

[naturanimal]

Bonjour,

J'ai installé une chatbox latérale (sur toutes les pages) sur mon forum qui marche à merveille. J'ai proposé à un autre forum de l'installer et leur ai fourni le code que j'ai utilisé, seulement ils n'y arrivent pas, bien qu'ils aient tout suivi à la lettre.

Voilà ce que je leur ai dit :

Dans modules, gestion des pages html, créez une nouvelle page.
Vous la nommez comme vous voulez, vous cochez Non et Non, et vous vous assurez qu'il y a la croix verte en html. Puis, vous copiez-collez ce code :

Code:

jQuery(document).ready(function() { jQuery('body').append('<table style="position: fixed; bottom: 50px; left: 0px;background-color: #ffffff;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>'); } );

Vous validez. Et vous relevez l'id de la page.

Ensuite vous allez dans Général, le premier Configuration, et dans la description du forum, vous rajoutez ce code :

Code:

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

Le h1 diffère selon l'id de votre page html.

[ge80]

Bonjour

Rechercher ce code

Code:

<iframe src="/chatbox/chatbox.forum?

et remplacer par

Code:

<iframe src="/chatbox/index.forum?

Cordialement,
Ge

[Carnaire]

merci, c'set génial !! mais comment peut-on changer l'apparance de "ouvrir" ?

[ge80]

merci, c'set génial !! mais comment peut-on changer l'apparance de "ouvrir" ?

Il faut créer de nouvelles images pour ouvrir et fermer.

Vous pouvez utiliser un logiciel de dessin, une demande au service graphique de ce forum d'entraide ou encore faire une recherche d'image sur le WEB.

[naturanimal]

Non non je l'ai déjà fait ça Ça ne marche pas

[Carnaire]

Okay erci bcp, moi ca a marché comme sur des roulettes, recommence et vérifie bien tout, ya pas de raison que ca ne marche pas !

Bonne chance

[ge80]

Non non je l'ai déjà fait ça Ça ne marche pas

Vous devez vous tromper en modifiant le code.

Donner moi les deux liens de vos images et je modifierai le codage de la chatbox.

[naturanimal]

Moi c'est pas ça mon problème, l'histoire des images c'est une autre personne qui a profité de mon post.
Allez voir le premier message

[ge80]

OK, mais le code n'était pas correct.


et qu'ils essayent ceci

Code:

<script src=/h1-></script>

[naturanimal]

À mettre dans la description à la place de l'autre ?

[ge80]

OUI

Quelle est l'adresse du forum pour que je teste si l'autre page html y est bien ?
(par MP si besoin)

[Carnaire]

Merci pour les images, mais j'ai déja changé.

Rho soit pas rageau parceque j'écrit sur ton post voyont !

Encore good luck...

[naturanimal]

C'est http://worldgraphismedreams.forumactif.org/
Je leur dit

[ge80]

Ok c'est bien la page h1 à modifier

http://worldgraphismedreams.forumactif.org/h1-

[naturanimal]

Merci ! =)
Donc quand ils auront mis le bon code dans la description, ce sera bon ?


Mais je me demande pourquoi le code que j'ai donné marche sur mon forum...

[ge80]

Oui cela devrait fonctionner.


Votre code sur votre forum....
Il devrait poser des problème avec le changement de chabox par index.
OU alors vous avez la version modifiée.

[naturanimal]

Et bien on ne pouvait plus se connecter, mais j'ai remplacé dans la page html le chatbox par index

[ge80]

Donc votre code était correct...

Vous me donnerez des nouvelles de l'installation sur l'autre forum.
Si cela ne fonctionne pas alors c'est un autre souci.

[naturanimal]

D'accord pas de souci
Il faut attendre qu'une admin passe.

[FANCH 56]

Le code est à mettre dans gestion des pages javascript et non HTML

Le code pour la chatbox est celui-ci

Code:




$(function(){
   
      $('body').append('<div style="position: fixed; bottom: 30px; right: 0; z-index:600"><div id="panneau" scrolling="no" style="width: 800px; height: 700px; display: none; background-color: #ffffff;"><div style="text-align: center;"><br><iframe src="http://www.ADRESSE DU FORUM/chatbox/index.forum?/" allowtransparency="true" frameborder="0" height="700" scrolling="auto" width="600"></iframe></div><td style="vertical-align: bottom;"></div><img src="http://URL DE L'IMAGE OUVRIR\" onClick="$(\'#panneau\').stop(true, true).animate({width:\'toggle\'},100);this.src=(this.src==\'http:URL DE L'IMAGE OUVRIR\')?\'URL DE L'IMAGE FERMER\':\'URL DE L'IMAGE OUVRIR\';" /></div>');

});

[naturanimal]

J'aimerais comprendre pourquoi ça marche très bien sur mon forum... et également sur mon forum test...

Bon on va essayer quand même, merci.

[FANCH 56]

Peut-être le lien de la chatbox du forum en question n'est pas le bon.

[ge80]

Je viens de tester et la page html est correcte sur le forum concerné http://worldgraphismedreams.forumactif.org/h1- .

La chatbox s'ouvre et se ferme.


A quel endroit cette page est-elle insérée ?

[naturanimal]

Fiou ça devient compliqué !

ge80, ils ont remplacé le code dans la description du forum, mais ça ne marche toujours pas.

Que voulez-vous dire par "à quel endroit cette page est-elle insérée ?" ? Je pense que la réponse est dans la description du forum... mais je ne suis pas sûre que c'est ce que vous voulez savoir ^^'

[ge80]

ge80, ils ont remplacé le code dans la description du forum, mais ça ne marche toujours pas.'

J'ai ma réponse.

Pouvez demander une copie du code mis dans la page html ?

[naturanimal]

Je l'ai demandé Plus qu'à attendre le passage d'une admin.

[ge80]

OK

Sinon deux autres solutions seront envisageables:

Solution d'installation par modification de template ou alors solution d'installation par page javascript ajoutée au forum...

J'attends votre nouveau nouveau message avec la réponse.

[naturanimal]

Voilà le code, qui est bien celui donné au tout début :

Code:

jQuery(document).ready(function() { jQuery('body').append('<table style="position: fixed; bottom: 50px; left: 0px;background-color: #ffffff;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>'); } );

[naturanimal]

Bonjour,

Le problème persiste, pouvez-vous m'aider ?

[ge80]

Bonjour

Retirer l'autre solution...

Avez-vous essayé l'installation par page javascript ?
Cette solution https://forum.forumactif.com/t309533-creer-un-panneau-lateral-coulissant

Cordialement,
Ge