Detalhes da questão

Endereço do fórum: http://www.tugacs.com
Versão do fórum: phpBB3

Descrição

Olá, é o seguinte: a famosa chatbox!!

Então, eu já meti um JS para a chatbox fazer o login dos membros automaticamente, até aí tudo certo. O código até é esse:

Código:

$(window).load(function() {
      var chatbox_script = function() {
        setTimeout(function(){ $('#chatbox_option_co:visible').click() }, 1000);
      };
      var s=document.createElement('script');s.text="("+chatbox_script.toString()+")();";$('object[data^="/chatbox/index.forum"],iframe[src^="/chatbox/index.forum"]').each(function(){try{$(this.contentDocument||this.contentWindow.document).find("#chatbox").closest("html").find("head").first().each(function(){this.appendChild(s.cloneNode(true))})}catch(a){}})
    });

Agora, a chatbox inicia no modo "Sem arquivos", e eu queria no modo "Arquivos". Então utilizei esse código em baixo:

Código:

// Redefine function!
function insertChatBox(chatbox_id, chatbox_url) {
  return insertChatBoxNew(chatbox_id, chatbox_url);
}
// Redefine function!
function insertChatBoxNew(chatbox_id, chatbox_url) {
  document.getElementById(chatbox_id).innerHTML = '<iframe src="/chatbox/index.forum?archives=1" id="frame_chatbox" scrolling="no" width="100%" height="100%" marginwidth="0" marginheight="0" frameborder="0"></iframe>';
}

$(function() {
  if (_userdata.session_logged_in) {
      chat_archives();
      $('#frame_chatbox').load(function () {
        chat_archives();
      });
  }
});

function chat_archives() {
  var oIframe = (document.getElementById("frame_chatbox").contentWindow || document.getElementById("frame_chatbox").contentDocument),
      script = oIframe.document.createElement("script");

  var chatbox_script = function () {
      // "For" asynchronous loop, faster and does not lock the browser interface when you have many messages!
      (function ($) {
        $.assyncFor = function (arr, callback) {
            for (var i = 0, len = arr.length; i < len; ++i) {
              var boundCallback = callback.bind(null, i, arr[i]);
              setTimeout(boundCallback, i);
            }
            return this;
        };
      }(jQuery));

      var interval = 0;

      $("#chatbox_option_co, #chatbox_option_disco").bind("click", function () {
        $("#chatbox").empty();
      });

      Chatbox.prototype.refresh = function (data) {
        if (data.error) {
            $("body").html(data.error)
        } else {
            if (this.connected) {
              $("#chatbox_display_archives").show();
              $("#chatbox_option_co").hide();
              $("#chatbox_option_disco, #chatbox_footer").show();
              $("#chatbox_messenger_form").css('display', 'block');
              $("#chatbox_messenger_form").css('visibility', 'visible');
              $(".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
              }
              if (!interval) {
                  interval = setInterval(function () {
                    chatbox.init();
                  }, 5000);
              }
            } else {
              clearInterval(interval);
              interval = 0;
              $("#chatbox_option_co").show();
              $("#chatbox_option_disco, #chatbox_footer").hide();
              $("#chatbox_display_archives").hide();
              $("#chatbox_messenger_form").css('display', 'none');
              $("#chatbox_messenger_form").css('visibility', 'hidden');
            }
            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;

              if (this.messages) {
                  var oThis = this; // Here we save the current "this" for use inside "For" asynchronous loop!

                  $.assyncFor(oThis.messages, function (index, content) { // The "For" asynchronous loop...
                    // Here checks if there is already a message in the DOM, if already, not need to process the same message!
                    if ($(".shout-" + index).length) {
                        return oThis;
                    }

                    var message = content, //                                      |ClassName index|
                        html = "<p class='chatbox_row_" + (index % 2 == 1 ? 2 : 1) + " clearfix shout-" + index + "'>" + "<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 (oThis.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>";

                    /**
                      * Here the "append" will not make slow the code execution since it is not within a synchronous loop,
                      * but instead in an asynchronous loop that schedules the execution later!
                      */
                    $("#chatbox").append(html);

                    if ((index + 1) == oThis.messages.length) {
                        if (scroll) {
                          $("#chatbox")[0].scrollTop = $("#chatbox").prop("scrollHeight") * 2
                        }
                    }
                  });
              }
            }
        }
      };
      $("#chatbox").empty();
      chatbox.init();
      interval = setInterval(function () {
        chatbox.init();
      }, 5000);
  };

  script.type = "text/javascript";
  script.innerHTML = "(" + chatbox_script.toString() + ")();";
  oIframe.document.getElementsByTagName("head")[0].appendChild(script);
}

