Enlever les espaces blancs sur la chatbox

[2011N2]

Rappel du premier message :

Bonjour,

J'ai ajouté, déjà depuis longtemps, le code CSS permettant de cacher les messages vert et rouge de connexion et déconnexion des membres sur la chatbox. Cependant, les blancs deviennent de plus en plus envahissant, et beaucoup se posent des questions à propos de ces fameux blancs.

Normalement, il devrait être possible de les supprimer totalement (sans laisser de blancs), étant donné qu'ils ne sont pas affichés dans les archives (s'ils ne sont pas affichés là-bas, je pense que ça devrait être possible de les afficher nul part).

Cependant, comment faire ?

Si vous souhaitez mon code CSS pour supprimer les messages, le voici :

Code:

 .chatbox .msg span[style="color:green;"] strong {
  visibility: hidden;
  }


    .chatbox .msg span[style="color:red;"] strong {
  visibility: hidden;
}


Merci d'avance et bonne soirée,

Gabriel.

[2011N2]

Re,

Malheureusement cela ne fonctionne pas : j'ai bien ajouté le code au template et je l'ai publié, puis j'ai mis les codes uniquement sur la galerie (au lieu de les supprimer) qui est désactivée, et ça marche pas, quand on se connecte ça se connecte sans archives. :s

Merci en tout cas

Gabriel.

[Invité]

impossible !!!

sur mon forum de test ca fonctionne
tu as bien publié ton template ??

[2011N2]

Re,

Oui j'ai bien publié, et ça bug d'ailleurs sur la chatbox latérale (le bouton, cf mon forum).

Comme codes qui peuvent avoir un rapport avec la chatbox j'ai aussi celui-ci pour les postes plus rapide et l'inscription du message sur le chat :

Code:

;window.localStorage && localStorage.getItem("br-target") && ($("meta[http-equiv='refresh'][content]:first").length && function() {
  var a = JSON.parse(localStorage.getItem("br-data")), b = localStorage.getItem("br-target"), c;
  if(-1 != (c = $.inArray(b, a))) {
    a.splice(c, 1), localStorage.setItem("br-data", JSON.stringify(a))
  }
  localStorage.removeItem(b)
}(), localStorage.removeItem("br-target"));





