Problème affichage Bouton ChatBox

[First-Trading]

Détails techniques

Version du forum : AwesomeBB
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Google Chrome, Autre
Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : Ne sais pas
Lien du forum : (lien masqué, vous devez poster pour le voir)

Description du problème

Bonjour,

J'ai mis ma chatbox non visible mais activée, et j'ai installé un bouton pour ouvrir/fermer la chatbox et l'avoir sur toutes les pages.

Tout fonctionne, mais en regardant avec edge ou brave, le bouton n'est pas là, alors qu'avec chrome tout est ok ? Comment avoir cela visible sur tous les navigateurs svp ?

Merci.

[First-Trading]

Re..    Ce jour, j'ai plus de bouton qui apparaît pour ma chatBox, je ne comprends pas...   Help Please.  Salutations.

Je mets ici mes fichiers modifiés :

Mes Templates et autres...:

Ma ChatBox avec Bouton ouvrir et fermer à gauche de mon fofo est parfois visible sous chrome, hier tout bien, aujourd'hui : plus là ??
Les boutons restent invisbles dans edge et Brave, alors que visible et fonctionnels parfois sous chrome... Bref qqchose ne va pas je pense...  
Autre question, POssible dans mon forum Coin-du-Poker d'avoir des modules moins larges et en avoir à gauche comme à droite, comme mon autre fofo : pirate-poker.1fr1.net ou comme first-trading.probb.com ?   Car actuellement les modules sont sur la droite uniquement et très large à mon goût...

Mon qui est en ligne, aussi fait des bizarreries, parfois je le retrouve en haut de la page, parfois en bas.... Je ne sais pourquoi...

Je vous remercie par avance.  Salutations.

Patrice.

[marcophil]

Bonjour
de mon côté sous edge et opéra pas de problème des boutons
et dans d'autres liens sujets pour ce site : ici..!
par contre à l'intérieur du cadre je vois ceci :




n'ayant pas AwesomeBB je peux pas aiguiller, ça aidera d'autres
et pour celui-ci je vois rien, à moins d'être connecté: ici..

[First-Trading]

Merci bien mais je parle de ce Forum :  https://coin-du-poker.forumactif.com/   Vous êtes allez sur First-trading ? je ne pensais pas de prob sur celui là !

Merci de votre aide...  J'ai l'impression que le forum a été comme réinitialisé, car je n'ai plus du tout de bouton chatbox d'ailleurs là ! nul part, je ne comprends pas, je vais réessayer de remettre les codes s'il en manque, hier j'ai retrouvé mon forum avec image du haut d'origine du theme j'ai du remettre la mienne... Bizarre...  

Si vous avez un code qui donne une chatbox avec bouton, et defilement ouverture ce serait bien, et je réessayerai, ... Merci.

Restest avec un autre code, là les 2 chatbox ( 2 codes différents pour test ) Apparaissent bien avec chrome, mais le QEEL est en haut de la page ? et sinon, pas de boutons sur brave et mozilla, idem sur edge...

Je mets 3 screens écrans, avec chrome, brave et mozilla...  Je crois que je vais laisser tomber, je ne comprend pas ce qu'il se passe...


Merci.

Chrome et 2 codes Boutons chatbox coulissante qui fonctionnent,
Prob :  Le QEEL est en haut avec chrome ?  Pourquoi ?  alors que pas sur les autres navigateurs :


les 2 autres navigateurs, pas de boutons de chatbox, QEEL est à sa place en bas de page... ( 3 navigateurs ouverts en même temps ) :

[First-Trading]

Je fais un petit UP.... ; ) J'ai verif code effacé et remis comme sur un tuto, avec 2 codes différents et bouton disparus partout....

[Laférosse]

Bonjour, vous essayez certainement un code pour d'autres versions. Celui-ci ne sera pas opérationnel pour votre version AwesomeBB.
Avez-vous vu que vous pouviez mettre un widget de la chatbox ? Cette solution serait la meilleure, je pense.

[First-Trading]

Merci, Pouvez-vous me montrer ce widget ?   Vous parlez de l'affichage en haut ou en bas de la chatbox ? ou autre chose ?