PROBLEMA: esse código realmente mete a Chatbox a iniciar em modo "Arquivos", só que o Índice do meu fórum começa a apresentar alguns bugs com esse código, que são os seguintes:
-Em Android, a barra para escrever da Chatbox não aparece
-Em Android, a versão mobile, no índice, não aparece as opções para alterar para vista clássica
-Meti uma vez um Widget de vídeos de futebol, e havia conflito com o JS de meter a Chatbox em modo "Arquivos", e por isso tive que tirar esse widget

Eu só preciso que me ajudem a criar um JS simples para meter a Chatbox em modo "Arquivos", e que não entre em conflito com mais nada.

Aguardo resposta.

Obrigado!

Tente trocar o segundo script por esse:

Código:

// Redefine function!
function insertChatBox(chatbox_id, chatbox_url) {
  return insertChatBoxNew(chatbox_id, chatbox_url);
}
// Redefine function!
function insertChatBoxNew(chatbox_id, chatbox_url) {
  document.getElementById(chatbox_id).innerHTML = '<iframe src="/chatbox/index.forum?archives=1" id="frame_chatbox" scrolling="no" width="100%" height="100%" marginwidth="0" marginheight="0" frameborder="0"></iframe>';
}

$(function() {
  if (_userdata.session_logged_in) {
      chat_archives();
      $('#frame_chatbox').load(function () {
        chat_archives();
      });
  }
});

function chat_archives() {
  var eIframe = document.getElementById("frame_chatbox");
 
  if (!eIframe) {
   return;
  }
 
  var oIframe = (eIframe.contentWindow || eIframe.contentDocument),
      script = oIframe.document.createElement("script");

  var chatbox_script = function () {
      // "For" asynchronous loop, faster and does not lock the browser interface when you have many messages!
      (function ($) {
        $.assyncFor = function (arr, callback) {
            for (var i = 0, len = arr.length; i < len; ++i) {
              var boundCallback = callback.bind(null, i, arr[i]);
              setTimeout(boundCallback, i);
            }
            return this;
        };
      }(jQuery));

      var interval = 0;

      $("#chatbox_option_co, #chatbox_option_disco").bind("click", function () {
        $("#chatbox").empty();
      });

      Chatbox.prototype.refresh = function (data) {
        if (data.error) {
            $("body").html(data.error)
        } else {
            if (this.connected) {
              $("#chatbox_display_archives").show();
              $("#chatbox_option_co").hide();
              $("#chatbox_option_disco, #chatbox_footer").show();
              $("#chatbox_messenger_form").css('display', 'block');
              $("#chatbox_messenger_form").css('visibility', 'visible');
              $(".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
              }
              if (!interval) {
                  interval = setInterval(function () {
                    chatbox.init();
                  }, 5000);
              }
            } else {
              clearInterval(interval);
              interval = 0;
              $("#chatbox_option_co").show();
              $("#chatbox_option_disco, #chatbox_footer").hide();
              $("#chatbox_display_archives").hide();
              $("#chatbox_messenger_form").css('display', 'none');
              $("#chatbox_messenger_form").css('visibility', 'hidden');
            }
            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;

              if (this.messages) {
                  var oThis = this; // Here we save the current "this" for use inside "For" asynchronous loop!

                  $.assyncFor(oThis.messages, function (index, content) { // The "For" asynchronous loop...
                    // Here checks if there is already a message in the DOM, if already, not need to process the same message!
                    if ($(".shout-" + index).length) {
                        return oThis;
                    }

                    var message = content, //                                      |ClassName index|
                        html = "<p class='chatbox_row_" + (index % 2 == 1 ? 2 : 1) + " clearfix shout-" + index + "'>" + "<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 (oThis.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>";

                    /**
                      * Here the "append" will not make slow the code execution since it is not within a synchronous loop,
                      * but instead in an asynchronous loop that schedules the execution later!
                      */
                    $("#chatbox").append(html);

                    if ((index + 1) == oThis.messages.length) {
                        if (scroll) {
                          $("#chatbox")[0].scrollTop = $("#chatbox").prop("scrollHeight") * 2
                        }
                    }
                  });
              }
            }
        }
      };
      $("#chatbox").empty();
      chatbox.init();
      interval = setInterval(function () {
        chatbox.init();
      }, 5000);
  };

  script.type = "text/javascript";
  script.innerHTML = "(" + chatbox_script.toString() + ")();";
  oIframe.document.getElementsByTagName("head")[0].appendChild(script);
}

