Chatbox - Désactiver annonce connexion/déconnexion

par Aralar Sam 14 Fév 2015 - 19:12

Détails techniques

Version du forum : phpBB2
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Mozilla Firefox, Google Chrome, Internet Explorer, Opera, Safari, Autre
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : Ven 6 Fév 2015 (en gros)
Lien du forum : http://www.catchasylum.com/forum

Description du problème

Bonsoir,

Je me permet d'ouvrir un fil concernant l'omniprésence des message de connexion/déconnexion sur la chatbox depuis la dernière mise à jour de celle ci.

Sur le forum indiqué, nous sommes une petite communauté très active sur la chatbox, et depuis les dernières modif', il est devenu quasiment impossible d'y tenir une conversation à cause des messages :

"xxx a rejoint le chat"
"xxx a été deconnecté"

Existerait il un script permettant de supprimer ces messages ?

En cherchant un peu sur le forum, j'ai trouvé des moyens pour masquer le texte, mais l'entrée reste présente (et affiche donc une ligne vide en lieu et place de l'annonce), c'est déjà plus lisible, mais pas optimale dans les heures d'affluence.

J'ai également vu que le sujet avait été abordé mais le fil datant de 2013, la solution proposé à l'époque ne fonctionne plus avec la version actuelle de la box.

Merci d'avance.

PS : Je ne savais pas trop où poster cette demande, donc je m'excuse d'avance si elle est mal placé.

par Invité Sam 14 Fév 2015 - 20:19

Bonsoir,

Navré mais il ne me semble pas que ce soit possible.

Cordialement.

par Aralar Lun 16 Fév 2015 - 14:06

Arg :-/

Hum sinon à défaut d'un script permettant de résoudre ce soucis, une solution du coté dev' serait elle envisageable ?

Merci d'avance

par Invité Lun 16 Fév 2015 - 15:11

Bonjour,

Peut-être, du moins s'il y a une solution je n'en ai pas connaissance. Je préfère donc laisser des personnes plus habilitées vous répondre. Wink

Cordialement.

par Aralar Mar 17 Fév 2015 - 18:06

Bonjour,

Merci de vos réponses Kinotto Smile

Je remonte au passage ce fil, car le soucis persiste, et reste très handicapant :-/
Avec environ 15-20 membres qui vont et viennent en soirée sur la box, elle devient vite illisible.

par Aralar Jeu 19 Fév 2015 - 23:38

Je déteste faire des doubles post, mais bon pas trop le choix là :-/
J'ai cru comprendre (via les autres topics) que le staff bossait actuellement sur la compatibilité des scripts, mais la résolution du cas précis des messages de connexion/deconnexion fait il partis des projets en cours ?

par **Shadow** Ven 20 Fév 2015 - 10:00

Bonjour,

Pour rappel: Les codes de personnalisation de la chatbox ont été fournis par des membres du FdF, indépendamment des nouveautés développées par les techniciens de Forumactif. Comme pour les codes de personnalisation des forums dans la section Trucs et Astuces, ces codes sont fournis par des membres pour la communauté et en aucun cas par la société Forumactif. Ce sont uniquement des personnalisations via la gestion des scripts sur les forums.

Il est donc possible que certains codes soient obsolètes suite à certaines mises à jour. Pour ceux visant la chatbox, les codes ne fonctionnant plus nous ont été signalés pour information.

Cependant, les membres prenant sur leur temps libre pour créer ce type de code, il est possible qu'il faille attendre le temps qu'ils puissent se pencher sur ce problème (si les codes peuvent être adaptés).

Un développement dans ce sens n'est pas prévu par notre équipe technique.

Pour information, merci de consulter également ce message ici. Smile

Le code d'alerte nouveau message ne fonctionne plus

Cordialement,
Vivi.

par Ea Ven 20 Fév 2015 - 20:48

bonjour,

o n pourrait créer une page html avec la chatbox modifiée, par exemple avec le code actuel on peut ignorer les messages "générés" rouge et vert avec ce code html :

Code:: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="fr" xml:lang="fr"> <head> <title>ChatBox</title> <link rel="shortcut icon" type="image/x-icon" href= "http://i61.servimg.com/u/f61/11/21/85/73/favico10.png" /> <meta http-equiv="content-script-type" content="text/javascript" /> <meta http-equiv="content-style-type" content="text/css" /> <link rel="stylesheet" href="/85-ltr.css" type="text/css" /> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type= "text/javascript"> </script> <script src="http://illiweb.com/rs3/97/frm/lang/fr.js" type="text/javascript"> </script> <script type="text/javascript"> //<![CDATA[ var smilies_sid = ''; //]]> </script> <script type="text/javascript"> var Chatbox = function(tid, params) { this.tid = tid; this.params = params; if (this.params == '' || this.params == undefined) { this.params = { archives: 0 } } this.archives = this.params.archives; this.avatar = this.params.avatar; this.nolisten = !!parseInt(this.params.archives); this.actionsUrl = '/chatbox/actions.forum'; this.messages = []; this.users = []; this.listenParams = {} }; Chatbox.prototype.init = function(noget) { this.get(); if (this.connected) { this.initListening() } this.format() }; Chatbox.prototype.connect = function() { var data = this.params; data.method = 'connect'; data.tid = this.tid; var self = this; $.ajax({ url: this.actionsUrl, type: 'get', data: data, dataType: 'json', cache: false, success: function(response) { self.connected = response.connected; self.listenParams = response.listenParams; self.refresh(response); self.listen() } }) }; Chatbox.prototype.disconnect = function() { var self = this; $.ajax({ url: this.actionsUrl, type: 'get', dataType: 'json', data: { method: 'disconnect', tid: this.tid }, cache: false, success: function(response) { self.connected = response.connected; self.refresh(response) } }) }; Chatbox.prototype.initListening = function() { if (this.initTries >= 3) { this.disconnect() } else { var self = this; if (this.connected) { $.ajax({ url: this.actionsUrl, type: 'get', dataType: 'json', data: { method: 'initListening', tid: this.tid, archives: this.archives }, cache: false, success: function(response) { self.listenParams = response; self.listen() }, error: function() { if (!self.initTries) { self.initTries = 1 } else { self.initTries++ } self.initListening() } }) } } }; Chatbox.prototype.listen = function() { var self = this; if (this.connected && !this.nolisten) { if (!this.listenParams.url || !this.listenParams.lastModified) { this.initListening(); return } this.listenParams.tag = Math.floor(Math.random() * 100000); $.ajax({ url: this.listenParams.url, timeout: 35000, type: 'get', data: "tag=" + window.escape(this.listenParams.tag) + "&time=" + window.escape(this.listenParams.lastModified), dataType: 'text', crossDomain: true, cache: false, success: function(response, txt, xhr) { self.listenParams.lastModified = xhr.getResponseHeader('Last-Modified'); if (response) { self.get() } self.listen() }, error: function(xhr, status, error) { if (xhr.status == 403 || xhr.status == 404 || xhr.status == 0) { self.initListening() } else { self.disconnect() } } }) } }; Chatbox.prototype.get = function() { var self = this; $.ajax({ url: this.actionsUrl, type: 'get', dataType: 'json', data: { method: 'get', tid: this.tid, archives: this.archives }, cache: false, success: function(response) { if (response) { self.refresh(response) } } }) }; Chatbox.prototype.refresh = function(data) { if (data.error) { $("body").html(data.error) } else { if (this.connected && !this.archives) { $("#chatbox_footer").css('display', 'block'); $("#chatbox_messenger_form").css('display', 'block'); $("#chatbox_messenger_form").css('visibility', 'visible') } else { $("#chatbox_footer").css('display', 'none'); $("#chatbox_messenger_form").css('display', 'none'); $("#chatbox_messenger_form").css('visibility', 'hidden') } if (this.connected) { $("#chatbox_display_archives").show(); $("#chatbox_option_co").hide(); $("#chatbox_option_disco, #chatbox_footer").show(); $(".format-message").each(function() { var name = $(this).attr('name'); var value = my_getcookie('CB_' + name); $(this).prop('checked', parseInt(value) ? true : false) }); this.format(); if (data.lastModified) { this.listenParams.lastModified = data.lastModified } } else { $("#chatbox_option_co").show(); $("#chatbox_option_disco, #chatbox_footer").hide(); $("#chatbox_display_archives").hide() } if (data.users) { this.users = []; $(".online-users, .away-users").empty(); $(".member-title").hide(); for (var i in data.users) { var user = data.users[i]; this.users[user.id] = user; var username = "<span style='color:" + user.color + "'>" + (user.admin ? "@ " : "") + "<span class='chatbox-username chatbox-user-username' data-user='" + user.id + "' >" + user.username + "</span>" + "</span>"; var list = user.online ? '.online-users' : '.away-users'; $(list).append('<li>' + username + '</li>') } if (!$(".online-users").is(':empty')) { $(".member-title.online").show() } if (!$(".away-users").is(':empty')) { $(".member-title.away").show() } } if (data.messages) { var scroll = !this.messages || this.messages.length != data.messages.length; this.messages = data.messages; $("#chatbox").empty(); if (this.messages) { var content = ""; for (var j = 0; j < this.messages.length; j++) { var message = this.messages[j]; if(message.userId == -10 && $.inArray(message.msgColor, ['green', 'red'])!=-1) continue; var html = "<p class='chatbox_row_" + (j % 2 == 1 ? 2 : 1) + " clearfix'>" + "<span class='date-and-time' title='" + message.date + "'>[" + message.datetime + "]</span>"; if (message.userId == -10) { html += "<span class='msg'>" + "<span style='color:" + message.msgColor + "'>" + "<strong> " + message.msg + "</strong>" + "</span>" + "</span>" } else { html += "<span class='user-msg'>"; if (this.avatar) { html += " <span class='cb-avatar'><img src='" + message.user.avatar + "' /></span>" } html += " <span class='user' style='color:" + message.user.color + "'>" + "<strong> " + (message.user.admin ? "@ " : "") + "<span class='chatbox-username chatbox-message-username' data-user='" + message.userId + "' >" + message.username + "</span> : " + "</strong>" + "</span>" + "<span class='msg'>" + message.msg + "</span>" + "</span>" } html += "</p>"; content += html } $("#chatbox").append(content); if (scroll) { $("#chatbox")[0].scrollTop = $("#chatbox").prop('scrollHeight') * 2 } } } } }; Chatbox.prototype.send = function(params) { var self = this; if (!params) { params = $("form[name='post']").serialize() } var data = params + "&method=send&archives=" + this.archives; $("#message").val('').focus(); $.ajax({ url: this.actionsUrl, type: 'post', data: data, dataType: 'json', cache: false, success: function(response) { self.refresh(response) } }) }; Chatbox.prototype.format = function() { var input = $("#message"); input.css('font-weight', parseInt(my_getcookie('CB_bold')) ? 'bold' : 'normal'); input.css('font-style', parseInt(my_getcookie('CB_italic')) ? 'italic' : 'normal'); input.css('text-decoration', (parseInt(my_getcookie('CB_underline')) ? 'underline ' : '') + (parseInt(my_getcookie('CB_strike')) ? 'line-through' : '')); color = my_getcookie('CB_color'); if (color) { $("#scolor").val(color); $("#divcolor-preview").css('background-color', color); input.css('color', color) } else if (this.defaultColor) { $("#scolor").val(this.defaultColor); $("#divcolor-preview").css('background-color', this.defaultColor); input.css('color', this.defaultColor) } }; Chatbox.unban = function(user, id) { $("#message").val('/unban ' + user); window.chatbox.send(); $("[id='" + id + "']", this.banPopup).hide() }; Chatbox.prototype.openHelpPage = function() { this.helpPopup = window.open('/chatbox/help.forum', 'help-chatbox', 'toolbar=no,menubar=no,personalbar=no,width=600,height=300,scrollbars=yes,resizable=yes') }; Chatbox.prototype.openBanlistPage = function() { this.banPopup = window.open('/chatbox/banlist.forum?' + new Date().getTime(), 'banlist', 'toolbar=no,menubar=no,personalbar=no,width=450,height=300,scrollbars=yes,resizable=yes') }; jQuery().ready(function() { $(".format-message").change(function() { var name = $(this).attr('name'); my_setcookie('CB_' + name, $(this).is(':checked') ? 1 : 0); window.chatbox.format() }); $("#divcolor").on('click', function(event) { var scrX = (event.screenX - 270); var scrY = (event.screenY - 270); window.open('/chatbox/selectcolor', 'color', 'toolbar=no,menubar=no,personalbar=no,width=250,height=200,scrollbars=no,resizable=yes,left=' + scrX + ',top=' + scrY) }); $("#divsmilies").click(function(event) { var scrX = (event.screenX - 270); var scrY = (event.screenY - 380); window.open('/post.forum?mode=smilies', 'chatbox_smilies', 'toolbar=no,menubar=no,personalbar=no,width=350,height=300,scrollbars=yes,resizable=yes,left=' + scrX + ',top=' + scrY) }); $("form[name='post']").submit(function() { var message = $("#message").val().trim(); if (message != "") { switch (message) { case '/banlist': window.chatbox.openBanlistPage(); break; case '/help': window.chatbox.openHelpPage(); break; default: window.chatbox.send(); break } $("#message").val("").focus() } else { $("#message").focus() } return false }); $("body").on('click', '.chatbox-username', function(event) { $("#message").val($("#message").val() + $(this).text()).focus() }); $("#chatbox_members").on('contextmenu', '.chatbox-user-username', function(event) { var userId = $(this).data('user'); var user = chatbox.users[userId]; var me = chatbox.users[chatbox.userId]; showMenu(event, user, me); return false }) }); if (!String.prototype.trim) { String.prototype.trim = function() { return this.replace(/^\s+/g, '').replace(/\s+$/g, '') } } </script> <link rel="stylesheet" type="text/css" href= "http://illiweb.com/rs3/97/frm/chatbox/chatbox.css" /> <style type="text/css"> /*<![CDATA[*/ * {margin: 0; padding: 0;}html, body {overflow: hidden;}body {padding: 0;margin: 0;background-color: #ecf3f7;}#help-button, #divcolor, #divsmilies, #submit_button, .format-message + label{border : 1px solid #AAA;background : #ecf3f7;color : black !important;}.format-message:checked + label{background : #0076b1;}#chatbox_contextmenu p.cb-menu-item:hover{background: white;} /*]]>*/ </style> </head> <body class="chatbox"> <div id="chatbox_header" class="forabg"> <h2 class="chatbox-title"><a href="?" target="chatbox" class= "chat-title">ChatBox</a></h2> <ul class="chatbox-options" id="chatbox_main_options"> <li id="chatbox_display_archives"><span id= "chatbox_option_with_archives" style="display: inline;"><a href= "?archives=1">Archives</a> | </span><span id= "chatbox_option_without_archives" style="display: none;"><a href= "?archives">Retour au Chat</a> | </span></li> <li><a href="javascript:void(0)"><span id="chatbox_option_co" onclick= "chatbox.connect()" style= "display: none;"><strong>Connexion</strong></span><span id="chatbox_option_disco" onclick="chatbox.disconnect()" style= "display: ;">Déconnexion</span></a>  </li> </ul> </div> <div id="chatbox_members" class="chatbox-members"> <h4 class="member-title online">En ligne</h4> <ul class="online-users"></ul> <h4 class="member-title away">Absent</h4> <ul class="away-users"></ul> </div> <div id="chatbox"></div> <div id="chatbox_footer" class="forabg" style="display: ;"> <form name="post" method="post" id="post"> <div id="chatbox_messenger_form"> <div class="right-box style-buttons"> <div class="text-field" onclick="document.post.message.focus();"> <label for="message">Message :</label> <input type="text" id="message" name= "message" size="35" maxlength="1024" class="post" autocomplete="off" onkeydown="number_of_refresh=0;" /><input type="submit" name="submit_button" value="Envoyer" id="submit_button" />  </div> </div> <div class="right-box"> <input type="checkbox" name="bold" id="format-bold" class= "format-message" /><label title="Gras" for="format-bold" class= "fontbutton">B</label><input type="checkbox" name="italic" id="format-italic" class="format-message" /><label title="Ital." for="format-italic" class= "fontbutton">I</label><input type="checkbox" name="underline" id= "format-underline" class="format-message" /><label title="Soulig." for= "format-underline" class="fontbutton">U</label><input type="checkbox" name= "strike" id="format-strike" class="format-message" /><label title= "Barré" for="format-strike" class="fontbutton">S</label> <div id="divcolor" class="fontbutton"> A<input type="hidden" name="scolor" id="scolor" value="#536482" /> <div id="divcolor-preview"></div> </div> <div id="divsmilies" class="fontbutton"><img src= "http://2img.net/i/fa/subsilver/wysiwyg/smilie.gif" width="21" height="20" alt="Emoticons" title="Emoticons" /></div> </div> <div id="help-button" class="left-box" onclick="chatbox.openHelpPage()" title= "Commandes de la Chatbox"> ? </div> </div> </form> </div><script type="text/javascript"> //<![CDATA[ var archiveOn= 0; if(location.search=="?archives=1") { var archiveOn= 1; $('#chatbox_option_with_archives,#chatbox_option_without_archives').toggle(); } var chatbox = new Chatbox("7a6e1805e69956743bbfcbc67e996b46", {"archives":archiveOn,"avatar":0});chatbox.userId = 1;chatbox.connected = true;chatbox.defaultColor = '#536482';if ( document.location.href.indexOf('chatbox', 1) == -1 ) {$('#divcolor').css('display', 'none');$('#divsmilies').css('display', 'none');}chatbox.init(); //]]> </script> </body> </html>

mais si la chatbox est mise à jour, cela ne se mettra pas à jour.

ensuite si on affiche la chatbox sur le forum et que l'adresse de la nouvelle page html créée au dessus est par exemple /h48-chat :

si c'est une chatbox "perso" mise sans utiliser les options de forumactif, il suffit de changer son url pour le /h48-chat,
sinon on pourrait ajouter un script (PA > Modules > HTML & JAVASCRIPT | Gestion des codes Javascript) comme ceci :

Code:
var chat_url = '/h48-chat'; var oldInsertChatboxPopup = insertChatBoxPopup; var insertChatBoxPopup = function(_,l_chatbox_join) { oldInsertChatboxPopup(chat_url, l_chatbox_join); }; var oldInsertChatBoxNew = insertChatBoxNew; var insertChatBoxNew = function(chatbox_id,_){ oldInsertChatBoxNew(chatbox_id, chat_url); }; var oldInsertChatBox = insertChatBox; var insertChatBox = function(chatbox_id,_){ oldInsertChatBox(chatbox_id, chat_url); };

cordialement.

par Aralar Ven 20 Fév 2015 - 23:31

Bonsoir,

Et merci d'avoir pris le temps de vous pencher sur ça Smile

La seconde partie de votre message, à savoir le script Javascript me parle, et je vois aisément comment le mettre en place (normal vu que c'est indiqué, ceci dit Very Happy

).

Par contre l'utilisation de la page html un peu moins, j'ai fais diverses tentatives plus ou moins inspirées, mais j'avoue sécher un peu.
Le mieux que j'ai eu est une chatbox sans message de connexion/déconnexion, mais sans possibilité de déconnexion.

Dans notre cas, il s'agit de la chatbox forumactif, celle proposé dans le PA.

Cordialement et merci encore

par Ea Sam 21 Fév 2015 - 22:55

Le mieux que j'ai eu est une chatbox sans message de connexion/déconnexion, mais sans possibilité de déconnexion.

oui je l'ai vu après, il y a des parties du chat qui change à chaque forum/utilisateur/date donc ça ne fonctionnait que pour moi sur un forum donné à une date donnée ( et en essayant plus tard ça ne fonctionnait plus ).

par Ea Dim 22 Fév 2015 - 13:59

Il y a maintenant un script sur ce tutoriel Codes(3) pour la chatbox à la partie :

Retirer les lignes " a rejoint le chat le / s'est deconnecté le "

chez moi ça fonctionne.

Cordialement.

par Artdrock Dim 22 Fév 2015 - 14:16

Ne fonctionne pas chez moi
scratch

Edit : autant pour moi c’était les anciennes connexions . Fonctionne
Laughing

par Aralar Dim 22 Fév 2015 - 15:09

Ça marche, merci beaucoup Ea !
Je passe le sujet en résolu Smile

Chatbox - Désactiver annonce connexion/déconnexion