Share lại code like shoutbox cho wapego. Mặc dù mấy cái like vớ vẩn này chả ai dùng nữa. Code chỉ mang tính chất tham khảo.
Bước 1: thêm 1 shoutbox ngay trên shoutbox chính (shoutbox muốn có nút like). Và thay code ở 2 ô như sau:
Code ô 1:
TWIG
{%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 type="submit" value="Like" class="nobutton"/></form>'; </script>{{message_list}}
Code ô 2:
TWIG
<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>
Đặt số tin nhắn là 1.
Và cuối cùng, quan trọng nhất là code nút like, vào shoutbox chính và đặt code sau vào ô 2, ở vị trí bạn muốn hiển thị nút like:
TWIG
{% 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> </div>