Olá, obrigado por responder.

O bug da chatbox na versão clássica permanece. Já na versão mobile parece estar tudo certo.

Quanto ao widget de futebol o problema mantém-se, entra em conflito.

Não é possível um código mais simples para o que é pretendido?

Na versão mobile, o chatbox realmente não aparece. Ele está disponível apenas para a versão desktop. Nós até podemos injeta-lo lá, mas a aparência não ficará muito boa no mobile. Se não tiver problema, precisarei do seu overall_header da Versão Mobile.

Quanto ao Widget de futebol, precisaria averiguar o código sendo usado.

Olá, eu devo ter-me expressado mal. Eu não pretendo mudar nada na versão mobile, tá tudo certo como está.

Os bugs aparecem na versão clássica, mas num dispositivo móvel!!!!

Já o conflito com o widget aparece na versão clássica, tanto num desktop como num dispositivo móvel.

O código do widget é esse, e o bug que acontecia já eu tinha explicado neste tópico: https://ajuda.forumeiros.com/t109705-bug-na-mensagem-em-citacao

Código:

<script src="https://embd.vsports.pt/vswidget/start.js?auto04800500A02200B04101702B03000100704902001A01001100804A04B01300402400F00600204500900E02FC01C07C09T05" type="text/javascript"></script>

O problema está precisamente em o código para meter o chatbox em modo "Arquivos" ser demasiado extenso. Também não percebo porque não deixam a chatbox sempre em Modo Arquivos, já que é a vontade da grande maioria dos forumeiros que por aí andam.

Bem, quanto ao código do modo arquivo, digo que ele faz bem mais do que apenas deixar no modo arquivo. Ele altera vários elementos dentro do chat. Se quiser apenas o modo arquivo, podemos bolar algo. Poderia passar o seu template index_body?

Quanto ao do futebol, não há muito o que fazer pois ele é um código externo, então é torcer para que as alterações do chat que bolaremos não conflitem com o widget.

Obrigado @Kyo Panda, agora tá falando minha língua, é isso mesmo que pretendo, apenas o modo "Arquivos".

Aqui vai o index_body:

Código:

{JAVASCRIPT}
<!-- BEGIN switch_user_logged_in --><p class="right rightside">{LAST_VISIT_DATE}</p><!-- END switch_user_logged_in -->
<p>{CURRENT_TIME}</p>
<br class="clear" />

<!-- BEGIN switch_user_login_form_header -->
<div class="panel">
   <div class="inner"><span class="corners-top"><span></span></span>
      <form action="{S_LOGIN_ACTION}" method="post" name="form_login">
         <div class="user_login_form center">
            <label>{L_USERNAME} : <input class="post" type="text" size="10" name="username" /></label>&nbsp;
            <label>{L_PASSWORD} : <input class="post" type="password" size="10" name="password" /></label>&nbsp;
            <label>{L_AUTO_LOGIN} : <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>&nbsp;
            {S_HIDDEN_FIELDS}<input class="mainoption button1" type="submit" name="login" value="{L_LOGIN}" />

                <!-- BEGIN switch_social_login -->
                <div class="social_btn">
                    <!-- BEGIN fb_connect -->
                    <div class="fb-login-button"></div>
                    <!-- END fb_connect -->
                </div>
                <!-- END switch_social_login -->
         </div>
      </form>
   <span class="corners-bottom"><span></span></span></div>
