[Code] Chatbox fmvi 2.0

Chức năng:

• Khắc phục lỗi không cuộn xuống cuối khi gửi tin nhắn bằng cách đảo ngược chatbox.
  
• Làm mới giao diện chọn màu và biểu tượng cảm xúc.
  
• Thêm hiệu ứng âm thanh khi:
  
  • Buzz (kèm hiệu ứng rung chatbox)
    
  • Có thành viên truy cập hoặc thoát ra.
    
  • Có tin nhắn mới
    
  • Đăng nhập
    
  • Đăng xuất
  
  
• Gọn, nhẹ:
  
  • HTML 3.2 Kb
    
  • CSS 1.3 Kb
    
  • Javascript 3.7 Kb
  
  
• Việt hóa 99%

Demo: https://i.servimg.com/u/f12/17/70/81/78/2-1-2010.png

Hướng dẫn:

Bước 1: overall_header:
Tìm:

Code:

<script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>

...và thêm vào bên dưới nó:

Code:

<script type="text/javascript">
   $(function(){
             my_setcookie("get_tid", $("#qjump input[name='tid']").val(), 1)
   })
</script>

Hoặc có thể tạo javascript và đặt In all the pages.
Tạo smilie mới theo mẫu sau:

• Smilie Code :

  Code:

  :

  
  
• Smilie Emotion :

  Code:

  :

• Smilie Image File : :

Bước 2: Tạo trang HTML Emoticons:
Đầu tiên bạn vào trang

Code:

http://LOCATION_HOST/post?mode=smilies_chatbox

Thay

Code:

LOCATION_HOST

bằng link diễn đàn của bạn, ví dụ của mình là: www.fmvi.vn
Bạn sao chép mã nguồn của trang đó bằng tổ hợp phím Ctrl+U và Ctrl+C.
Sau đó vào trang này http://www.fmvi.vn/h190-convert-emoticons để chuyển đổi.

Tạo trang HTML mới theo mẫu sau:

• Title * : Smiley chatbox fmvi 2.0
  
• Do you wish to use your forum header and footer ? No
  
• Use this page as homepage ? No
  
• HTML source * : Sử dụng mã nguồn vừa chuyển đổi ở trên

Ghi nhớ số thứ tự trang HTML vừa tạo.

Bước 3: Tạo javascript Chatbox fmvi 2.0:

• Title * : javascript chatbox fmvi 2.0
  
• Placement : Không check
  
