Code Load Thêm Nội Dung Khi Kéo Xuống Cuối Trang

<script type="text/javascript" src="/files/1020011/jquery.min.js"></script>
{%set trang= paging_def|split('<i class="stong" style="display:none">')[1]|split('</i>')[0]%}

 <form action="{{form_url}}" method="post"> <textarea rows="3" cols="20" name="text" style="width:auto"></textarea>
 
 <input type="submit" value="Thêm tin nhắn"/></form> 
<div class="tinnhans" page="{{trang}}">{{message_list}}
  </div>
<span id="load_main_msg"></span>
<style type="text/css">
  .tinnhan{padding:3px;border:1px solid gray;background-color:#efefef;margin:1px;border-radius:1px}
  body{max-width:800px;margin:auto;border:1px solid#efefef;border-radius:4px;box-shadow:0px 0px 1px gray}
</style>
<script type="text/javascript">
window.onscroll = function() {kiemtra()};
trang=1;dk=true;
  function kiemtra()
  {
    var body = document.body, html = document.documentElement;
var height = Math.max( body.scrollHeight, body.offsetHeight,html.clientHeight, html.scrollHeight, html.offsetHeight );
    if(window.scrollY >=height-window.innerHeight){if(dk==true){trang=trang+1;taithem(trang);}else{console.log("-msS-data empty-");}}}
  
  
  function taithem(trang)
  {
   diachi='main.php?{{api.r.get("f") is not empty?'f='~api.r.get("f"):''}}&pusl0='+trang;
  $("#themtin").load(diachi+" .tinnhans", function (c) {
    if(trang+1 > $(c).find(".tinnhans").attr("page")){dk=false;}
        $("#load_main_msg").before($("#themtin").html());
    });
}
</script>
<div id="themtin" style="display:none"></div>

---

Copy code

<div class="tinnhan">
{{nick}}: {{message}} 
</div>

---

Copy code

<i class="stong" style="display:none">%page_count%</i>

---

Copy code