</div>
<!-- END switch_user_login_form_header -->

<!-- BEGIN message_admin_index -->
   <div class="panel introduction">
      <div class="inner"><span class="corners-top"><span></span></span>
   <!-- BEGIN message_admin_titre -->
      <div class="h3">{message_admin_index.message_admin_titre.MES_TITRE}</div>
   <!-- END message_admin_titre -->

   <!-- BEGIN message_admin_txt -->
      <div class="mes-txt">{message_admin_index.message_admin_txt.MES_TXT}</div>
   <!-- END message_admin_txt -->
      <span class="corners-bottom"><span></span></span></div>
   </div>
<!-- END message_admin_index -->

{CHATBOX_TOP}
{BOARD_INDEX}

<!-- BEGIN disable_viewonline -->

   <!-- BEGIN switch_viewonline_link -->
   <div class="h3"><a href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a></div>
   <!-- END switch_viewonline_link -->

   <!-- BEGIN switch_viewonline_nolink -->
   <div class="h3">{L_WHO_IS_ONLINE}</div>
   <!-- END switch_viewonline_nolink -->

<img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" class="img-whois" />
<p>{TOTAL_USERS_ONLINE}<br />
{RECORD_USERS}

<br />
{LOGGED_IN_USER_LIST}

{L_ONLINE_USERS}
{L_CONNECTED_MEMBERS}<br />
{L_WHOSBIRTHDAY_TODAY}{L_WHOSBIRTHDAY_WEEK}

<br />
<em>{LEGEND}&nbsp;:&nbsp;{GROUP_LEGEND}</em>

</p>
<div class="clear"></div>

   <!-- BEGIN switch_statistics_link -->
   <div class="h3"><a href="{U_STATISTICS}" rel="nofollow">{L_STATISTICS}</a></div>
   <!-- END switch_statistics_link -->

   <!-- BEGIN switch_statistics_nolink -->
   <div class="h3">{L_STATISTICS}</div>
   <!-- END switch_statistics_nolink -->

<p class="page-bottom">
{TOTAL_POSTS}
</p>
<p class="page-bottom">
{TOTAL_USERS}
</p>
<p class="page-bottom">
{NEWEST_USER}
</p>
   <!-- BEGIN switch_chatbox_activate -->
   <div class="h3"><a href="{S_JOIN_CHAT}" target="ChatBox">{CHATBOX_NAME}</a></div>
   <div class="page-bottom">
   {TOTAL_CHATTERS_ONLINE}&nbsp;:&nbsp;
   {CHATTERS_LIST}<br />
   </div>
      <!-- BEGIN switch_chatbox_popup -->
      <div id="chatbox_popup"></div>
      <script type="text/javascript">
      insertChatBoxPopup('{disable_viewonline.switch_chatbox_activate.switch_chatbox_popup.U_FRAME_CHATBOX}', '{L_CLICK_TO_JOIN_CHAT}');
      </script>
      <!-- END switch_chatbox_popup -->
   <!-- END switch_chatbox_activate -->
<!-- END disable_viewonline -->

{CHATBOX_BOTTOM}

<!-- BEGIN switch_user_login_form_footer -->
<div class="panel">
   <div class="inner"><span class="corners-top"><span></span></span>
      <form action="{S_LOGIN_ACTION}" method="post" name="form_login">
         <div class="user_login_form center">
            <label>{L_USERNAME} : <input class="post" type="text" size="10" name="username" /></label>&nbsp;
            <label>{L_PASSWORD} : <input class="post" type="password" size="10" name="password" /></label>&nbsp;
            <label>{L_AUTO_LOGIN} : <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>&nbsp;
            {S_HIDDEN_FIELDS}<input class="mainoption button1" type="submit" name="login" value="{L_LOGIN}" />

                <!-- BEGIN switch_social_login -->
                <div class="social_btn">
                    <!-- BEGIN fb_connect -->
                    <div class="fb-login-button"></div>
                    <!-- END fb_connect -->
                </div>
                <!-- END switch_social_login -->
         </div>
      </form>
   <span class="corners-bottom"><span></span></span></div>
