Share code shoutbox wapego full Bbcode

<script type="text/javascript">var online_users=escape('%online_list%');</script>

%nick%

{%set fid=form_url|split('uid=')[1]|split('&')[0]%}
<script type="text/javascript">
var sc_like="",
f1='<form action="main.php?id=ch_topic_h&uid={{fid}}&back_url=/main.php" method="post" style="display:inline">',
f2='<input type="hidden" name="text" value="',
f3='"/>',
f4='<input class="nobutton" type="submit" value="like" class="nobutton"/></form>';
</script>{{message_list}}

<script type="text/javascript">var sc_like="{{message|split(';')|slice(0,100)|join(';')|raw}}"</script>
{% set stn=message|split(';')|length-1 %}
<script type="text/javascript">{% for i in 0..stn %}{% set like = message|split(';')[i] %}{% set mid = like|split(',')[0] %}
{%autoescape false%}{%if like|split(',')[1]|split('+')|length > 2%}{{'l'~mid~'='~like|split(',')[1]|split('+')|length~';u'~mid~'="'~like|split(',')[1]|split('+')|slice(0,2)|join(', ')~' và '~(like|split(',')[1]|split('+')|length-2)~' người khác";'}}{%else%}{{'l'~mid~'='~like|split(',')[1]|split('+')|length~';u'~mid~'="'~like|split(',')[1]|split('+')|slice(0,2)|join(', ')~'";'}}{%endif%}{%endautoescape%}
{% endfor %}</script>

{% set host=api.r.createFromGlobals().Host %}
{% if host!='{{nick}}.bte.waplux.com' %}
 
<div class="title">Chatbox</div>
<div style="text-align:left" class="left">
<div class="list1">
{% if loged %} 
<script type="text/javascript">
  function tag(text1,text2){
    if((document.selection)){
      document.form.text.focus();
      document.form.document.selection.createRange().text = text1+document.form.document.selection.createRange().text+text2
    }else if(document.forms['form'].elements['text'].selectionStart!=undefined){
      var element=document.forms['form'].elements['text'];
      var str=element.value;
      var start=element.selectionStart;
      var length=element.selectionEnd-element.selectionStart;
      element.value=str.substr(0,start)+text1+str.substr(start,length)+text2+str.substr(start+length)
    }else{
      document.form.text.value+=text1+text2
    }
  };
  function show_hide(a){
    b=document.getElementById(a);
    if(b.style.display=="none"){
      b.style.display="block"
    }else{
      b.style.display="none"
    }
  }
</script><div class="khung">
<form id="form_chatbox" action="{{form_url}}" method="post" name="form"> <textarea rows="3" cols="17" name="text" id="chat_txt" class="upload_anh_cool" ></textarea>
<input type="submit" align="right" style="
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border: none;
    background: #000;
    color: #fff;
 
    " " value="Đăng" /></form> 
{% else %} 
<form id="form_chatbox" action="{{form_url}}" method="post"> <textarea rows="3" cols="17"  disabled="disabled" name="text">Bạn cần đăng nhập</textarea>
<input type="submit" style="
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border: none;
    background: #000;
    color: #fff;
    cursor: pointer;" value="?????"/></form> 
{% endif %}
</div></div><div class="bb"><a href="javascript:tag('[b]in đậm', '[/b]')"><img src="http://freestory.ml/images/bb/bold.gif"></a> <a href="javascript:tag('[u] chử gạch chân', '[[/u]')"><img src="http://freestory.ml/images/bb/underline.gif"></a>
<a href="javascript:tag('[i] chử in nghiêng', '[/i]')"><img src="http://freestory.ml/images/bb/italics.gif"></a><a href="javascript:tag('[s] chử gạch ngang', '[/s]')"><img src="http://freestory.ml/images/bb/strike.gif"></a><a href="javascript:tag('[sup] chử cao', '[/sup]')"> c</a><a href="javascript:tag('[sub] chử thấp', ')"> t</a> <a href="javascript:tag('[url]link', '[/url]')"><img src="http://freestory.ml/images/bb/link.gif"></a> <a href="/main.php?f=3536138" id="smiles"><img src="http://freestory.ml/images/bb/smileys.gif"></a><script>
function upload(file) {
if(file.type.match(/image.*/)){
var fd = new FormData();
fd.append("image", file);
var xhr = new XMLHttpRequest();
$("#up_status").html("Đang tải lên...");
$('body').addClass('uploading');
xhr.open("POST", "http://uploads.im/api?upload");
xhr.onload = function() {
var link = JSON.parse(xhr.responseText).data.thumb_url;
$(".link_img").html("<img  src='"+link+"' width='50' height='50'>");
$('.upload_anh_cool').val($('.upload_anh_cool').val()+'[img]'+link+'[/img]');
$("#up_status").html("Đăng thêm");
}
xhr.send(fd);
} else {
alert('success');
};
};
</script>
 