if(!window.localStorage) {
  $("meta[http-equiv='refresh'][content]:first").each(function() {
    parent.location.href = $(this).attr("content").replace(/^.*;url=/, "")
  })
}else {
  var a = JSON.parse(localStorage.getItem("chatboxNotify"));
  if(!$("meta[http-equiv='refresh'][content]:first").length || !a) {
    $("meta[http-equiv='refresh'][content]:first").each(function() {
      parent.location.href = $(this).attr("content").replace(/^.*;url=/, "")
    })
  }else {
    $(function() {
      var b = $("span.gen a[href^='/t']").attr("href");
      document.referrer == a[0] && b && $.post("/chatbox/chatbox_actions.forum", {mode:"send", sent:"/me " + ("reply" == a[1] ? "a r\u00e9pondu à un sujet : " : "a cr\u00e9\u00e9 le sujet : ") + "[url=http://tinyurl.com/FEI-com" + b + "]" + a[2] + "[/url]"}, function() {
        localStorage.removeItem("chatboxNotify");
        $("meta[http-equiv='refresh'][content]:first").each(function() {
          parent.location.href = $(this).attr("content").replace(/^.*;url=/, "")
        })
      });
      localStorage.removeItem("chatboxNotify")
    })
  }
  $(function() {
    $("form[name='post']").length && /^reply|newtopic$/.test(document.post.mode.value) && $(document.post).submit(function() {
      localStorage.setItem("chatboxNotify", JSON.stringify([document.location.href.replace(/^(.*?)#.*$/, "$1"), document.post.mode.value, ($("a.nav:last[href^='/t']") || $("h1.cattitle")).text() || document.post.subject && document.post.subject.value || "Cliquez ici pour voir le message posté"]))
    })
  })
};

Et celui-ci pour remplacer le "ici" dans le chat :

Code:

$(function() {
  $('<input type="hidden" name="subject" />').val($(".catBottom h1.cattitle").first().text()).appendTo($("form#quick_reply"))
});

Gabriel.

[Invité]

il faut que tu supprimes tes anciens codes car les deux fonctionnent ensemble:
la preuve:



tu as deux boutons

[2011N2]

Re,

Ah oui j'ai ça aussi dans le message sur la page d'accueil :

Code:

<table style="position: fixed; bottom: 50px; left: 0px;background-color: #transparent;z-index:10000;"><tr><td><iframe src="/chatbox/chatbox.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>




<script type="text/javascript">
function insertChatBox(chatbox_id, chatbox_url)
{
document.getElementById(chatbox_id).innerHTML = '<iframe src="' + chatbox_url + '" name="fc" id="frame_chatbox" scrolling="no" width="100%" height="100%" marginwidth="0" marginheight="0" frameborder="0"></iframe>';
}
function cbac() { setTimeout("if(!window.fc.connected) window.fc.CB_disconnect()",1000); }
jQuery(window).load(cbac);
</script>


























 

Je supprime tout ?

Gabriel.

[Invité]

oui tu peux

[2011N2]

Re,

Fait, aucun changement

Et j'ai supprimé entièrement les deux autres codes, pareil ça change rien.

Une idée ?

Gabriel.

[Invité]

Tu as encore un autre code quelques part tu as encore deux chatbox !!!

essai de trouver les autre code actif de ta chatbox.
mais c'est sur que doit marcher, chez moi ca marche impec...
Je dois y aller

@+

[2011N2]

Re,

Tu es en PhpBB2 aussi ?

J'ai essayé en désactivant TOUS les javascript => Aucun changement.

Le problème vient d'autre part.

Je dois aussi y aller, je remets comme avant pour l'instant et on verra plus tard.

EDIT : je vois qu'effectivement en enlevant le code que tu m'as donné dans ton template, et sans remettre celui sur la page d'accueil et ceux dans les Javascript pour le chat latérale, il est quand même présent, donc il va falloir que je fouille plus en profondeur, mais c'est vraiment bizarre.  Je file et je te tiens au courant plus tard.

Merci,

Gabriel.

[2011N2]

Bonjour,

Je viens aux nouvelles.
J'ai trouvé le code qui laissait la chatbox latérale, c'était dans un widget.
Je l'ai donc enlevé et j'ai rajouté ton code dans les templates de nouveau : toujours le bouton noir qui clignote et aucun changement à constater pour la chatbox.  

Merci,

Gabriel.

[Invité]

Bonjour,

peux-tu me faire une capture d'écran stp ??

Voilà ce que ça doit donner sur ton forum des que tu te connecte, regarde sur mon forum de test.

il n'y a aucune raison pour que ça marche pas. si ce n'est pas le cas regarde encore si tu n'as plus de codes chatbox en conflit ???
style: https://forum.forumactif.com/t356182-enlever-les-espaces-blancs-sur-la-chatbox#3037733
et
https://forum.forumactif.com/t356182-enlever-les-espaces-blancs-sur-la-chatbox#3037736

Pour le clignotement de l'image tu peux la changer dans le script par une fixe.
de toute façon je ne peux plus t'aider autrement.
Mon code fonctionne et doit marcher chez toi
!!

Cdt

[2011N2]

Bonsoir,

Des captures de quoi exactement ?
Quand je me connecte au chat, il y a le bouton "Archives", ça change rien d'habituellement à part le bouton latérale qui clignote. Quand je me connecte, c'est donc sans archives, comme avant.

Je ne vois aucun autre code, et même si je désactive tous les Javascript c'est pareil.

Et quel code faut-il prendre pour que le bouton ne clignote pas ?

Merci

Gabriel.

[2011N2]

Up

[2011N2]

Up

[2011N2]

Up

[2011N2]

Up

[néco]

dans ton prochain message , colle tout tes javascript stp (même si ils n'ont rien à voir avec la chat) (en disant à quoi ils servent)
ainsi que ton css en entier stp !


EDIT : aurais-tu mis une page html pour la chat aussi ? à tout hasard ?


bizzz

[2011N2]

Bonjour,

Oulah y'a du boulot alors, parce que des scripts j'en ai^^
Et non pas de page HTML en lien avec le chat.

Ah, bah je voulais mettre les codes dans le message, mais ça arrête pas de me dire que ça dépasse la limite...

Du coup j'ai tout mis dans un lien cjoint : http://cjoint.com/13sp/CIksVuL8066_message_forumactif.txt
Je sais pas si c'est très clair, si tu veux que je découpe en postant plusieurs messages, n'hésite pas.

Merci

Gabriel.

[néco]

oula , en effet , je ne m'attendais pas à ça , je vais pas être de grande utilité je crois ^^

mais ... sais-tu as quoi correspond ce que tu as appellé " Affiche le titre des sujets sur le chat :" et " Poste plus rapide et notification sur le chat :" ? et es ce que cela fonctionne chez toi ?

es ce que tu es bien en phpbb2 ?

et ce code-ci ? il te sert à quoi , et fonctionne t'il ?

"Virgule et gras sur la chatbox :"

Code:

function virgUNC(){
 
  if($("#frame_chatbox").length) document.getElementById("frame_chatbox").contentWindow.copy_user_name= function(user_name){document.getElementById("frame_chatbox").contentWindow.document.post.message&&(document.getElementById("frame_chatbox").contentWindow.document.post.message.value+=user_name+(document.getElementById("frame_chatbox").contentWindow.document.post.message.value==""?", ":""),document.getElementById("frame_chatbox").contentWindow.document.post.message.focus());return!1};
 
  if($("#chatboxpop").length) document.getElementById("chatboxpop").contentWindow.copy_user_name= function(user_name){document.getElementById("chatboxpop").contentWindow.document.post.message&&(document.getElementById("chatboxpop").contentWindow.document.post.message.value+=user_name+(document.getElementById("chatboxpop").contentWindow.document.post.message.value==""?", ":" "),document.getElementById("chatboxpop").contentWindow.document.post.message.focus());return!1}
 
};
 
$(function(){ setTimeout("virgUNC()",1500); });
 





function virgUNC(){
 document.getElementById("frame_chatbox").contentWindow.document.post.message&&(document.getElementById("frame_chatbox").contentWindow.document.post.message.value+="[b]"+user_name+"[/b]"+(document.getElementById("frame_chatbox").contentWindow.document.post.message.value==""?", ":" "),document.getElementById("frame_chatbox").contentWindow.document.post.message.focus());return!1};
 
  if($("#chatboxpop").length) document.getElementById("chatboxpop").contentWindow.copy_user_name= function(user_name){document.getElementById("chatboxpop").contentWindow.document.post.message&&(document.getElementById("chatboxpop").contentWindow.document.post.message.value+="[b]"+user_name+"[/b]"+(document.getElementById("chatboxpop").contentWindow.document.post.message.value==""?", ":" "),document.getElementById("chatboxpop").contentWindow.document.post.message.focus());return!1}
 
};
 
$(function(){ setTimeout("virgUNC()",1500); });

et à quoi correspond ceci ?

Code:

$(function(){

  $("#frame_chatbox").load(function(){
    $("#frame_chatbox").contents().find("head").append($("#tstyle").clone());
  });


as-tu tester le code de danynou en enlevant ceci de ta feuille de style css ?

Code:

.chatbox .msg span[style="color:green;"] strong {
  visibility: hidden;
  }


    .chatbox .msg span[style="color:red;"] strong {
  visibility: hidden;
}


******
je suis désolé pour le faux espoir mais je crois que je pourrais pas vraiment t'aider en fait ^^

essaye juste de virer tout ce qui concerne la chat dans tes codes (mais garde les de cotés sur ton ordi au cas où , bien entendu) et vois si le code donné par danynou fonctionne enfin !

bizzz

[néco]

Et quel code faut-il prendre pour que le bouton ne clignote pas ?

Merci

Gabriel.

pour ça , ce n'est pas un code "à prendre" ... c'est juste un lien à changer !
le lien que danynou t'as montré en jaune fluo , tu dois l'enlever et mettre le lien de l'image que tu veux :
par exemple , si celle-ci ...  ... te conviens , mets ce lien :
https://i.servimg.com/u/f72/16/13/24/40/newbou12.png  
à la place de celui en jaune !

bizzz

[2011N2]

Salut,

mais ... sais-tu as quoi correspond ce que tu as appellé " Affiche le titre des sujets sur le chat :" et " Poste plus rapide et notification sur le chat :" ? et es ce que cela fonctionne chez toi ?

Oui, à ça :
Le gras sur le pseudo sur le chat. Exemple typique du blanc qui embête.

Et ça permet une redirection plus rapide lorsqu'on poste un message.

Oui, en PHPbb2.

Le code sert à insérer une virgule après le pseudo et le mettre en gras lorsqu'on clique sur un pseudo du chat.

Le second, non, mais de toute façon le code de danyou ne fonctionne pas même lorsque les Javascripts sont tous désactivés. Donc ça vient pas d'eux.

Je vais tester pour le code en enlever TOUT le CSS, comme ça on sera sûr^^

Ah ok pour l'image, je croyais que c'était celle que j'avais en fait.

Merci,

Gabriel.

[2011N2]

Re,

Bon ça avance pas, même en virant tout le CSS, ça se connecte pas en Archive auto sur le chat.

Il est peut-être préférable que j'ouvre un nouveau sujet juste pour obtenir un code afin d'être connecté en archive auto, non ?
Et laisser celui-ci ouvert, en attendant que j'ai une réponse, si jamais ça marche pas.

Gabriel.

[néco]

mais du coup , actuellement , avec quel code fais tu fonctionner ta chatbox latérale ? et où est-il placé ?
(colle le ici stp , on sais jamais ...)

sinon , oui c'est peut-être une bonne idée un autre topic avec une question différente !

pour l'image , j'ai bricolé ça comme j'ai pû mais je ne peux pas faire des transparence donc j'ai pris ton fond de forum directement , j'éspère que ça ira bien si jamais tu en as besoin ^^

bizzz

[2011N2]

Re,

Pour la latérale, c'est ce code dans un widget :

Code:

<table style="position: fixed; bottom: 50px; left: 0px;background-color: #transparent;z-index:10000;"><tr><td><iframe src="/chatbox/chatbox.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>

Oui pas de souci pour l'image^^

Gabriel.

[néco]

essaye de le remplacer par celui-là et dis moi ce que ça donne !

Code:

<table style="position: fixed; bottom: 50px; left: 0px;background-color: #transparent;z-index:10000;"><tr><td><iframe src="/chatbox/index.forum?archives=1" 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>

mais j'ai pas trop bien compris pourquoi tu la mettais dans un widget !

bizzz

[2011N2]

Salut,

On progresse !

Alors cela ne fonctionne pas sur la page d'accueil (le plus important^^).

En revanche, cela fonctionne sur la latérale.

Une idée pour que ça fonctionne partout ?

Gabriel.

[2011N2]

Up ?

[néco]

non , ça je ne sais pas du tout , désolé !
dans la latérale c'est possible mais sur l'autre je ne sais pas du tout !

mais déjà si ça marche avec la latérale , je suis contente pour toi ! ^^


bizzz

[2011N2]

Pas de problème, c'est déjà bien.

Bon, je pense que je vais aller ouvrir un nouveau sujet alors.

Gabriel.

[2011N2]

Nouveau sujet ouvert : https://forum.forumactif.com/t357679-connexion-a-la-chatbox-avec-les-archives-auto#3041453