</div>
<!-- END switch_user_login_form_footer -->

<br style="clear:both" />

<!-- BEGIN switch_legend -->
<ul id="picture_legend">
   <li><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" />{L_NEW_POSTS}</li>
   <li><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" />{L_NO_NEW_POSTS}</li>
   <li><img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" />{L_FORUM_LOCKED}</li>
</ul>
<!-- END switch_legend -->

{AUTO_DST}


O código de futebol depois experimento com esse novo código, e depois digo algo.

Troque por esse:

Código:

{JAVASCRIPT}
<!-- BEGIN switch_user_logged_in --><p class="right rightside">{LAST_VISIT_DATE}</p><!-- END switch_user_logged_in -->
<p>{CURRENT_TIME}</p>
<br class="clear" />

<!-- BEGIN switch_user_login_form_header -->
<div class="panel">
  <div class="inner"><span class="corners-top"><span></span></span>
      <form action="{S_LOGIN_ACTION}" method="post" name="form_login">
        <div class="user_login_form center">
            <label>{L_USERNAME} : <input class="post" type="text" size="10" name="username" /></label>&nbsp;
            <label>{L_PASSWORD} : <input class="post" type="password" size="10" name="password" /></label>&nbsp;
            <label>{L_AUTO_LOGIN} : <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>&nbsp;
            {S_HIDDEN_FIELDS}<input class="mainoption button1" type="submit" name="login" value="{L_LOGIN}" />

                <!-- BEGIN switch_social_login -->
                <div class="social_btn">
                    <!-- BEGIN fb_connect -->
                    <div class="fb-login-button"></div>
                    <!-- END fb_connect -->
                </div>
                <!-- END switch_social_login -->
        </div>
      </form>
  <span class="corners-bottom"><span></span></span></div>
</div>
<!-- END switch_user_login_form_header -->

<!-- BEGIN message_admin_index -->
  <div class="panel introduction">
      <div class="inner"><span class="corners-top"><span></span></span>
  <!-- BEGIN message_admin_titre -->
      <div class="h3">{message_admin_index.message_admin_titre.MES_TITRE}</div>
  <!-- END message_admin_titre -->

  <!-- BEGIN message_admin_txt -->
      <div class="mes-txt">{message_admin_index.message_admin_txt.MES_TXT}</div>
  <!-- END message_admin_txt -->
      <span class="corners-bottom"><span></span></span></div>
  </div>
<!-- END message_admin_index -->

<div id="chatbox_top" style="overflow:none;height:300px;">
   <iframe src="/chatbox/index.forum?archives=1" id="frame_chatbox" scrolling="no" width="100%" height="100%" marginwidth="0" marginheight="0" frameborder="0"></iframe>
</div>

{BOARD_INDEX}

<!-- BEGIN disable_viewonline -->

  <!-- BEGIN switch_viewonline_link -->
  <div class="h3"><a href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a></div>
  <!-- END switch_viewonline_link -->

  <!-- BEGIN switch_viewonline_nolink -->
  <div class="h3">{L_WHO_IS_ONLINE}</div>
  <!-- END switch_viewonline_nolink -->

<img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" class="img-whois" />
<p>{TOTAL_USERS_ONLINE}<br />
{RECORD_USERS}

<br />
{LOGGED_IN_USER_LIST}

{L_ONLINE_USERS}
{L_CONNECTED_MEMBERS}<br />
{L_WHOSBIRTHDAY_TODAY}{L_WHOSBIRTHDAY_WEEK}