<a onclick="$('#input_frm').click()" id="up_status"><img src="http://freestory.ml/images/bb/anh.png"></a>
<input style="display:none" type="file" onchange="upload(this.files[0])" id="input_frm">
<button class="nobutton" onclick="if(document.getElementById('spoiler') .style.display=='none') {document.getElementById('spoiler') .style.display=''}else{document.getElementById('spoiler') .style.display='none'}" title="Click to show/hide" type="button"><img src="http://freestory.ml/images/bb/color_on.gif"></button><div id="spoiler" style="display: none;">
<div class="chat"><a href="javascript:tag('[color=&#34;red&#34;]','[/color]')"><img src="http://freestory.ml/images/ic/do.png"></a> <a href="javascript:tag('[color=&#34;yellow&#34;]','[/color]')"><img  src="http://freestory.ml/images/ic/vang.png"></a> <a 
href="javascript:tag('[color=&#34;orange&#34;]','[/color]')"><img src="http://freestory.ml/images/ic/cam.png"> </a><a href="javascript:tag('[color=&#34;hotpink&#34;]','[/color]')"><img src="http://freestory.ml/images/ic/hong.png"></a> <a href="javascript:tag('[color=&#34;darkviolet&#34;]','[/color]')"><img src="http://freestory.ml/images/ic/tim.png"></a> <a href="javascript:tag('[color=&#34;00ff00&#34;]','[/color]')"><img src="http://freestory.ml/images/ic/daquang.png"></a> <a href="javascript:tag('[color=&#34;cyan&#34;]','[/color]')"><img src="http://freestory.ml/images/ic/lam.png"></a> <a href="javascript:tag('[color=&#34;green&#34;]','[/color]')"><img src="http://freestory.ml/images/ic/lucdam.png"></a></div>
</div></div></div><script type="text/javascript" src="http://wap.mu/files/1025588/jquery.min.js"></script><script type="text/javascript" src="http://modjohn.wap.mu/files/1062931/haiz.js"></script><br>
{{message_list}}
{{paging_def}}
</div></div>
 
<div id="smiles-area" style="position:absolute;z-index:888;width:200px;display:none;background:#fff;box-shadow:0 0 5px #999;display:none">
<img src="http://chatvuivl.mobie.in/bieutuong/19.gif" alt="@2">
    <img src="http://chatvuivl.mobie.in/bieutuong/16.gif" alt="@3">
    <img src="http://chatvuivl.mobie.in/bieutuong/07.gif" alt="@4">
    <img src="http://chatvuivl.mobie.in/bieutuong/09.gif" alt="@5">
    <img src="http://chatvuivl.mobie.in/bieutuong/03.gif" alt="@6">
 
    <img src="http://chatvuivl.mobie.in/bieutuong/20.gif" alt="@7">
 
    <img src="http://chatvuivl.mobie.in/bieutuong/02.gif" alt="@8">
    <img src="http://chatvuivl.mobie.in/bieutuong/05.gif" alt="@9">
    <img src="http://chatvuivl.mobie.in/bieutuong/18.gif" alt="@00">
    <img src="http://chatvuivl.mobie.in/bieutuong/15.gif" alt="@hh">
