1 [share]chatbox 9x dag dùng Sun Sep 23, 2012 9:01 am
- Code:
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr"id="min-width" lang="vi" xml:lang="vi" ><head><title>9X STUDIO ENTERTAINMENT</title><meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta http-equiv="content-style-type" content="text/css">
<link rel="stylesheet" href="http://www.9xstudio.biz/84-ltr.css" type="text/css" />
<style type="text/css">
* {
margin:0;
padding:0
}
#bid,#bid1,#bid2,#bid3{display:none;}
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:0!important;
background:none!important;
height:26px!important
}
span[style="color: rgb(3, 3, 3);"], span[style="color:#030303"] {
text-decoration:line-through
}
span.msg {
display:inline-block;
font-family:'Comic Sans MS';
font-size:13px;
padding:4px 1px
}
#chatbox>p span.user>span strong {
display:none
}
#chatbox>p span.user>span:after {
content:''
}
#muzik, #chatbox_members {
display:none
}
#chatbox {
bottom: 0;
top: 43px;
left: 0;
line-height: 10px;
overflow: auto;
position: absolute;
right: 0;
border: 1px solid #DDD;
}
.date-and-time {
font-size:9px;
color:gray
}
.chatbox_row_1, .chatbox_row_2 {
background-color:#fff!important;
padding:4px
}
#chatbox_footer {
border:0!important
}
#chatbox_footer {
top: 1;
left: 1;
position: absolute;
right: 200px;
bottom:1000;
}
.chatbox_row_1, .chatbox_row_2, .chatbox_row_3 {
font-size:11px;
padding:0 5px
}
#chatbox_header {
height:36px!important
}
.fontbutton {
height:16px;
display:inline-block;
padding:4px 1px 4px;
margin-bottom:0;
font-size:13px;
line-height:18px;
color:#333;
text-align:center;
text-shadow:0 1px 1px rgba(255, 255, 255, 0.75);
vertical-align:middle;
background-color:whiteSmoke;
background-image:-moz-linear-gradient(top, white, #e6e6e6);
background-image:-ms-linear-gradient(top, white, #e6e6e6);
background-image:-webkit-gradient(linear, 0 0, 0 100%, from(white), to(#e6e6e6));
background-image:-webkit-linear-gradient(top, white, #e6e6e6);
background-image:-o-linear-gradient(top, white, #e6e6e6);
background-image:linear-gradient(top, white, #e6e6e6);
background-repeat:repeat-x;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#e6e6e6', GradientType=0);
border-color:#e6e6e6 #e6e6e6 #bfbfbf;
border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter:progid:dximagetransform.microsoft.gradient(enabled=false);
border:1px solid #CCC;
border-bottom-color:#b3b3b3;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
-webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
-moz-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
cursor:pointer
}
.fontbutton_selected {
color:#333;
text-decoration:none;
background-color:#e6e6e6;
background-position:0 -15px;
-webkit-transition:background-position .1s linear;
-moz-transition:background-position .1s linear;
-ms-transition:background-position .1s linear;
-o-transition:background-position .1s linear;
transition:background-position .1s linear
}
.fontbutton:hover {
color:#333;
text-decoration:none;
background-color:#e6e6e6;
background-position:0 -15px;
-webkit-transition:background-position .1s linear;
-moz-transition:background-position .1s linear;
-ms-transition:background-position .1s linear;
-o-transition:background-position .1s linear;
transition:background-position .1s linear
}
#chatbox_members {
bottom: 0;
top: 43;
border: 1px solid #DDD;
overflow: auto;
position: absolute;
width: 162px;
}
#muzik, #chatbox_members .member-title {
background-color:#f4f9fd;
background-image:none;
color:#00569c;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
padding:0!important;
text-align:center;
border-bottom:1px solid #DDD
}
#chatbox ul {
list-style-type:none;
margin:5px 10px 10px 100px;
border-bottom:2px #3a3a3a dotted;
border-left:2px #3a3a3a dotted
}
#chatbox li {
line-height:14px;
padding:3px 3px 3px 7px
}
#muzik {
border: 1px solid #DDD;
overflow: auto;
position: absolute;
width: 162px;
top: 30px;
}
.chatbox_row_1:first-child span[style="font-style:italic"]:before {
content: " Bạn đã mất kết nối do nhởn nhơ quá lâu nên bị đá . Bấm đăng nhập nếu muốn tiếp tục chém gió!";
visibility: visible;
}
.chatbox_row_1:first-child span[style="font-style:italic"] {
visibility: hidden;
}
#chatbox_messenger_form {
margin: 2px 0 0;
}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js" type="text/javascript"></script>
<script src="http://illiweb.com/rs3/34/frm/lang/vi.js" type="text/javascript"></script>
<script src="http://www.9xstudio.biz/h120-page" type="text/javascript"></script>
<script src="http://www.9xstudio.biz/h75-page" type="text/javascript"></script>
</head>
<audio controls preload="auto" id='bid'>
<source src="http://diendan.a20tpo.info/buzz.wav" controls></source>
</audio>
<audio controls preload="auto" id='bid1'>
<source src="http://diendan.a20tpo.info/online.wav" controls></source>
</audio>
<audio controls preload="auto" id='bid2'>
<source src="http://diendan.a20tpo.info/offline.wav" controls></source>
</audio>
<audio controls preload="auto" id='bid3'>
<source src="http://diendan.a20tpo.info/message.wav" controls></source>
</audio>
<body onLoad="if(!connected){CB_disconnect();}ajax_refresh_chatbox('?archives=100', 1);" class="chatbox" id="captcha">
<div id="chatbox_header" class="buzza1" style=" border: 1px solid #CCC; background-color:#FBFBFB;;">
<div style="float: right;padding-right: 5px;margin-top: 9px;"><a href="javascript:void(0)" onClick="CB_disconnect();"><span id="chatbox_option_co" style="display: none;" onclick="zoo();"><strong>Đăng Nhập</strong></span><span id="chatbox_option_disco" style="display: ;" >Thoát</span></a></div>
</div>
<div id="chatbox_members" class="buzza1" curpos="0" maxpos="460" pageincrement="144"
increment="10"></div>
<div id="muzik">
<embed type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="never" src=http://i847.photobucket.com/albums/ab37/delight8x/plus2010/Aviraantivir_9117_MediaPlayer.swf flashvars=file=http://nct.y1n9.com/360PLUS/?id=http://www.nhaccuatui.com/nghe?L=RGrhG86qvWbf%26type=you&config=http://nct.y1n9.com//config.php?config=ok%26backcolor=0xE3007B%26frontcolor=0xFFFFFF%26lightcolor=0xFFFFFF%26autostart=true%26shuffle=false%26repeat=true%26jpgfile=http://img61.imageshack.us/img61/8025/261qy4.swf width="100%" height="355" wmode="transparent"/>
</embed>
</div>
<div class="he" id="xong" style="margin-top: -1px; border: 1px solid #DDD; height: 93px; overflow: auto; display: block; margin-bottom: 5px; display: none; "> </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" style="background-color: #FBFBFB;"><div id="chatbox_messenger_form" style="display: none; height: 3px;" class="row1">
<table cellspacing="0" cellpadding="0" height="24" width="100%" class="chatfootertable">
<tbody>
<tr>
<td>
<table cellspacing="7" cellpadding="0" border="0" style="line-height: 0px;width: 787px;" 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">
<label>
<input type="text" id="message" name="message" size="35" maxlength="1024" class="post" autocomplete="off" placeholder="Vui lòng gõ Tiếng Việt có dấu - Không đưa yêu cầu tại đây." style="width: 50%;margin-top: -9px;margin-left: -3px;">
</label> <span class="gen" onClick="document.post.message.focus();">
<input type="hidden" name="sent" value="" onClick="submittb();">
<input type="submit" name="submit_button" class="btn btn-primary" value="SEND" id="submit_button" style="font-weight: bold;height: 26px;margin-top: -4px;" onClick="submittb();">
</span>
<div style="margin-top: -26px;margin-left: 456px;">
<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'" style="margin-left: -5px;"><img src="http://2img.net/i/fa/subsilver/wysiwyg/bold.gif" width="21" height="20" alt="Bold" title="Bold"></div>
<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'" style="margin-left: -5px;"><img src="http://2img.net/i/fa/subsilver/wysiwyg/italic.gif" width="21" height="20" alt="Ital." title="Ital."></div>
<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'" style="margin-left: -5px;"><img src="http://2img.net/i/fa/subsilver/wysiwyg/underline.gif" width="21" height="20" alt="Underl." title="Underl."></div>
<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'" style="margin-left: -5px;"><img src="http://2img.net/i/fa/subsilver/wysiwyg/strike.gif" width="21" height="20" alt="Strike" title="Strike"></div>
<div id="divcolor" class="fontbutton" onMouseOver="this.className='fontbutton fontbutton_hover'" onMouseOut="this.className='fontbutton fontbutton_normal'" onClick="do_selectcolor(event);" style="margin-left: -5px;"><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" / style="margin-left: -5px;"><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="display: none"></div>
<div id="emoclik" class="fontbutton fontbutton_normal" style="margin-left: -5px;"><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" style="margin-left: -5px;"></div>
<div style="display: none; margin-left: -5px;" id="emoclik2" class="fontbutton fontbutton_normal"><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" style="margin-left: -5px;"></div>
<input onClick="buzz();" type="button" class="fontbutton fontbutton_normal" value="BUZZ!!!" title="buzz" style="font-weight: bold;color:red;height:26px;margin-left: -5px;" id="submit_butt">
<input onClick="javascript:window.location.reload()" class="fontbutton fontbutton_normal" type="button" value="Refresh" title="Refresh" style="font-weight: bold;height:26px; margin-left: -5px;" >
<span id="chatbox_option_autorefresh" onClick="refresh_chatbox('?archives=1');" style="display: none;">
<input title="Auto refresh" type="checkbox" name="refresh_auto" id="refresh_auto" checked="checked" style="background: transparent;margin-left: -5px;margin-top: 8px;" >
</span>
</div>
</tr>
</tbody>
</table></td>
</tr>
<tr>
<td width="100%" align="left" style="padding-left: 4px;"><p id="chatboxt" style="display: none;"></p>
</td>
</tr>
</tbody>
</table>
</div></td>
</tr>
</tbody>
</table>
</form>
</div>
</div>
<script>$("input#message").keyup(function () {var valuet = $(this).val();$("p#chatboxt").text(valuet);});$("#submit_butt").click( function() {var conf = {frequency: 10000,duration: 1000};$("div.buzza1").vibrate(conf);});</script><script>jQuery.fn.vibrate=function(conf){var config=jQuery.extend({speed:40,duration:3000,frequency:20000,spread:100},conf);return this.each(function(){var t=jQuery(this);var vibrate=function(){var rotate=Math.floor(Math.random()*config.spread-(config.spread-1)/2);t.css({'-webkit-transform':'rotate('+rotate+'deg)','-moz-transform':'rotate('+rotate+'deg)','-ms-transform':'rotate('+rotate+'deg)','-o-transform':'rotate('+rotate+'deg)'})};var doVibration=function(){var vibrationInterval=setInterval(vibrate,config.speed);var stopVibration=function(){clearInterval(vibrationInterval);t.css({'-webkit-transform':'rotate(0deg)','-moz-transform':'rotate(0deg)','-ms-transform':'rotate(0deg)','-o-transform':'rotate(0deg)'})};setTimeout(stopVibration,config.duration)};doVibration()})};</script><script type="text/javascript">//<![CDATA[
function buzz() {
document.post.sent.value = ":buzz:";
document.post.message.focus();
ajax_submit_chatbox(params);
return false;
}
function zoo() {
my_setcookie('soli',jQuery('.online-users:eq(0) li').length,0,1);
}
function ajax_connect(params, mode) {
if (params == '' || params == undefined) {
params = '?achives=1';
}
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 = 1311622505;
var chatbox_last_update = 1311622505;
var template_color = '#000000';
var refresh_interval;
if (connected) {
try {
refresh_interval = setInterval("refresh_chatbox('?archives=1');", 5000);
} catch (err) {}
} else {
try {
refresh_chatbox('?archives=1');
} catch (err) {}
}
var params = '?archives=1';
var smilies_sid = ''; //]]></script><script>jQuery("#emoclik").click(function(){jQuery(this).hide();jQuery("#emoclik2").show();jQuery("#chatbox,#muzik,#chatbox_members").animate({top:"137"},1000);jQuery.ajax({type:"POST",url:"/h14-",success:function(emo){jQuery("#xong").html(emo).slideDown(1000)}})});jQuery("#emoclik2").click(function(){jQuery(this).hide();jQuery("#emoclik").show();jQuery("#chatbox,#muzik,#chatbox_members").animate({top:"43"},1000);jQuery.ajax({type:"POST",url:"/h14-",success:function(emo){jQuery("#xong").html(emo).slideUp(1000)}})});</script>
</body>
</html>
bỏ vào trang HTML
tiếp theo để đoạn này trên {CHATBOX_TOP} trong index_body
- Code:
<!-- BEGIN switch_user_logged_in -->
<div class="main">
<div class="main-head">
<div class="page-title">
<h2>Tổng đài chém gió phang bão</h2>
</div>
</div>
<div class="main-contentr">
<script type="text/javascript">jQuery(document).ready(function(){my_setcookie('mytid',jQuery("#logout").attr("href"),1,0);});</script>
<object data="/h1-chatbox" scrolling="yes" width="99%" height="400px" type="text/html"></object>
</div>
</div>
<!-- END switch_user_logged_in -->
Message reputation : 67% (3 votes) |