Mettre la chatbox dans la navbar

par Yunie16 Lun 15 Jan 2024 - 11:46

Détails techniques

Version du forum : ModernBB
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : (lien masqué, vous devez poster pour le voir)

Description du problème

Bonjour !

Actuellement nous n'avons pas de chatbox sur notre forum, et comme nous n'avons pas de serveur discord, nous nous rendons compte que ça manque d'une zone de discussion instantanée. Mais je trouve que la cb bah ça prend de la place inutilement /sort

J'ai trouvé cette astuce ici pour mettre la CB dans la toolbar (https://forum.forumactif.com/t391323-integrer-la-chatbox-a-la-toolbar) qui a l'air vraiment cool, avec les notifs qui évitent de devoir ouvrir toutes les cinq secondes pour stalker les messages, et j'ai voulu l'installer, mais y a un potit soucis : notre toolbar est hidée pour laisser place à la navbar, du coup je pense que ça ne marche pas pour ça.

Actuellement, je n'ai modifié ni le CSS ni le JS donnés dans l'astuce, j'ai juste rajouté un lien de navigation pour placer la chatbox, mais évidemment quand on clique ça ouvre une nouvelle page avec la CB en pleine page, rien à voir avec ce que le tuto décrit.

Je ne sais pas du tout ce qu'il faudrait modifier pour arriver au même résultat, donc j'en appelle à votre savoir si quelqu'un a une idée !

Et je ne sais pas quels codes je dois vous donner (CSS complet ? Template header ?) du coup hésitez pas si besoin de quelque chose !

Merci d'avance

par marcophil Mar 16 Jan 2024 - 7:40

bonjour
j'ai trouvé ceci, mais pas pour modernBB
le sujet date de 2014
la réponse est en bas de page
cliquez ici..!

par Yunie16 Mar 16 Jan 2024 - 9:31

Bonjour

J'avais effectivement trouvé ce sujet, mais ici la chatbox est dans la toolbar et non dans la navbar, c'est différent ^^'
Ma toolbar est cachée pour laisser place à une navbar personnalisée, donc là les scripts ne fonctionnent pas (du moins je pense)

Merci quand même !

par **Toryudo** Mar 16 Jan 2024 - 10:31

Bonjour !

En théorie, dans le script, il faudra juste changer cette ligne :

Code:: var right = document.getElementById('fa_right'),

Vous devez mettre l'id de la zone qui va recevoir le texte "Chatbox".
Par défaut, la valeur "fa_right" correspond à une zone dans la toolbar classique.
Je ne sais pas dire si tout le système va bien fonctionner quand la toolbar est masquée, je ne sais pas si les notifications vont bien s'afficher... ça demande quelques tests !

par Yunie16 Mar 16 Jan 2024 - 12:18

Bonjour !

Eh bien merci ! Ca fonctionne nickel du premier coup **
Me reste à styliser le bouton et la CB mais normalement je devrais gérer !

Je laisse quand même en pas encore résolu au cas où je galère, je repasserai si jamais j'ai un problème avec le CSS xD

par Yunie16 Mar 16 Jan 2024 - 22:18

Bon ben je n'y arrive pas ee

Déjà parce que je ne parviens pas à retrouver le sujet que j'avais utilisé y a quelques semaines et qui était fort utile (où une CB était en mille couleurs et il était mis "pour changer la zone en violet faut mettre tel code"), donc je suis un peu embêtée xD
J'ai essayé de toucher au CSS du tutoriel ici mais visiblement ça ne touche pas à l'apparence de la chatbox donc je suis bloquée ;;

MAIS, bonne nouvelle, j'ai pu aligner le bouton toute seule comme une grande xD

par marcophil Mer 17 Jan 2024 - 8:46

bonjour
est ce cette page cliquez ici

par Yunie16 Mer 17 Jan 2024 - 10:42

Bonjour,

Non, il me semblait que c'était dans les astuces, c'était vraiment un tutoriel détaillé mais je ne trouve plus, à se demander si je n'avais pas fait une recherche google et trouvé ailleurs, mais pas moyen de retomber dessus en ecumant l'internet ;;

EDIT : J'ai trouvéééé ! c'est ici : https://forum.forumactif.com/t260270-fonctionnement-de-la-chatbox#3195687
Je vais éditer mon premier post pour passer en résolu !

Mettre la chatbox dans la navbar