<img src="http://chatvuivl.mobie.in/bieutuong/08.gif" alt="@jj">
    <img src="http://chatvuivl.mobie.in/bieutuong/14.gif" alt="@bb">
    <img src="http://chatvuivl.mobie.in/bieutuong/06.gif" alt="@aa">
    <img src="http://chatvuivl.mobie.in/bieutuong/17.gif" alt="@cc"> 
    <img src="http://chatvuivl.mobie.in/bieutuong/12.gif" alt="@mm">
    <img src="http://chatvuivl.mobie.in/bieutuong/10.gif" alt="@+6">
    <img src="http://chatvuivl.mobie.in/bieutuong/01.gif" alt="@-+">
    <img src="http://chatvuivl.mobie.in/bieutuong/11.gif" alt="@/-">
</div>
 
{% endif %}

<div class="left"><div class="chat"><script type="text/javascript">var on_off=online_users.search(escape('{{nick}}'));if(on_off < 0){document.write('<b style="color:red">❄</b>')}else{document.write('<b style="color:#090">✌</b>')};</script>   {{nick}}: {{message|replace({'[img]':'<img src="','[/img]':'<div class="link_img"></div>"/>'})|raw}} <div style="text-align: right;"><img src="src="','[/img]':'<div class="link_img"></div>"/>'})|raw}} <div style="text-align: right;"><img src="http://freestory.ml/icons/new_like_btn-25x25.png"/>{% set msgid=message_date|replace({':':'','-':'',' ':''})+123456789012 %}
<small><script type="text/javascript">if(!(sc_like.match(/{{msgid}}/)&&u{{msgid}}.match(/{{api.u.get(api.user_id).nick}}/))){document.write(f1);if(sc_like.match(/{{msgid}}/)){sc_liked=sc_like.replace('{{msgid}},','{{msgid}},{{api.u.get(api.user_id).nick|striptags|raw}}+');document.write(f2+sc_liked+f3);}else{document.write(f2+'{{msgid}},{{api.u.get(api.user_id).nick|striptags|raw}};'+sc_like+f3)};document.write(f4)};if(l{{msgid}}>0){document.write(l{{msgid}}+' ('+u{{msgid}}+')')};</script></small>
 {% set name=nick|striptags %}{% set uid=nick|slice(27,8) %}{% set msgid=message_date|replace({':':'','-':'',' ':''})+123456789012 %} <a href="/main.php?f=3553332&uid={{uid}}&msg_id={{msgid}}&cmt=lol"style="color: #ccc;font-size: small;"><font color="0000CC"><img src="http://freestory.ml/icons/quotes-25x25.png"/></b></a>{{delete_post_button}}</div></font> </div>
</div></div>

<script type="text/javascript" src="/files/154586/jquery.min.js"></script>
<script>var ssa=0;$(function(){$('a#smiles').click(function(){var that=$(this);if(ssa==0){$('#smiles-area').css({'top':that.offset().top+that.height(),'right':that.offset().left+that.width()-200}).find('img').css({'width':'30px','padding':'5px','display':'inline-block'});$('#smiles-area').show();ssa=1;$('#smiles-area img').on({click:function(){var timg=$(this);$('#chat_txt').text($('#chat_txt').text()+timg.attr('alt'));},mousedown:function(){$(this).css({'background':'#d9edf7'})},mouseup:function(){$(this).css({'background':'#fff'})}});}else{$('#smiles-area').toggle();};return false});});</script>     <pre>   </pre>

.nobutton{border:none!important;background:none!important;cursor: pointer!important;margin:0!important;padding:0!important;color:#3b5998!important;box-shadow:none!important;font-weight:normal!important}.bb{background-color:#e8e8e8;margin-top:1px;margin-bottom:1px;padding:4px;border:1px solid #e8e8;}.chat{background-color:#fff;margin-top:1px;margin-bottom:1px;padding:4px;border:1px solid #d5d5d5;}