<br />
<em>{LEGEND}&nbsp;:&nbsp;{GROUP_LEGEND}</em>

</p>
<div class="clear"></div>

  <!-- BEGIN switch_statistics_link -->
  <div class="h3"><a href="{U_STATISTICS}" rel="nofollow">{L_STATISTICS}</a></div>
  <!-- END switch_statistics_link -->

  <!-- BEGIN switch_statistics_nolink -->
  <div class="h3">{L_STATISTICS}</div>
  <!-- END switch_statistics_nolink -->

<p class="page-bottom">
{TOTAL_POSTS}
</p>
<p class="page-bottom">
{TOTAL_USERS}
</p>
<p class="page-bottom">
{NEWEST_USER}
</p>
  <!-- BEGIN switch_chatbox_activate -->
  <div class="h3"><a href="{S_JOIN_CHAT}" target="ChatBox">{CHATBOX_NAME}</a></div>
  <div class="page-bottom">
  {TOTAL_CHATTERS_ONLINE}&nbsp;:&nbsp;
  {CHATTERS_LIST}<br />
  </div>
      <!-- BEGIN switch_chatbox_popup -->
      <div id="chatbox_popup"></div>
      <script type="text/javascript">
      insertChatBoxPopup('{disable_viewonline.switch_chatbox_activate.switch_chatbox_popup.U_FRAME_CHATBOX}', '{L_CLICK_TO_JOIN_CHAT}');
      </script>
      <!-- END switch_chatbox_popup -->
  <!-- END switch_chatbox_activate -->
<!-- END disable_viewonline -->

{CHATBOX_BOTTOM}

<!-- BEGIN switch_user_login_form_footer -->
<div class="panel">
  <div class="inner"><span class="corners-top"><span></span></span>
      <form action="{S_LOGIN_ACTION}" method="post" name="form_login">
        <div class="user_login_form center">
            <label>{L_USERNAME} : <input class="post" type="text" size="10" name="username" /></label>&nbsp;
            <label>{L_PASSWORD} : <input class="post" type="password" size="10" name="password" /></label>&nbsp;
            <label>{L_AUTO_LOGIN} : <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>&nbsp;
            {S_HIDDEN_FIELDS}<input class="mainoption button1" type="submit" name="login" value="{L_LOGIN}" />

                <!-- BEGIN switch_social_login -->
                <div class="social_btn">
                    <!-- BEGIN fb_connect -->
                    <div class="fb-login-button"></div>
                    <!-- END fb_connect -->
                </div>
                <!-- END switch_social_login -->
        </div>
      </form>
  <span class="corners-bottom"><span></span></span></div>
</div>
<!-- END switch_user_login_form_footer -->

<br style="clear:both" />

<!-- BEGIN switch_legend -->
<ul id="picture_legend">
  <li><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" />{L_NEW_POSTS}</li>
  <li><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" />{L_NO_NEW_POSTS}</li>
  <li><img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" />{L_FORUM_LOCKED}</li>
</ul>
<!-- END switch_legend -->

{AUTO_DST}

E pode remover o JavaScript do chatbox.

Funcionou!!

Mas a barra de escrever e os botões sumiram!

Deve ser uma das coisas que o script fazia. Adicione ao CSS:

Código:

#chatbox_messenger_form {
    visibility: visible !important;
    display: block !important;
}

Ficou mesmo tudo direito, mas ao meter o widget do futebol o bug da citação aparece de novo, não percebo...

Hum... Tem como deixar o Widget ativo para ver se há alguma solução?

Está ativado Kyo, até pode falar lá na chatbox

Faça o seguinte:

Crie uma página HTML com o código do Widget e crie um novo Widget personalizado com o seguinte conteúdo:

Código:

<iframe class="fa-soccer-widget" src="LINK_PARA_A_PAGINA_CRIADA"></iframe>

Isso vai isolar o código e impedir que ele quebre algo na página.

@Kyo Panda, deu tudo certo, já consegui e até já configurei o iframe para ficar bem bonitinho.

Você é o maior!!! Só não consigo marcar você com o @ para o ajudar kkk