• Javascript Code * :

  Code:

  function showMenu(g, d, l, m, j, h, n, c, e) {
   if (document.getElementById("chatbox_contextmenu")) return hideMenu(), !1;
   var k = !1;
   document.getElementById("message") && (k = !0);
   document.all ? (mouseX = window.event.clientX + document.body.scrollLeft, mouseY = window.event.clientY + document.body.scrollTop) : (mouseX = c.clientX + window.scrollX, mouseY = c.clientY + window.scrollY);
   c = document.createElement("div");
   c.setAttribute("id", "chatbox_contextmenu");
   c.style.display = "block";
   c.style.top = mouseY + "px";
   var a = 0,
      a = document.getElementById("content") ? document.getElementById("content").offsetWidth : document.body ? document.body.clientWidth : window.innerWidth;
   for (mouseX = parseInt(mouseX); 120 + mouseX >= a;) mouseX -= 10;
   c.style.left = mouseX + "px";
   c.style.position = "absolute";
   a = document.createElement("p");
   a.setAttribute("class", "close");
   a.setAttribute("className", "close");
   var b = " " + (9 < d.length ? d.substr(0, 9) + "..." : d),
      f = document.createElement("img");
   f.onclick = new Function("hideMenu();");
   f.setAttribute("src", "http://2img.net/i/fa/cross.png");
   f.setAttribute("alt", "\u0110\u00f3ng");
   a.appendChild(document.createTextNode(b));
   a.appendChild(f);
   c.appendChild(a);
   a = document.createElement("p");
   a.onmouseover = new Function('this.className="hover";');
   a.onmouseout = new Function('this.className="";');
   b = document.createElement("a");
   b.appendChild(document.createTextNode("Xem th\u00f4ng tin"));
   b.setAttribute("href", "/u" + g);
   b.setAttribute("target", "profile");
   b.onclick = new Function("hideMenu();");
   a.appendChild(b);
   c.appendChild(a);
   a = document.createElement("p");
   a.onmouseover = new Function('this.className="hover";');
   a.onmouseout = new Function('this.className="";');
   b = document.createElement("a");
   b.appendChild(document.createTextNode("G\u1eedi tin nh\u1eafn"));
   b.setAttribute("href", "/privmsg?mode=post&u=" + g);
   b.setAttribute("target", "profile");
   b.onclick = new Function("hideMenu();");
   a.appendChild(b);
   c.appendChild(a);
   document.getElementById("message") && 2 == m && (d = d.replace(/\\/g, "\\\\"), d = d.replace(/\'/g, "\'"), 2 != h && (a = document.createElement("p"), a.onmouseover = new Function('this.className="hover";'), a.onmouseout = new Function('this.className="";'), b = document.createElement("a"), b.appendChild(document.createTextNode("M\u1eddi ra ngo\u00e0i")), b.setAttribute("href", "javascript:void(0)"), b.onclick = new Function("return action_user('kick', '" + d + "', '" + e + "');"), a.appendChild(b), c.appendChild(a), a = document.createElement("p"), a.onmouseover = new Function('this.className="hover";'), a.onmouseout = new Function('this.className="";'), b = document.createElement("a"), b.appendChild(document.createTextNode("C\u1ea5m truy c\u1eadp")), b.setAttribute("href", "javascript:void(0)"), b.onclick = new Function("return action_user('ban','" + d + "', '" + e + "');")), a.appendChild(b), c.appendChild(a), 1 == j && 2 == h && 1 != n ? (a = document.createElement("p"), a.onmouseover = new Function('this.className="hover";'), a.onmouseout = new Function('this.className="";'), b = document.createElement("a"), b.appendChild(document.createTextNode("X\u00f3a quy\u1ec1n qu\u1ea3n l\u00fd")), b.setAttribute("href", "javascript:void(0)"), b.onclick = new Function("return action_user('unmod','" + d + "', '" + e + "');"), a.appendChild(b), c.appendChild(a)) : 1 == j && 2 != h && (a = document.createElement("p"), a.onmouseover = new Function('this.className="hover";'), a.onmouseout = new Function('this.className="";'), b = document.createElement("a"), b.appendChild(document.createTextNode("Th\u0103ng ch\u1ee9c qu\u1ea3n l\u00fd")), b.setAttribute("href", "javascript:void(0)"), b.onclick = new Function("return action_user('mod','" + d + "', '" + e + "');"), a.appendChild(b), c.appendChild(a)));
   k && g == l && (a = document.createElement("p"), a.onmouseover = new Function('this.className="hover";'), a.onmouseout = new Function('this.className="";'), b = document.createElement("a"), b.appendChild(document.createTextNode("T\u1ea1m ngh\u1ec9")), b.setAttribute("href", "javascript:void(0)"), b.onclick = new Function("return action_user('away', prompt('L\u00fd do ngh\u1ec9?',''), '" + e + "');"), a.appendChild(b), c.appendChild(a), a = document.createElement("p"), a.onmouseover = new Function('this.className="hover";'), a.onmouseout = new Function('this.className="";'), b = document.createElement("a"), b.appendChild(document.createTextNode("\u0110\u0103ng xu\u1ea5t")), b.setAttribute("href", "javascript:void(0)"), b.onclick = new Function("hideMenu();connect_ajaxC('disconnect');"), a.appendChild(b), c.appendChild(a));
   document.body.appendChild(c);
   return !1
}
function action_user(a, b) {
   null == b && (b = "");
   $.ajax({
      type: "POST",
      url: "/chatbox/chatbox_actions.forum?archives=1",
      data: {
         mode: "send",
         sent: "/" + a + " " + b
      },
      success: function () {
         messfilter();
         sendmessC()
      }
   });
   hideMenu();
   return !1
}
function hideMenu() {
   document.getElementById("chatbox_contextmenu").parentNode.removeChild(document.getElementById("chatbox_contextmenu"))
}
function copy_user_name(a) {
   $("#message").focus().val($("#message").val() + " " + a);
   return !1
}
function ajax_connect() {
   chatbox_updated = chatbox_last_update
}
function checkconect(a) {
   "disconnect" == a ? ($("#chatbox_option_co").show(), $("#chatbox_option_disco, #chatbox_option_autorefresh, #chatbox_footer").hide(), soundchat("offline")) : "connect" == a && ($("#chatbox_option_co").hide(), $("#chatbox_option_disco, #chatbox_option_autorefresh, #chatbox_footer").show(), $("#refresh_auto").prop("checked", !0), soundchat("online"), connectC())
}
function connect_ajaxC(a) {
   null == my_getcookie("get_tid") && window.location.replace("/");
   checkconect(a);
   $.ajax({
      type: "POST",
      url: "/chatbox/chatbox_actions.forum?archives=1&mode=" + a + "&tid=" + my_getcookie("get_tid"),
      success: function (b) {
         1 != b && $.ajax({
            type: "GET",
            url: "/",
            success: function (b) {
               my_setcookie("get_tid", $(b).find("#qjump input[name='tid']").val(), 1);
               $.ajax({
                  type: "POST",
                  url: "/chatbox/chatbox_actions.forum?archives=1&mode=" + a + "&tid=" + my_getcookie("get_tid"),
                  success: function () {
                     checkconect(a)
                  }
               })
            }
         })
      }
   })
}
function messfilter() {
   var c = eval(chatbox_memberlist.split("</a>").length - 1),
      a, d = chatbox_messages.split("</p>"),
      e = "",
      b = my_getcookie("lengthmess").split("|");
   for (a = 0; a < d.length - 1; a++) /\[\{fmvi\}\]/.test(d[a]) && (e = d[a].replace(/\[\{fmvi\}\]/, "") + "</p>" + e);
   a = eval(e.split("</p>").length - 2);
   var d = eval(b[0]),
      g = eval(b[1]),
      f = eval(b[2]),
      b = eval(b[3]); - 1 == g && -1 == f && 0 == b ? my_setcookie("lengthmess", d + "|" + a + "|" + a + "|" + c, !0) : "" == chatbox_messages ? my_setcookie("lengthmess", "-1|-1|-1|" + c, !0) : a > g ? my_setcookie("lengthmess", d + "|" + a + "|" + f + "|" + b, !0) : g > f && -1 != f ? -1 != e.split("</p>")[0].indexOf('alt=":"') ? (e.split("</p>")[0].match(/href="\/u(\d+)"/)[1] != $("#scode").val() && $("title").text("BUZZ!!!"), soundchat(""), transformL(), setTimeout("transformR()", 100), setTimeout("transformL()", 200), setTimeout("transformR()", 300), setTimeout("transformL()", 400), setTimeout("transformR()", 500), setTimeout("transformL()", 600), setTimeout("transformR()", 700), setTimeout("$('#chatbox_header, #chatbox_footer, #chatbox, #chatbox_members').css({'transform': 'rotate(0deg)', '-moz-transform': 'rotate(0deg)', '-webkit-transform': 'rotate(0deg)', '-o-transform': 'rotate(0deg)'})", 800), my_setcookie("lengthmess", a + "|" + a + "|" + a + "|" + b, !0)) : (e.split("</p>")[0].match(/href="\/u(\d+)"/)[1] != $("#scode").val() ? ($("title").text("Tin nh\u1eafn m\u1edbi"), soundchat("message")) : $("title").text("Chatbox 2.0"), my_setcookie("lengthmess", d + "|" + a + "|" + a + "|" + b, !0)) : c != b && 0 != c && (soundchat("alert"), my_setcookie("lengthmess", d + "|" + g + "|" + f + "|" + c, !0));
   $("#chatbox").html(e)
}
function soundchat(c) {
   $("#audio").prop("checked") && $("#sound").html('<audio preload="auto" autoplay="autoplay"><source src="http://dl.dropbox.com/u/126946313/fmviChat/' + c + '.ogg" type="audio/ogg" /><source src="http://dl.dropbox.com/u/126946313/fmviChat/' + c + '.mp3" type="audio/mpeg" /></audio>')
}
function sendmessC() {
   chatbox_updated = chatbox_last_update;
   $("#chatbox_members").html(chatbox_memberlist);
   $("#chatbox").scrollTop(0)
}
function fmvicbox() {
   $.ajax({
      type: "GET",
      url: "/chatbox/chatbox_actions.forum?archives=1&mode=refresh",
      success: function (a) {
         "b\u1ea1i vong" == chatbox_messages ? (tex = -1 != a.indexOf("You have been banned from the ChatBox") ? "B\u1ea1n b\u1ecb c\u1ea5m truy c\u1eadp, vui l\u00f2ng li\u00ean h\u1ec7 ng\u01b0\u1eddi qu\u1ea3n l\u00fd." : "B\u1ea1n kh\u00f4ng th\u1ec3 s\u1eed d\u1ee5ng ch\u1ee9c n\u0103ng n\u00e0y, vui l\u00f2ng \u0111\u0103ng nh\u1eadp.", $("#chatbox").html('<p class="chatbox_row_2 clearfix"><span class="msg"><span style="font-style:italic; color:red;"><strong>' + tex + "</strong></span></span></p>"), clearInterval(upd), $("#chatbox_main_options, #chatbox_footer").hide()) : chatbox_last_update > chatbox_updated && (/You\sare\sdisconnected/.test(chatbox_messages) ? ($("#chatbox").html('<p class="chatbox_row_2 clearfix"><span title="31 Jan 2013" class="date-and-time">' + chatbox_messages.match(/\[[0-9\:]+\]/) + '</span><span class="msg"><span style="font-style:italic; color:red;"><strong> M\u1ea5t k\u1ebft n\u1ed1i \u0111\u1ebfn m\u00e1y ch\u1ee7, vui l\u00f2ng \u0111\u0103ng nh\u1eadp.</strong></span></span></p>'), clearInterval(upd), $("#refresh_auto").prop("checked", !1)) : "" == chatbox_messages ? $("#chatbox").html('<p class="chatbox_row_2 clearfix"><span class="msg"><span style="font-style:italic"><strong><span style="color:green;">B\u1ea1n \u0111ang s\u1eed d\u1ee5ng <span style="color:blue;">Chatbox 2.0</span> vi\u1ebft b\u1edfi</span> <span style="color:red;">baivong</span></a></strong></span> <a href="http://www.fmvi.vn" target="_blank">fmvi</span></p>') : messfilter(), sendmessC(), $("#scode").val($("#chatbox_members a:first").attr("oncontextmenu").match(/',(\d+),/)[1]))
      }
   })
}
function cookiecbox() {
   if (null != my_getcookie("fmvichatbox")) {
      var a = my_getcookie("fmvichatbox").split("|");
      1 == a[0] ? ($("#sbold").val(1), $("#message").css("font-weight", "bold")) : ($("#sbold").val(0), $("#message").css("font-weight", "normal"));
      1 == a[1] ? ($("#sitalic").val(1), $("#message").css("font-style", "italic")) : ($("#sitalic").val(0), $("#message").css("font-style", "normal"));
      1 == a[2] && 1 == a[3] ? ($("#message").css("text-decoration", "underline line-through"), $("#sstrike, #sunderline").val(1)) : 0 == a[2] && 1 == a[3] ? ($("#message").css("text-decoration", "line-through"), $("#sstrike").val(1), $("#sunderline").val(0)) : 1 == a[2] && 0 == a[3] ? ($("#message").css("text-decoration", "underline"), $("#sstrike").val(0), $("#sunderline").val(1)) : 0 == a[2] && 0 == a[3] && ($("#message").css("text-decoration", "none"), $("#sstrike, #sunderline").val(0));
      $("#scolor").val(a[4]);
      $("#message").css("color", a[4]);
      $("#show_color").css("background", a[4]);
      $("#data input").each(function () {
         1 == $(this).val() && $("#div" + $(this).attr("id").slice(1)).addClass("tg")
      })
   }
}
function my_getcookie(a) {
   cname = a + "=";
   cpos = document.cookie.indexOf(cname);
   return -1 != cpos ? (cstart = cpos + cname.length, cend = document.cookie.indexOf(";", cstart), -1 == cend && (cend = document.cookie.length), unescape(document.cookie.substring(cstart, cend))) : null
}
function my_setcookie(b, a, d, c) {
   domain = expires = "";
   d && (expires = "; expires=Wed, 1 Jan 2020 00:00:00 GMT");
   c || (c = "/");
   document.cookie = b + "=" + a + "; path=" + c + expires + domain + ";"
}
function connectC() {
   fmvicbox();
   $("#refresh_auto").prop("checked") ? upd = setInterval(function () {
      fmvicbox()
   }, 2E3) : clearInterval(upd)
}
function transformL() {
   $("#chatbox_header, #chatbox_footer, #chatbox, #chatbox_members").css({
      transform: "rotate(-5deg)",
      "-moz-transform": "rotate(-5deg)",
      "-webkit-transform": "rotate(-5deg)",
      "-o-transform": "rotate(-5deg)"
   })
}
function transformR() {
   $("#chatbox_header, #chatbox_footer, #chatbox, #chatbox_members").css({
      transform: "rotate(5deg)",
      "-moz-transform": "rotate(5deg)",
      "-webkit-transform": "rotate(5deg)",
      "-o-transform": "rotate(5deg)"
   })
}
function submitchat() {
   var b = $("#scode").val(),
      a = $("#message").val();
   if ("" == a) return !1;
   0 == a.indexOf("/away") || 0 == a.indexOf("/abs") || 0 == a.indexOf("/cls") || 0 == a.indexOf("/clear") || 1 == b && 0 == a.indexOf("/ban ") || 1 == b && 0 == a.indexOf("/unban ") ? $.ajax({
      type: "POST",
      url: "/chatbox/chatbox_actions.forum?archives=1",
      data: {
         mode: "send",
         sent: $("#message").val()
      },
      success: function () {
         messfilter();
         sendmessC();
         $("#message").val("")
      }
   }) : 0 == a.indexOf("/banlist") ? (window.open("/chatbox/chatbox_banlist.forum?archives=1", "baivong", "toolbar=no,menubar=no,personalbar=no,width=450,height=300,scrollbars=auto,resizable=yes"), $("#message").val("")) : $.ajax({
      type: "POST",
      url: "/chatbox/chatbox_actions.forum?archives=1",
      data: {
         mode: "send",
         sbold: $("#sbold").val(),
         sitalic: $("#sitalic").val(),
         sunderline: $("#sunderline").val(),
         sstrike: $("#sstrike").val(),
         scolor: $("#scolor").val(),
         sent: "[{fmvi}]" + $("#message").val()
      },
      success: function () {
         messfilter();
         sendmessC();
         $("#message").val("")
      }
   })
}
function emotiocon() {
   $("#cSmiley").contents().find("span").click(function () {
      $("#message").focus().val($("#message").val() + " " + $(this).attr("alt"));
      $("#divsmilies").removeClass("select");
      $("#smileycbox").hide()
   })
}
function CB_disconnect() {
   connected = !1
}
var connected = 0,
   chatbox_updated = 0,
   chatbox_last_update = 1,
   chatbox_messages = "b\u1ea1i vong",
   upd;
$(function () {
   cookiecbox();
   connect_ajaxC("connect");
   my_setcookie("lengthmess", "-1|-1|-1|0", 1);
   soundchat("online");
   $("#divbuzz").click(function () {
      $.ajax({
         type: "POST",
         url: "/chatbox/chatbox_actions.forum?archives=1",
         data: {
            mode: "send",
            sent: "[{fmvi}]:"
         },
         success: function () {
            messfilter();
            sendmessC()
         }
      })
   });
   $("#divsmilies").click(function () {
      $("#cSmiley").length || $("#smileycbox").html('<iframe onload="emotiocon()" width="100%" height="100%" frameborder="0" src="/h192-smiley-chatbox-20" id="cSmiley"></iframe>')
   });
   $("#refresh_auto").click(function () {
      connectC()
   });
   $(".wd").click(function () {
      $(this).toggleClass("select").next().toggle()
   });
   $("#cColor a").click(function () {
      $("#scolor").val($(this).text());
      $("#divcolor").removeClass("select");
      $("#cColor").hide()
   });
   $(".font").click(function () {
      var a = $("#s" + $(this).attr("id").slice(3)),
         b;
      0 == a.val() ? (b = 1, $(this).addClass("tg")) : (b = 0, $(this).removeClass("tg"));
      a.val(b)
   });
   $("#cColor a, .font").click(function () {
      my_setcookie("fmvichatbox", $("#sbold").val() + "|" + $("#sitalic").val() + "|" + $("#sunderline").val() + "|" + $("#sstrike").val() + "|" + $("#scolor").val(), 1);
      cookiecbox()
   });
   $("#message").keypress(function (a) {
      if (13 == a.keyCode) return submitchat(), !1
   });
   $("#submit_button").click(function () {
      submitchat();
      return !1
   })
})

Tìm trong code trên số

Code:

192

và thay nó bằng số thứ tự trang HTML Emoticons mà bạn đã tạo ở bước 2.

Bước 4: Tạo trang HTML chatbox fmvi 2.0:
Tạo trang HTML mới theo mẫu sau:

• Title * : HTML chatbox fmvi 2.0
  
• Do you wish to use your forum header and footer ? No
  
• Use this page as homepage ? No
  
• HTML source * :

  Code:

  <!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" id="min-width" lang="en" xml:lang="en"  ><head><title>Chatbox 2.0</title><meta http-equiv="content-type" content="text/html; charset=utf-8" /><meta http-equiv="content-script-type" content="text/javascript" /><meta http-equiv="content-style-type" content="text/css" /><link rel="shortcut icon" type="image/x-icon" href="http://i48.servimg.com/u/f48/16/58/89/73/minilo10.png" /><meta name="language" content="en" /><meta name="description" content="Hướng dẫn - Chia sẽ - Phát triển ứng dụng cho Forumotion" /><meta name="keywords" content="Vietnamese Forumotion, fmvi.org, fmvi.vn, fmvi.tk, fmvi-group, free forum, templastes, HTML, JavaScript, jQuery, forumotion, support, TUT, share, free, easy, simple" lang="en" /><meta name="robots" content="index, follow, noodp" /><meta name="google-site-verification" content="c5k20fjsxZJqQF83Ldn3cySwds1MUd8CFhUBpIVPXUo" />
<meta name="title" content="Vietnamese Forumotion - chatbox 2.0" /><link rel="stylesheet" href="http://dl.dropbox.com/u/126946313/fmviChat/fmvicbox.css" type="text/css" /><link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="Vietnamese Forumotion" /><link rel="search" type="application/opensearchdescription+xml" href="http://www.board-directory.net/en/search/improvedsearch.xml" title="Search forums" /><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>

<script type="text/javascript" src="/10491.js"></script>

<script type="text/javascript">//<![CDATA[
var _gaq = _gaq || [];_gaq.push(["_setAccount", "UA-26966514-1"]);_gaq.push(["_trackPageview"]);(function() {var ga = document.createElement("script"); ga.type = "text/javascript"; ga.async = true;ga.src = ("https:" == document.location.protocol ? "https://ssl" : "http://www") + ".google-analytics.com/ga.js";var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(ga, s);})();//]]></script></head><body>
<div style="display:none" id="chatbox_messenger_form">
   Chatbox forumotion 2.0 viết bởi baivong - www.fmvi.vn. Giữ toàn quyền.
   Nghiêm cấm mọi hành sửa, xóa, xuyên tạc bản quyền mod.
   Mọi ý kiến đóng góp vui lòng gửi về địa chỉ lhthanh.pro@gmail.com.
</div>
<table id="chatbox_footer">
   <tbody><tr>
      <td id="data" style="width: 100px;">
         <input type="submit" name="submit_button" value="Gửi" id="submit_button" />
         <input type="hidden" id="sbold" value="0" />
         <input type="hidden" id="sitalic" value="0" />
         <input type="hidden" id="sunderline" value="0" />
         <input type="hidden" id="sstrike" value="0" />
         <input type="hidden" id="scolor" value="#333333" />
         <input type="hidden" id="scode" value="fmvi" />
         <input type="hidden" id="suid" value="0" />
      </td>
      <td>
         <input type="text" id="message" name="message" size="35" maxlength="1024" class="post" autocomplete="off" />            
      </td>
      <td style="width: 300px; text-align: center;">
         <div id="divbuzz" class="button">
            <img width="60" height="20" title="" alt="" src="http://r12.imgfast.net/users/1215/11/75/00/smiles/2270249841.gif" />
         </div>
         <div id="divbold" class="font button">
            <img src="http://2img.net/i/fa/subsilver/wysiwyg/bold.gif" width="21" height="20" alt="Bold" title="Bold" />
         </div>
         <div id="divitalic" class="font button">
            <img src="http://2img.net/i/fa/subsilver/wysiwyg/italic.gif" width="21" height="20" alt="Ital." title="Ital." />
         </div>
         <div id="divunderline" class="font button">
            <img src="http://2img.net/i/fa/subsilver/wysiwyg/underline.gif" width="21" height="20" alt="Underl." title="Underl." />
         </div>
         <div id="divstrike" class="font button">
            <img src="http://2img.net/i/fa/subsilver/wysiwyg/strike.gif" width="21" height="20" alt="Strike" title="Strike" />
         </div>
         <div id="divcolor" class="wd button">
            <img width="20" height="20" title="Font color" alt="Font color" id="show_color" src="http://2img.net/i/fa/subsilver/wysiwyg/clear.gif" style="background-color: #333333" />
         </div>
         <div id="cColor"><ul><li><a style="background: #ffffff; colour: 000000;" rel="ffffff" title="#ffffff" href="#">#ffffff</a></li><li><a style="background: #ffccc9; colour: 000000;" rel="ffccc9" title="#ffccc9" href="#">#ffccc9</a></li><li><a style="background: #ffce93; colour: 000000;" rel="ffce93" title="#ffce93" href="#">#ffce93</a></li><li><a style="background: #fffc9e; colour: 000000;" rel="fffc9e" title="#fffc9e" href="#">#fffc9e</a></li><li><a style="background: #ffffc7; colour: 000000;" rel="ffffc7" title="#ffffc7" href="#">#ffffc7</a></li><li><a style="background: #9aff99; colour: 000000;" rel="9aff99" title="#9aff99" href="#">#9aff99</a></li><li><a style="background: #96fffb; colour: 000000;" rel="96fffb" title="#96fffb" href="#">#96fffb</a></li><li><a style="background: #cdffff; colour: 000000;" rel="cdffff" title="#cdffff" href="#">#cdffff</a></li><li><a style="background: #cbcefb; colour: 000000;" rel="cbcefb" title="#cbcefb" href="#">#cbcefb</a></li><li><a style="background: #cfcfcf; colour: 000000;" rel="cfcfcf" title="#cfcfcf" href="#">#cfcfcf</a></li><li><a style="background: #fd6864; colour: 000000;" rel="fd6864" title="#fd6864" href="#">#fd6864</a></li><li><a style="background: #fe996b; colour: 000000;" rel="fe996b" title="#fe996b" href="#">#fe996b</a></li><li><a style="background: #fffe65; colour: 000000;" rel="fffe65" title="#fffe65" href="#">#fffe65</a></li><li><a style="background: #fcff2f; colour: 000000;" rel="fcff2f" title="#fcff2f" href="#">#fcff2f</a></li><li><a style="background: #67fd9a; colour: 000000;" rel="67fd9a" title="#67fd9a" href="#">#67fd9a</a></li><li><a style="background: #38fff8; colour: 000000;" rel="38fff8" title="#38fff8" href="#">#38fff8</a></li><li><a style="background: #68fdff; colour: 000000;" rel="68fdff" title="#68fdff" href="#">#68fdff</a></li><li><a style="background: #9698ed; colour: 000000;" rel="9698ed" title="#9698ed" href="#">#9698ed</a></li><li><a style="background: #c0c0c0; colour: 000000;" rel="c0c0c0" title="#c0c0c0" href="#">#c0c0c0</a></li><li><a style="background: #fe0000; colour: 000000;" rel="fe0000" title="#fe0000" href="#">#fe0000</a></li><li><a style="background: #f8a102; colour: 000000;" rel="f8a102" title="#f8a102" href="#">#f8a102</a></li><li><a style="background: #ffcc67; colour: 000000;" rel="ffcc67" title="#ffcc67" href="#">#ffcc67</a></li><li><a style="background: #f8ff00; colour: 000000;" rel="f8ff00" title="#f8ff00" href="#">#f8ff00</a></li><li><a style="background: #34ff34; colour: 000000;" rel="34ff34" title="#34ff34" href="#">#34ff34</a></li><li><a style="background: #68cbd0; colour: 000000;" rel="68cbd0" title="#68cbd0" href="#">#68cbd0</a></li><li><a style="background: #34cdf9; colour: 000000;" rel="34cdf9" title="#34cdf9" href="#">#34cdf9</a></li><li><a style="background: #6665cd; colour: 000000;" rel="6665cd" title="#6665cd" href="#">#6665cd</a></li><li><a style="background: #9b9b9b; colour: 000000;" rel="9b9b9b" title="#9b9b9b" href="#">#9b9b9b</a></li><li><a style="background: #cb0000; colour: 000000;" rel="cb0000" title="#cb0000" href="#">#cb0000</a></li><li><a style="background: #f56b00; colour: 000000;" rel="f56b00" title="#f56b00" href="#">#f56b00</a></li><li><a style="background: #ffcb2f; colour: 000000;" rel="ffcb2f" title="#ffcb2f" href="#">#ffcb2f</a></li><li><a style="background: #ffc702; colour: 000000;" rel="ffc702" title="#ffc702" href="#">#ffc702</a></li><li><a style="background: #32cb00; colour: 000000;" rel="32cb00" title="#32cb00" href="#">#32cb00</a></li><li><a style="background: #00d2cb; colour: 000000;" rel="00d2cb" title="#00d2cb" href="#">#00d2cb</a></li><li><a style="background: #3166ff; colour: 000000;" rel="3166ff" title="#3166ff" href="#">#3166ff</a></li><li><a style="background: #6434fc; colour: 000000;" rel="6434fc" title="#6434fc" href="#">#6434fc</a></li><li><a style="background: #656565; colour: 000000;" rel="656565" title="#656565" href="#">#656565</a></li><li><a style="background: #9a0000; colour: 000000;" rel="9a0000" title="#9a0000" href="#">#9a0000</a></li><li><a style="background: #ce6301; colour: 000000;" rel="ce6301" title="#ce6301" href="#">#ce6301</a></li><li><a style="background: #cd9934; colour: 000000;" rel="cd9934" title="#cd9934" href="#">#cd9934</a></li><li><a style="background: #999903; colour: 000000;" rel="999903" title="#999903" href="#">#999903</a></li><li><a style="background: #009901; colour: 000000;" rel="009901" title="#009901" href="#">#009901</a></li><li><a style="background: #329a9d; colour: 000000;" rel="329a9d" title="#329a9d" href="#">#329a9d</a></li><li><a style="background: #3531ff; colour: 000000;" rel="3531ff" title="#3531ff" href="#">#3531ff</a></li><li><a style="background: #6200c9; colour: 000000;" rel="6200c9" title="#6200c9" href="#">#6200c9</a></li><li><a style="background: #343434; colour: 000000;" rel="343434" title="#343434" href="#">#343434</a></li><li><a style="background: #680100; colour: 000000;" rel="680100" title="#680100" href="#">#680100</a></li><li><a style="background: #963400; colour: 000000;" rel="963400" title="#963400" href="#">#963400</a></li><li><a style="background: #986536; colour: 000000;" rel="986536" title="#986536" href="#">#986536</a></li><li><a style="background: #646809; colour: 000000;" rel="646809" title="#646809" href="#">#646809</a></li><li><a style="background: #036400; colour: 000000;" rel="036400" title="#036400" href="#">#036400</a></li><li><a style="background: #34696d; colour: 000000;" rel="34696d" title="#34696d" href="#">#34696d</a></li><li><a style="background: #00009b; colour: 000000;" rel="00009b" title="#00009b" href="#">#00009b</a></li><li><a style="background: #303498; colour: 000000;" rel="303498" title="#303498" href="#">#303498</a></li><li><a style="background: #000000; colour: ffffff;" rel="000000" title="#000000" href="#">#000000</a></li><li><a style="background: #330001; colour: 000000;" rel="330001" title="#330001" href="#">#330001</a></li><li><a style="background: #643403; colour: 000000;" rel="643403" title="#643403" href="#">#643403</a></li><li><a style="background: #663234; colour: 000000;" rel="663234" title="#663234" href="#">#663234</a></li><li><a style="background: #343300; colour: 000000;" rel="343300" title="#343300" href="#">#343300</a></li><li><a style="background: #013300; colour: 000000;" rel="013300" title="#013300" href="#">#013300</a></li><li><a style="background: #003532; colour: 000000;" rel="003532" title="#003532" href="#">#003532</a></li><li><a style="background: #010066; colour: 000000;" rel="010066" title="#010066" href="#">#010066</a></li><li><a style="background: #340096; colour: 000000;" rel="340096" title="#340096" href="#">#340096</a></li></ul></div>
         <div id="divsmilies" class="wd button">
            <img src="http://2img.net/i/fa/subsilver/wysiwyg/smilie.gif" width="21" height="20" alt="Emoticons" title="Emoticons" />
         </div>
         <div id="smileycbox"></div>
      </td>
   </tr></tbody>
</table>
<div id="chatbox_members" curpos="0" maxpos="460" pageincrement="144" increment="10">
</div>
<div id="chatbox" curpos="188" maxpos="325" pageincrement="0" increment="10"></div>
<div id="chatbox_header" class="main-head">
   <h2 class="chatbox-title">Chatbox 2.0</h2>
   <ul id="chatbox_main_options" class="chatbox-options">
      <li id="chatbox_option_autorefresh">
         <div id="sound"></div>
         <label>
            <a href="javascript:void(0)">Âm thanh</a> 
            <input type="checkbox" style="vertical-align: middle" checked="checked" id="audio" name="sound">
         </label>
          | 
         <label>
            <a onclick="fmvicbox()" href="javascript:void(0)">Cập nhật</a> 
            <input type="checkbox" style="vertical-align: middle" checked="checked" id="refresh_auto" name="refresh_auto">
         </label> | 
      </li>
      <li>         
                <span style="display: none;" id="chatbox_option_co"><strong><a onclick="connect_ajaxC('connect')" href="javascript:void(0)">Đăng nhập</a></strong></span>
         <span id="chatbox_option_disco"><a onclick="connect_ajaxC('disconnect')" href="javascript:void(0)">Đăng xuất</a></span>
      </li>
   </ul>
</div>
</body></html>

Tìm

Code:

/10491.js

trong code trên và thay nó bằng link file javascript đã tạo ở bước 3.