[Laférosse]

Vous allez dans Module et Gestion des widgets du forum. Vous cliquez sur la chatbox avec la souris ou votre pad et faites coulisser, celui-ci est à placer sur le côté droit, à l'endroit ou vous avez déjà affiché d'autres widgets. Vous avez la possibilité, toujours en coulissant de le mettre à la hauteur que vous voulez, en haut, bas, milieu...

1. .
2. le widget est placé, par exemple en bas de la colonne.


N'oubliez pas d'enregistrer !!

[First-Trading]

Merci pour ton astuce et tes explications avec screen ecran très bien expliquées. Je mets ta soluce, mais mon but était d'avoir une chatbox visibles sur chaque page afin de garder la chatbox en discussion partout dans le forum a toutes les pages... Je garde ta soluce en attendant peut être une autre ensuite pour avoir la chatbox partout tout le temps... Merci...


Edit, j'ai mis ce code en code java dans le fofo... Qui a l'air de fonctinner partout sur tous les navigateur, enfin, je crois...

Code:

jQuery(document).ready(function(){jQuery('body').append('<table style="position: fixed; bottom: 50px; left: 0px;background-color: none;z-index:10000;"><tr><td><div id="panneau" scrolling="no" style="width: 800px; height: 360px; display: none;" marginwidth="0" marginheight="0" frameborder="0"><iframe src="/chatbox/index.forum?page=front" style="width: 800px; height: 360px;" ></iframe></div></td><td style="vertical-align: bottom;"><img src="https://i.servimg.com/u/f30/20/56/51/61/bouton12.png" onClick="document.getElementById(\'panneau\').style.display=(this.src==\'https://i.servimg.com/u/f30/20/56/51/61/bouton12.png\')?\'block\':\'none\';this.src=(this.src==\'https://i.servimg.com/u/f30/20/56/51/61/bouton12.png\')?\'https://i.servimg.com/u/f30/20/56/51/61/bouton10.png\':\'https://i.servimg.com/u/f30/20/56/51/61/bouton12.png\';"/></td></tr></table>')});

J'ai supprimé cette fonction : background-color: #ffffff  qui était au début du code :

Code:

