Wapego[Events] Share vài code ego 20/08

{%set f=api.r.get('f') is not empty?'f='~api.r.get('f'):''%}
<div class="waper">
<div class="title"><a href="main.php?{{f}}"><b>Chatbox</b></a> · <a href="chat.php?chan=123456&id=view&on=0">Chat/Poker (0)</a> · <a href="/chat.php?chan=123456&id=smiles">Smile</a></div>
<div id="error"></div>
<div class="menu">
  <form action="{{form_url}}" method="post" id="form_chatbox">
<table width="100%">
<tbody><tr valign="top">
<td width="80%">
<textarea rows="3" cols="20" name="text" style="width:95%" id="chat_input"></textarea>
</td>
<td width="20%" class="nohover">
 <input type="submit" value="Gửi" id="chat_submit" required="">
</td>
</tr>
</tbody></table>
</form>
</div>
 
<div class="left" style="padding:0px">
  <div class="list_chatbox" id="list_chatbox">
    {{message_list}}
  </div>
</div>
 
 
</div>
 
<script src="/files/1020011/jquery.min.js"></script>
<script type="text/javascript">
browser='{{api.r.createFromGlobals().cookies.get('v')=='3'?'web':'wap'}}';
</script>
<script type="text/javascript">
var chat_link=location.href;
  if(browser=='web'){var timeload=1990}else{var timeload=10990}
  $(document).ready(function(){
autoload=setInterval(chatbox_reload,timeload);
$('#form_chatbox').submit(function(e){
e.preventDefault();
$('#chat_submit').val('\u0110ang g\u1eedi...').attr('disabled','');
var c=$(this);
var d=c.attr('action');
var f=c.find('#chat_input').val();
var g=f.length;
if(g<2||g>10000){$('#error').html('<div class="noti">\u0110\u1ed9 d\xe0i tin nh\u1eafn l\xe0 t\u1eeb 2 \u0111\u1ebfn 10000 k\xfd t\u1ef1!</div>').fadeIn(200).delay(2000).fadeOut(1);
$('#chat_submit').val('G\u1eedi').removeAttr('disabled','');return}else{
$.post(d,{text:f},function(a,b){if(b=='error'){$('#error').html('<div class="noti">Error: Cannot sending</div>').fadeIn(200).delay(3000).fadeOut(1);$('#chat_submit').val('G\u1eedi').removeAttr('disabled','');return};if(b=='success'){$('#chat_input').val('');$('#chat_submit').val('G\u1eedi').removeAttr('disabled','');chatbox_reload()}});return false}});$('#paging_def').delegate('a.plink','click',function(e){e.preventDefault();var b=$(this).attr('href');$.ajax({type:"GET",url:b,success:function(a){list_chat=$(a).find('#list_chatbox').html();$('#list_chatbox').html(list_chat)}})});if(browser=='web'){$('#chat_input').keypress(function(e){if((e.keyCode==10||e.keyCode==13)&&!e.shiftKey){e.preventDefault();$('#form_chatbox').trigger('submit')}})}function chatbox_reload(){if(autoload){clearTimeout(autoload)}$.ajax({type:"GET",url:chat_link,success:function(a){list_chat=$(a).find('#list_chatbox').html();if($('#list_chatbox').html()!=list_chat){$('#list_chatbox').html(list_chat)}if(list_chat.indexOf('<span id="new_post"></span>')>-1){if(browser=='web'){var b=new Audio('/files/1005357/new.mp3');}else{navigator.vibrate=navigator.vibrate||navigator.webkitVibrate||navigator.mozVibrate||navigator.msVibrate};if(browser=='web'){b.play();}else if(navigator.vibrate){navigator.vibrate(500)}}}});
 
autoload=setInterval(chatbox_reload,timeload)};
 
$('#list_chatbox').delegate('a#cmt_link','click',function(e){e.preventDefault();var a=$(this).attr('data-id');$('#chat_input').val(a+' ');$('#chat_input').focus()});$('#list_chatbox').delegate('a#reply_cmt','click',function(e){e.preventDefault();var a=$(this).attr('data-id');var b=$(this).attr('data-ans');$('#chat_input').val(a+' '+b+' ');$('#chat_input').focus()})});
</script>
 
<style type="text/css">
* {
    padding: 0;
    margin: 0;
}
body {
    word-wrap: break-word;
    padding: 0;
    color: #000;
    background: #eee;
    font-family: Arial,Tahoma,sans-serif;
    font-size: small;
    word-wrap: break-word;
    max-width: 700px;
    margin: auto;
}
.title a {
    color: #fefef0;
}
a:hover {
    text-decoration: underline;
    color: #f00;
    font-style: normal;
}
 
::-webkit-resizer {
    background-color: #06f;
}
.wapper {
    padding: 5px;
}
.wapper {
    background: #fff;
}
 
.menu {
    border: 1px solid #dfdfdf;
    border-top: 0px;
    background: #fff;
    padding: 6px;
    margin: 0;
}
.title {
    background-color: #066;
    color: #fff;
    text-align: left;
    background-repeat: repeat-x;
    margin: 5px 0px 0px 0px;
    padding: 7px 7px;
}
#chat_input {
    max-width: 99.45%;
    height: 50px;
    -webkit-transition: all 0.5s;
}
textarea, input, select, .input {
    border: 1px solid #CBCBCB;
    padding: 4px 3px;
}
.nohover input[type="submit"]:hover{
    background-color: #09f;
    color: #fff;
}
input[type="submit"], button {
    background-color: #09f;
    color: #fff;
    padding: 5px 12px;
    border: 1px solid #07f;
    font-weight: bold;
    margin: 0px;
    max-width: 100%;
    -webkit-appearance: none;
    overflow: visible;
    text-align: center;
    vertical-align: top;
    white-space: nowrap;
    border-radius: 2px;
    -webkit-border-radius: 2px;
}
</style>

<div class="menu">{{nick}}: {{message}}</div>{%if "now"|date('U')-message_date|date('U')<=3 and api.user_id!=nick|slice(27,8)%}<span id="new_post"></span>{%endif%}