<table id="TableNum">
<tr></tr>
</table>
<table id="TableInfor">
</table>
<script>
var AllMessage = 12;
var SinglePage = 5;
var NowPage = 3; //*********It is from 1*********
var ParentTR = document.getElementById("TableNum");
var Array = new Array();
//--------
for (var i = 0;i < Math.ceil(AllMessage/SinglePage);i++){
for (var r = 0;r < SinglePage;r++){
Array[r + i * SinglePage] = "Change this to your data:" + Math.random()*10;
}}
//--------
//console.log(Math.ceil(AllMessage/SinglePage))
for (var i = 1;i < Math.ceil(AllMessage/SinglePage) + 1;i++){
for (var r = 1;r < SinglePage + 1;r++){
if(NowPage == i){
if(AllMessage >= r + i * SinglePage - SinglePage){ //This will not permit overflow message;
//For example. If you have 11 message and you are on P3, this will block 12,13...15 Message;
//Why did I need to add this instead of changing the equation?
//Because I could not find what's wrong, and this is the simiplest way to finish it!~
var tr = document.createElement("tr");
var td = document.createElement("td");
var text = document.createTextNode(r + i * SinglePage - SinglePage);
document.body.appendChild(tr);
tr.parentNode.insertBefore(ParentTR, td.nextElementSibling)
ParentTR.appendChild(tr)
//--------
td.appendChild(text);
document.body.appendChild(td);
td.parentNode.insertBefore(ParentTR, td.nextElementSibling);
tr.appendChild(td);
//--------
var td2 = document.createElement("td");
var text2 = document.createTextNode(Array[r + i * SinglePage - SinglePage - 1]);
//--------
td2.appendChild(text2);
document.body.appendChild(td2);
td2.parentNode.insertBefore(tr, td.nextElementSibling);
tr.appendChild(td2);
}
}
}
r = 0;
}
</script>