jQuery(document).ready(function () {
    jQuery('body').append('<table style="position: fixed; bottom: 50px; left: 0px;background-color: #ffffff;z-index:10000;

Ce qui supprime une barre blanche verticale le long du coté droit de la chatbox qui faisait une barre au dessous et au dessus du bouton a cliquer pas joli à mon goût...

J'aimerai que cela s'ouvre et se ferme en coulissant, tranquillement, au lieu d'un simple ouvrir ou fermer instantané, ...  J'ai essayé avec le générateur que vous proposez à : https://demodesastucesde.forumactif.com/h7-generateur-d-un-panneau-lateral-coulissant , et l'animation ouvrir fermer, me convient bien mais je n'ai pas pu faire la fusion entre mon code ouvrir/fermer " instantané " avec le code qui ouvre et ferme en coulissant tranquillement comme ce qui est créé avec votre générateur, est-ce que vous pouvez m'aider à obtenir cet effet coulissant agréable quand ça s'ouvre et se ferme svp ? Il me manque plus que cela pour être satisfait... lol   ; )  Merci d'avance...  Salutations.


J'ai aussi ajouté cela dans le CCS style, code pris dans le générateur pour chatbox :

Code:

/* Code en Rapport avec générateur ChatBox Latérale */
.fpanel { position: fixed; }
.fpclose,.fpopen { cursor: pointer; }
.fpclose { display: none; }

#fp766 { top: 65%; left: -500px; }
#fp766 .fpcontent { width: 500px; }
/* FIN  Code en Rapport avec générateur ChatBox Latérale */

À noter que dans le tuto panneau coulissant : https://forum.forumactif.com/t309533-creer-un-panneau-lateral-coulissant

Dans le premier code qui met un panneau coulissant à gauche, j'aime beaucoup l'ouverture et la fermeture du panneau, qui se fait vraiment en coulissant, idem à la fermeture, comment avoir cet effet avec mon code à moi de chatbox avec bouton svp ?  Merci.

J'ai essayé ce code (*)   ( code qui apparait sur mon portail pour une 2 iem chatbox de test )
Il y a bien l'effet coulissant que je cherche mais la chatbox ne se ferme pas bien complètement, et les boutons fermer et Ouvrir ( se nommant Chatbox ) ont un fonctionnement bizarre...  Je pense que je suis pas loin ? Merci.

(*)  

Code:

$(function(){

 $("body").append('<div id="fp578" class="fpanel"><table class="fptable"><tr><td class="fpcontent"><iframe src="/chatbox/index.forum?page=front" style="width: 800px; height: 400px;" ></iframe></div></td><td style="vertical-align: bottom;"></td><td class="fpbuttons"><span class="fpopen"><img src="https://i.servimg.com/u/f30/20/56/51/61/bouton15.png" /></span><span class="fpclose"><img src="https://i.servimg.com/u/f30/20/56/51/61/bouton14.png" /></span></td></tr></table></div>');
 $("#fp578 .fpbuttons > span").click(function(){
 $(this).add($(this).siblings()).toggle();
 $("#fp578").animate({"left":$(this).is(".fpclose")?-500:0},1000);
 });

});

EDIT :   ==> j'ai désactivé ce code dans mon PA en attendant d'avoir une solution...

Je me demandais, possible avoir les widgets dans mon forum comme le portail, c-a-dire des widgets de cette taille ( comme dans portail ) à gauche et à droite dans l'index, voir option de les mettre à toutes les pages ou au choix ?  
Merci beaucoup...  Salutations.

[Chacha]

Bonjour, Attention, cela fait 6 jours que nous n'avons pas de nouvelles concernant votre demande, si vous ne voulez pas voir votre sujet déplacé à la corbeille, merci de poster dans les 24h qui suivent ce message. Si votre sujet est résolu, merci d'éditer votre premier message et de cocher l'icône « résolu »

[Chacha]

Bonjour, Nous n'avons plus de nouvelle de l'auteur de ce sujet depuis plus de 7 jours. Nous considérons donc ce problème comme résolu ou abandonné. La prochaine fois, merci de nous tenir au courant de l'évolution de votre problème, ou pensez à faire un UP régulièrement ! Ce sujet est archivé afin de ne pas perdre les réponses apportées.

[Chacha]

Bonjour, Le topic est replacé à la demande de l'auteur du sujet. Pensez à faire un UP au moins une fois par semaine si vous ne voulez pas voir votre sujet déplacé à la corbeille.

[First-Trading]

UP.... Merci d'avoir réouvert... Salutations.

[First-Trading]

RE...


Concernant ce code :

Code:

jQuery(document).ready(function(){jQuery('body').append('<table style="position: fixed; bottom: 50px; left: 0px;background-color: none;z-index:10000;"><tr><td><div id="panneau" scrolling="no" style="width: 800px; height: 360px; display: none;" marginwidth="0" marginheight="0" frameborder="0"><iframe src="/chatbox/index.forum?page=front" style="width: 800px; height: 360px;" ></iframe></div></td><td style="vertical-align: bottom;"><img src="https://i.servimg.com/u/f30/20/56/51/61/bouton12.png" onClick="document.getElementById(\'panneau\').style.display=(this.src==\'https://i.servimg.com/u/f30/20/56/51/61/bouton12.png\')?\'block\':\'none\';this.src=(this.src==\'https://i.servimg.com/u/f30/20/56/51/61/bouton12.png\')?\'https://i.servimg.com/u/f30/20/56/51/61/bouton10.png\':\'https://i.servimg.com/u/f30/20/56/51/61/bouton12.png\';"/></td></tr></table>')});

Ma chatBox latérale n'a pas les liens du haut à droite, avec Archive ...  Si je modifie la hauteur, j'ai la chatbox  + grande au niveau de la partie ecriture mais le haut reste identique sans afficher archives...  Que dois-je modifier svp ?  Et peut-on donc avoir une ouverture fluide de déroulage  de la chatbox au lieu d'une simple apparition ouvert / fermé quand quand clique sur les bouton  svp ?  Merci.

Les boutons ChatBox et Fermés sont de ma création...

Visu de ma ChatBox :


  Merci... Je m'absente semaine prochaine pour 1 à 2 semaines, merci de ne pas fermer svp...  

[First-Trading]

Je laisse un petit UP... Merci...

[Toryudo]

Bonjour !

Je vois que sur AwesomeBB, la position de la barre qui contient les liens en haut à droite se positionne par rapport à des calculs, et ces calculs ne sont plus corrects quand la chatbox se trouve en position fixed comme vous l'avez écrit. A priori, vous pouvez forcer la position de la barre avec ce CSS (vous aurez peut-être à adapter un peu la valeur du top, elle est correcte sur ma version par défaut, mais peut-être qu'il faudra la retoucher un peu de votre côté) :

Code:

.chatbox .chat-body {
  top: 56px !important;
}

Concernant l'ouverture fluide, il faut modifier le JavaScript/HTML pour "ruser". Plutôt que mettre des display block / none, on va faire en sorte de toujours afficher la chatbox, mais de la positionner en -800px, c'est-à-dire la sortir de l'écran de la taille exacte de son width. Et ensuite, quand on clique sur le bouton, on déplace la chatbox de -800px à 0px, c'est-à-dire qu'on la fait "revenir de l'écran depuis la gauche". C'est comme ça qu'on peut avoir l'effet de déplacement/ouverture fluide.
Voilà le script corrigé qui fait ça :

Code:

jQuery(document).ready(function(){jQuery('body').append('<table id="panneau" style="position: fixed; bottom: 50px; left: -800px; background-color: none; z-index:10000;"><tr><td><div style="width: 800px; height: 360px;" scrolling="no" marginwidth="0" marginheight="0" frameborder="0"><div id="chatbox_top" class="chatbox-wrap" style="overflow:none;height:400px;"><object data="/chatbox/?page=front&amp;" id="frame_chatbox" scrolling="yes" width="100%" height="100%" type="text/html"></object></div></div></td><td style="vertical-align: bottom;"><img src="https://i.servimg.com/u/f30/20/56/51/61/bouton12.png" onClick="document.getElementById(\'panneau\').style.left=(this.src==\'https://i.servimg.com/u/f30/20/56/51/61/bouton12.png\')?\'0px\':\'-800px\';this.src=(this.src==\'https://i.servimg.com/u/f30/20/56/51/61/bouton12.png\')?\'https://i.servimg.com/u/f30/20/56/51/61/bouton10.png\':\'https://i.servimg.com/u/f30/20/56/51/61/bouton12.png\';"/></td></tr></table>')});

[First-Trading]

Merci bien je vais tester cela ce soir...  Super !  Y t -il un réglage pour la vitesse d'ouverture quand ça se déroule ? J'aimerais si c'est possible une ouverture moins rapide...  

Et sinon avec Brave ou edge, y a juste un petit soucis sur le coté de la chatbox avec la barre de défillement qui apparait en Blanc, pas sous chrome ni mozilla...  Cette barre blanche est là que quand on n' est pas connecté au forum, quand je me connecte, la barre blanche de gauche disparait...  Mais bon, pour les visiteurs, ça fait pas très fini... merci..
Merci beaucoup.


En fait aussi avec chrome :

[Toryudo]

Bonjour !

Pour la vitesse de transition, il va falloir redéfinir la durée de transition par défaut, en ajoutant ce CSS par exemple :

Code:

#panneau {
  transition: all 2000ms ease;
}

J'ai mis 2000ms pour l'exemple (qui correspond donc à 2000 millisecondes, soit 2 secondes), mais vous pouvez mettre 1000ms pour une seconde, 500ms pour 500 millisecondes, etc. Je vous laisse choisir la valeur qui vous conviendra le mieux.

Pour la barre de défilement, effectivement, et je vois qu'elle n'apparait que pour la version AwesomeBB.
Ça oblige à modifier un peu le script, comme ceci :

Code:

$(function(){
  $('body').append('<table id="panneau" style="position: fixed; bottom: 50px; left: -800px; background-color: none; z-index:10000;"><tr><td><div style="width: 800px; height: 360px;" scrolling="no" marginwidth="0" marginheight="0" frameborder="0"><div id="chatbox_side" class="chatbox-wrap" style="overflow:none;height:400px;"><iframe src="/chatbox/?page=front&amp;" id="frame_chatbox_side" scrolling="no" width="100%" height="100%" marginwidth="0" marginheight="0" frameborder="0"></iframe></div></div></td><td style="vertical-align: bottom;"><img src="https://i.servimg.com/u/f30/20/56/51/61/bouton12.png" onClick="document.getElementById(\'panneau\').style.left=(this.src==\'https://i.servimg.com/u/f30/20/56/51/61/bouton12.png\')?\'0px\':\'-800px\';this.src=(this.src==\'https://i.servimg.com/u/f30/20/56/51/61/bouton12.png\')?\'https://i.servimg.com/u/f30/20/56/51/61/bouton10.png\':\'https://i.servimg.com/u/f30/20/56/51/61/bouton12.png\';"/></td></tr></table>');

  $('#frame_chatbox_side').on('load', function() {
    $(this).contents().find('html').css('overflow', 'hidden');
  });
});

[First-Trading]

Merci, top cette entraide, toujours aussi efficace et complète depuis ces bonnes 15 années, je crois que j'avais fait mon 1ᵉʳ fofo..   Chapeau bas et merci pour votre temps...

Je teste cela au + vite... Et je reviendrai.

Encore un grand merci et toutes mes salutations.


Edit :   J'ai collé les 2 codes, c'est parfait pour le temps de défilement. Merci Beaucoup.

Pour la Chatbox fermée, sous chrome, sans chipoter, c'est presque parfait, mais on voit encore un petit peu la bordure de Chatbox.
Ceci n'est pas très visible avec l'image, c'est pareil sur Brave et Firefox, mais uniquement en mode connecté, pas en déconnecté ou visiteur, car le cadre étant de la même couleur que mon fond, du coup, c'est pas visible, mais avec les navigateurs, dès qu'on est connecté comme membres au fofo, là, on voit bien encore un peu encore la barre sur le côté quand chatbox est fermée...

[Toryudo]

Bonjour !

On peut légèrement ajuster la valeur de "left" comme ceci, en passant de -800px à -806px par exemple, ça me semble plus propre quand je regarde votre forum :

Code:

$(function(){
  $('body').append('<table id="panneau" style="position: fixed; bottom: 50px; left: -806px; background-color: none; z-index:10000;"><tr><td><div style="width: 800px; height: 360px;" scrolling="no" marginwidth="0" marginheight="0" frameborder="0"><div id="chatbox_side" style="overflow:none;height:400px;"><iframe src="/chatbox/?page=front&amp;" id="frame_chatbox_side" scrolling="no" width="100%" height="100%" marginwidth="0" marginheight="0" frameborder="0"></iframe></div></div></td><td style="vertical-align: bottom;"><img src="https://i.servimg.com/u/f30/20/56/51/61/bouton12.png" onClick="document.getElementById(\'panneau\').style.left=(this.src==\'https://i.servimg.com/u/f30/20/56/51/61/bouton12.png\')?\'0px\':\'-806px\';this.src=(this.src==\'https://i.servimg.com/u/f30/20/56/51/61/bouton12.png\')?\'https://i.servimg.com/u/f30/20/56/51/61/bouton10.png\':\'https://i.servimg.com/u/f30/20/56/51/61/bouton12.png\';"/></td></tr></table>');
 
  $('#frame_chatbox_side').on('load', function() {
    $(this).contents().find('html').css('overflow', 'hidden');
  });
});

[First-Trading]

Hello... Un grand merci pour l'aide, apparemment tout est bon là. Je pense que cette aide pourra aider d'autre qui ont un forum comme moi...  Super aide... Champion !!  Je posterai d'autres questions, j'ai encore qq soucis de fonds blancs avec des écritures pas visibles... je ferai un nouveau post... A Bientôt et encore un grand merciiiiiii  

[First-Trading]

Donc résolu !!! Merci.