[thắc mắc] chatbox mới

by **boy-kevin** 21/7/2011, 8:09 pm

mình thấy bên http://lop97.co.cc và http://9xstudio.clubme.net có chatbox đẹp và hay nữa nên mang về dùng nhưng không được ai có thể giải thích dùm em không đây là code chatbox mà lop97 đã share cho em

Code:: <html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="content-type" content="text/html; charset=utf-8"><title>Chatbox</title><meta http-equiv="content-script-type" content="text/javascript"><meta http-equiv="content-style-type" content="text/css"> <link rel="stylesheet" href="http://www.coo.vn/out/users/o0o_mr77/csssb9x.css" type="text/css" /><script type="text/javascript" src="http://mudim.googlecode.com/files/mudim-0.8-r142.js"></script><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script><script type="text/javascript">jQuery.fn.vibrate=function(conf){var config=jQuery.extend({speed:30,duration:2000,frequency:10000},conf);return this.each(function(){var t=jQuery(this);var vibrate=function(){var rotate=Math.floor((Math.random()*10)-5);t.css({'-webkit-transform':'rotate('+rotate+'deg)','-moz-transform':'rotate('+rotate+'deg)','-o-transform':'rotate('+rotate+'deg)','-ms-transform':'rotate('+rotate+'deg)'})};var doVibration=function(){var vibrationInterval=setInterval(vibrate,config.speed);var stopVibration=function(){clearInterval(vibrationInterval);t.css({'-webkit-transform':'rotate(0deg)','-ms-transform':'rotate(0deg)','-moz-transform':'rotate(0deg)','-o-transform':'rotate(0deg)'})};setTimeout(stopVibration,config.duration)};doVibration()})};</script><script type="text/javascript">function buzz(){ document.post.sent.value=":buzz:";document.post.message.focus();ajax_submit_chatbox(params);return false;}</script> <script src="http://illiweb.com/rs3/17/frm/lang/vi.js" type="text/javascript"></script> <script src="http://illiweb.com/rs3/20/frm/chatbox/chatbox4.js" type="text/javascript"></script> <script src="http://www.9xstudio.biz/10275.js" type="text/javascript"></script><script type="text/javascript">//<![CDATA[ var params = '?archives=1';var smilies_sid = '';//]]></script><style type="text/css">* {margin: 0px;padding: 0;}html, body {overflow: hidden;}body {background-color: #efefef;}#mudimPanel {display: none;}div#mudimPanel{left: 76px !important;position: absolute !important;width: 690px !important;top: 26px!important;border:0px!important;background: none!important;height: 26px!important;}span.msg{display: inline-block; font-family: 'Comic Sans MS'; font-size: 13px; padding: 4px 1px;}span[style="color: rgb(191, 0, 255);"],span[style="color:#BF00FF"],span[style="color: rgb(255, 102, 0);"],span[style="color:#FF6600"],span[style="color: rgb(0, 191, 0);"],span[style="color:#00BF00"],span[style="color: rgb(250, 0, 0);"],span[style="color:#FA0000"],span[style="color: rgb(89, 89, 89);"],span[style="color:#595959"],span[style="color: rgb(0, 4, 255);"],span[style="color:#0004FF"]{display:none;}a span[style="color: rgb(191, 0, 255);"],a span[style="color:#BF00FF"],a span[style="color: rgb(255, 102, 0);"],a span[style="color:#FF6600"],a span[style="color: rgb(0, 191, 0);"],a span[style="color:#00BF00"],a span[style="color: rgb(250, 0, 0);"],a span[style="color:#FA0000"],a span[style="color: rgb(89, 89, 89);"],a span[style="color:#595959"],a span[style="color: rgb(0, 4, 255);"],a span[style="color:#0004FF"]{display:inline!important;} #chatbox_members{display:none;} #chatbox { bottom: 52px; left: 0px; line-height: 10px; overflow: auto; position: absolute; right: 0px; top: 54px; } </style></head> <body onload="if(!connected){CB_disconnect();}ajax_refresh_chatbox('?archives=100', 1);" class="chatbox" id="captcha"> <div id="chatbox_header" class="buzza1"><table cellspacing="0" cellpadding="0" border="0" width="100%"><tbody><tr><th nowrap="nowrap" style="border-bottom: 1px #dbdbdb solid;" colspan="2"><table border="0" width="100%"><tbody><tr><td nowrap="nowrap" align="left"><div class="genmed" id="chatbox_main_options"><a href="javascript:void(0)" onclick="CB_disconnect();"><span id="chatbox_option_co" style="color: rgb(255, 255, 255); font-family: Tahoma; font-size: 11px; "><input type="button" value="Đăng nhập" title="Đăng nhập"></span><span id="chatbox_option_disco" style="color: rgb(255, 255, 255); font-family: Tahoma; font-size: 11px; display: none; "><input type="button" value="Thoát" title="Thoát"></span></a></div></td><td><span class="gen"> <SCRIPT language=JavaScript type=text/JavaScript> v_content=[['','<font color="white"><b>Cấm đưa link quảng cáo,bậy bạ lên CB!</b></font>','_parent'], ['','<font color="white"><b>Nghiêm cấm nói tục, chửi bậy trong CB!</b></font>','_parent'],['','<font color="white"><b>Cấm đả kích các thành viên khác trên CB!</b></font>','_parent']];</SCRIPT> <SCRIPT language=JavaScript1.2> // === 1 === FONT, COLORS, EXTRAS... v_font='verdana'; v_fontSize='12px'; v_fontSizeNS4='12px'; v_fontWeight='normal'; v_fontColor='#000000'; v_textDecoration='none'; v_fontColorHover='#333333';// | won't work v_textDecorationHover='none';// | in Netscape4 v_bgColor='transparent'; // set [='transparent'] for transparent // set [='url(image_source)'] for image v_top=0 v_left=0;// | defining v_width=400;// | the box v_height=14;// | v_paddingTop=-20; v_paddingLeft=0; v_position='relative';// absolute/relative v_timeout=4000;//1000 = 1 second v_slideSpeed=1; v_slideDirection=0;//0=down-up;1=up-down v_pauseOnMouseOver=true; // v2.2+ new below v_slideStep=3;//pixels v_textAlign='center';// left/center/right v_textVAlign='middle';// top/middle/bottom - won't work in Netscape4 // === 2 === THE CONTENT - ['href','text','target'] // Use '' for href to have no link item v_content = v_content; // === v_ua=navigator.userAgent;v_nS4=document.layers?1:0;v_iE=document.all&&!window.innerWidth&&v_ua.indexOf("MSIE")!=-1?1:0;v_oP=v_ua.indexOf("Opera")!=-1&&document.clear?1:0;v_oP7=v_oP&&document.appendChild?1:0;v_oP4=v_ua.indexOf("Opera")!=-1&&!document.clear;v_kN=v_ua.indexOf("Konqueror")!=-1&&parseFloat(v_ua.substring(v_ua.indexOf("Konqueror/")+10)).1?1:0;v_count=v_content.length;v_cur=1;v_cl=0;v_d=v_slideDirection?-1:1;v_TIM=0;v_fontSize2=v_nS4&&navigator.platform.toLowerCase().indexOf("win")!=-1?v_fontSizeNS4:v_fontSize;v_canPause=0;function v_getOS(a){return v_iE?document.all[a].style:v_nS4?document.layers["v_container"].document.layers[a]:document.getElementById(a).style};function v_start(){var o,px;o=v_getOS("v_1");px=v_oP&&!v_oP7||v_nS4?0:"px";if(parseInt(o.top)==v_paddingTop){v_canPause=1;if(v_count>1)v_TIM=setTimeout("v_canPause=0;v_slide()",v_timeout);return}o.top=(parseInt(o.top)-v_slideStep*v_d)*v_d>v_paddingTop*v_d?parseInt(o.top)-v_slideStep*v_d+px:v_paddingTop+px;if(v_oP&&o.visibility.toLowerCase()!="visible")o.visibility="visible";setTimeout("v_start()",v_slideSpeed)};function v_slide(){var o,o2,px;o=v_getOS("v_"+v_cur);o2=v_getOS("v_"+(v_cur<v_count?v_cur+1:1));px=v_oP&&!v_oP7||v_nS4?0:"px";if(parseInt(o2.top)==v_paddingTop){if(v_oP)o.visibility="hidden";o.top=v_height*v_d+px;v_cur=v_cur<v_count?v_cur+1:1;v_canPause=1;v_TIM=setTimeout("v_canPause=0;v_slide()",v_timeout);return}if(v_oP&&o2.visibility.toLowerCase()!="visible")o2.visibility="visible";if((parseInt(o2.top)-v_slideStep*v_d)*v_d>v_paddingTop*v_d){o.top=parseInt(o.top)-v_slideStep*v_d+px;o2.top=parseInt(o2.top)-v_slideStep*v_d+px}else{o.top=-v_height*v_d+px;o2.top=v_paddingTop+px}setTimeout("v_slide()",v_slideSpeed)};if(v_nS4||v_iE||v_oP||document.getElementById&&!v_kN&&!v_oP4){ document.write("<style>.vnewsticker,a.vnewsticker{font-family:"+v_font+";font-size:"+v_fontSize2+";color:"+v_fontColor+";text-decoration:"+v_textDecoration+";font-weight:"+v_fontWeight+"}a.vnewsticker:hover{font-family:"+v_font+";font-size:"+v_fontSize2+";color:"+v_fontColorHover+";text-decoration:"+v_textDecorationHover+"}</style>");v_temp="<div "+(v_nS4?"name":"id")+"=v_container style='position:"+v_position+";top:"+v_top+"px;left:"+v_left+"px;width:"+v_width+"px;height:"+v_height+"px;background:"+v_bgColor+";layer-background"+(v_bgColor.indexOf("url(")==0?"-image":"-color")+":"+v_bgColor+";clip:rect(0,"+v_width+","+v_height+",0);overflow:hidden'>"+(v_iE?"<div style='position:absolute;top:0px;left:0px;width:100%;height:100%;clip:rect(0,"+v_width+","+v_height+",0)'>":"");for(v_i=0;v_i<v_count;v_i++) v_temp+="<div "+(v_nS4?"name":"id")+"=v_"+(v_i+1)+" style='position:absolute;top:"+(v_height*v_d)+"px;left:"+v_paddingLeft+"px;width:"+(v_width-v_paddingLeft*2)+"px;height:"+(v_height-v_paddingTop*2)+"px;clip:rect(0,"+(v_width-v_paddingLeft*2)+","+(v_height-v_paddingTop*2)+",0);overflow:hidden"+(v_oP?";visibility:hidden":"")+";text-align:"+v_textAlign+"' class=vnewsticker>"+(!v_nS4?"<table width="+(v_width-v_paddingLeft*2)+" height="+(v_height-v_paddingTop*2)+" cellpadding=0 cellspacing=0 border=0><tr><td width="+(v_width-v_paddingLeft*2)+" height="+(v_height-v_paddingTop*2)+" align="+v_textAlign+" valign="+v_textVAlign+" class=vnewsticker>":"")+(v_content[v_i][0]!=""?"<a href='"+v_content[v_i][0]+"' target='"+v_content[v_i][2]+"' class=vnewsticker"+(v_pauseOnMouseOver?" onmouseover='if(v_canPause&&v_count>1){clearTimeout(v_TIM);v_cl=1}' onmouseout='if(v_canPause&&v_count>1&&v_cl)v_TIM=setTimeout(\"v_canPause=0;v_slide();v_cl=0\","+v_timeout+")'":"")+">":"<span"+(v_pauseOnMouseOver?" onmouseover='if(v_canPause&&v_count>1){clearTimeout(v_TIM);v_cl=1}' onmouseout='if(v_canPause&&v_count>1&&v_cl)v_TIM=setTimeout(\"v_canPause=0;v_slide();v_cl=0\","+v_timeout+")'":"")+">")+v_content[v_i][1]+(v_content[v_i][0]!=""?"</a>":"</span>")+(!v_nS4?"</td></tr></table>":"")+"</div>";v_temp+=(v_iE?"</div>":"")+"</div>";document.write(v_temp);setTimeout("v_start()",1000);if(v_nS4)onresize=function(){location.reload()}}</SCRIPT></span></td></tr></table></th></tr><tr><td style="height: 27px;padding-left: 10px;;" class="row3"><span class="gen"> <img src="http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/26.gif"> Chú ý : <a href="http://lop97no1.forumvi.com/t564-topic" target="_blank"><strong><blink><font color="blue"/>Hướng dẫn toàn tập về sử dụng diễn đàn</font></blink></strong></a><img src="http://www.9xstudio.biz/users/2012/10/88/45/smiles/279489.gif"> ▼ <a href="http://lop97no1.forumvi.com/t649-topic" target="_blank"><strong><font color="black"/><blink>Hướng dẫn cho Quản lí viên</blink></font><img src="http://r20.imgfast.net/users/2012/10/88/45/smiles/589529.gif"></strong></a> ▼ <a href="http://lop97no1.forumvi.com/t1-topic" target="_blank"><strong><blink><font color="red"/><blink>Nội quy Forum 9/7</blink></font></blink></strong></a> </table></div><div id="chatbox_members" class="buzza1" curpos="0" maxpos="460" pageincrement="144" increment="10"></div><div class="buzza1" id="chatbox"></div><div id="chatbox_footer" class="buzza1" style="display: none; "><div id="chatbox_messenger"><form name="post" action="/chatbox/chatbox.forum" method="post" onsubmit="submitmsg('?archives=1');refresh_chatbox('?archives=1');return false;"><table width="100%" cellspacing="0" cellpadding="0"><tbody><tr><td class="row3"><div id="chatbox_messenger_form" style="display: none; "><table cellspacing="0" cellpadding="0" height="24" width="100%" class="chatfootertable"><tbody><tr><td width="100%" align="left" style="padding-left: 4px;"><p id="chatboxt" style="display: none;"></p><label><input type="text" id="message" name="message" size="35" maxlength="1024" class="post" autocomplete="off" style="width: 72%; background-image: url(http://i62.servimg.com/u/f62/14/52/40/23/notice10.png); background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(255, 255, 255); background-position: initial initial; background-repeat: no-repeat no-repeat; " onfocus="if(this.style.background!='none'){this.style.background=''}" onblur="if((this.style.background=='') && (this.value=='')){this.style.background='#fff url(http://i62.servimg.com/u/f62/14/52/40/23/notice10.png) no-repeat'}"></label></td></tr><tr><td width="100%" align="left"><table cellspacing="7" cellpadding="0" border="0" style="line-height: 0px;" class="text-styles"><tbody><tr><td><input type="hidden" name="sbold" value="0"><input type="hidden" name="sitalic" value="0"><input type="hidden" name="sunderline" value="0"><input type="hidden" name="sstrike" value="0"><input type="hidden" name="scolor" id="scolor" value="#000000"><span class="gen" onclick="document.post.message.focus();"><input type="hidden" name="sent" value="" onclick="submittb();"><input type="submit" name="submit_button" value="SEND" id="submit_button" style="font-weight: bold;height:22px;" onclick="submittb();"></span></td><td><div id="divbold" class="fontbutton fontbutton_normal" onmouseover="this.className='fontbutton fontbutton_hover'" onmouseout="this.className=( document.post.sbold.value == '1' ) ? 'fontbutton fontbutton_selected' : 'fontbutton fontbutton_normal'" onclick="do_style('bold');" onmousedown="this.className='fontbutton fontbutton_clicked';" onmouseup="this.className=( document.post.sbold.value != '1' ) ? 'fontbutton fontbutton_selected' : 'fontbutton fontbutton_normal'"><img src="http://2img.net/i/fa/subsilver/wysiwyg/bold.gif" width="21" height="20" alt="Bold" title="Bold"></div></td><td><div id="divitalic" class="fontbutton fontbutton_normal" onmouseover="this.className='fontbutton fontbutton_hover'" onmouseout="this.className=( document.post.sitalic.value == '1' ) ? 'fontbutton fontbutton_selected' : 'fontbutton fontbutton_normal'" onclick="do_style('italic');" onmousedown="this.className='fontbutton fontbutton_clicked';" onmouseup="this.className=( document.post.sitalic.value != '1' ) ? 'fontbutton fontbutton_selected' : 'fontbutton fontbutton_normal'"><img src="http://2img.net/i/fa/subsilver/wysiwyg/italic.gif" width="21" height="20" alt="Ital." title="Ital."></div></td><td><div id="divunderline" class="fontbutton fontbutton_normal" onmouseover="this.className='fontbutton fontbutton_hover'" onmouseout="this.className=( document.post.sunderline.value == '1' ) ? 'fontbutton fontbutton_selected' : 'fontbutton fontbutton_normal'" onclick="do_style('underline');" onmousedown="this.className='fontbutton fontbutton_clicked';" onmouseup="this.className=( document.post.sunderline.value != '1' ) ? 'fontbutton fontbutton_selected' : 'fontbutton fontbutton_normal'"><img src="http://2img.net/i/fa/subsilver/wysiwyg/underline.gif" width="21" height="20" alt="Underl." title="Underl."></div></td><td><div id="divstrike" class="fontbutton fontbutton_normal" onmouseover="this.className='fontbutton fontbutton_hover'" onmouseout="this.className=( document.post.sstrike.value == '1' ) ? 'fontbutton fontbutton_selected' : 'fontbutton fontbutton_normal'" onclick="do_style('strike');" onmousedown="this.className='fontbutton fontbutton_clicked';" onmouseup="this.className=( document.post.sstrike.value != '1' ) ? 'fontbutton fontbutton_selected' : 'fontbutton fontbutton_normal'"><img src="http://2img.net/i/fa/subsilver/wysiwyg/strike.gif" width="21" height="20" alt="Strike" title="Strike"></div></td><td><div id="divcolor" class="fontbutton fontbutton_normal" onmouseover="this.className='fontbutton fontbutton_hover'" onmouseout="this.className='fontbutton fontbutton_normal'" onclick="do_selectcolor(event);"><img src="http://2img.net/i/fa/subsilver/wysiwyg/color.gif" width="21" height="16" alt="Màu font" title="Màu font"><img src="http://2img.net/i/fa/subsilver/wysiwyg/menupop.gif" width="11" height="16" alt="Màu font" title="Màu font"><br><img src="http://2img.net/i/fa/subsilver/wysiwyg/clear.gif" id="show_color" alt="Màu font" title="Màu font" width="21" height="4" style="background-color: rgb(0, 0, 0); "></div></td><td><div id="divsmilies" class="fontbutton fontbutton_normal" onmouseover="this.className='fontbutton fontbutton_hover'" onmouseout="this.className='fontbutton fontbutton_normal'" onclick="do_selectsmilies(event);"><img src="http://2img.net/i/fa/subsilver/wysiwyg/smilie.gif" width="21" height="20" alt="Biểu tượng" title="Biểu tượng"><img src="http://2img.net/i/fa/subsilver/wysiwyg/menupop.gif" width="11" height="20" alt="Biểu tượng" title="Biểu tượng"></div></td><td class="gen"><input onclick="buzz();" type="button" value="BUZZ!!!" title="buzz" style="font-weight: bold;color:red;height:22px;" id="submit_butt"></td><td class="gen"><input onclick="ajax_refresh_chatbox('?archives=1', 1);" type="button" value="Refresh" title="Refresh" style="font-weight: bold;height:22px;"></td><td class="chatbox-options"><div class="gen" id="chatbox_main_options"><span id="chatbox_option_autorefresh" onclick="refresh_chatbox('?archives=1');" style="display: none; "><label for="refresh_auto">Auto refresh </label><input type="checkbox" name="refresh_auto" id="refresh_auto" checked="checked" style="background: transparent;"></span></div></td></tr></tbody></table></td></tr></tbody></table></div></td></tr></tbody></table></form></div></div><script type="text/javascript">//<![CDATA[ function buzz(){ document.post.sent.value=":buzz:";document.post.message.value='';document.post.message.focus();ajax_submit_chatbox(params);return false;} function ajax_connect(params, mode){if ( params == '' || params == undefined ){params = '?achives=0';}if (window.XMLHttpRequest){var http_request = new XMLHttpRequest();}else if (window.ActiveXObject){var http_request = new ActiveXObject("Microsoft.XMLHTTP");}http_request.onreadystatechange = function(){if (http_request.readyState == 4 && http_request.status == 200){var parsed_text = http_request.responseText;if ( parsed_text ){if ( mode == 'connect' ){document.getElementById('chatbox_option_co').style.display = 'none';document.getElementById('chatbox_option_disco').style.display = '';document.getElementById('refresh_auto').checked = true;document.getElementById('chatbox_option_autorefresh').style.display = '';document.getElementById('chatbox_messenger_form').style.display = '';document.getElementById('chatbox_footer').style.display = 'block';connected = 1;number_of_refresh = 0;}else if ( mode == 'disconnect' ){document.getElementById('chatbox_option_co').style.display = '';document.getElementById('chatbox_option_disco').style.display = 'none';document.getElementById('chatbox_option_autorefresh').style.display = 'none';document.getElementById('chatbox_messenger_form').style.display = 'none';document.getElementById('chatbox_footer').style.display = 'none';connected = 0;}refresh_chatbox(params);}}};http_request.open('GET','/chatbox/chatbox_actions.forum'+params+'&mode='+mode+my_getcookie('mytid').substr(my_getcookie('mytid').indexOf('&tid='),37),true);http_request.send(null);}function CB_disconnect(){if ( connected ){ajax_connect('?archives=1', 'disconnect');clearInterval(refresh_interval);}else{ajax_connect('?archives=1', 'connect');try {refresh_interval = setInterval("refresh_chatbox('?archives=1');", 5000);} catch (err) {}}}if ( document.location.href.indexOf('chatbox', 1) == -1 ){$('#divcolor').css('display', '');$('#divsmilies').css('display', '');}var connected = false;var chatbox_updated = 1260633294;var chatbox_last_update = 1260633294;var template_color = '#000000';var refresh_interval;window.setTimeout("document.getElementById('chatbox').scrollTop = 999999; Init_pref();", 400);window.setTimeout("document.getElementById('chatbox').scrollTop = 999999;", 2000);if ( connected ){try {refresh_interval = setInterval("refresh_chatbox('?archives=1')", 10000);} catch (err) {}}else{try {refresh_chatbox('?archives=1');} catch (err) { }}//]]></script> <div style=""><script type="text/javascript" src="http://mudim.googlecode.com/files/mudim-0.8-r142.js"></script></div><script>$("input#message").keyup(function () {var valuet = $(this).val();$("p#chatboxt").text(valuet);});$("#submit_butt").click( function() {var conf = {frequency: 5000,duration: 600};$("div.buzza1").vibrate(conf);});</script></body></html>