Implement paging using JavaScript + XML

CodeAs follows:


<XML id = "users"> <br/> <usergroup> <br/> <user> <br/> <userid> User 1 </userid> <br/> <name> name 1 </Name> <br/> </user> <br/> <userid> User 2 </userid> <br/> <Name> name 2 </Name> <br/> </user> <br/> <userid> User 3 </userid> <br/> <Name> name 3 </Name> <br/> </user> <br/> <userid> User 4 </userid> <br /> <Name> name 4 </Name> <br/> </user> <br/> <userid> User 5 </userid> <br/> <Name> name 5 </Name> <br/> </user> <br/> <userid> User 6 </userid> <br/> <Name> name 7 </Name> <br/> </user> <br/> <userid> User 7 </userid> <br/> <Name> name 7 </Name> <br/> </user> <br/> <userid> User 8 </ userid> <br/> <Name> name 8 </Name> <br/> </user> <br/> <userid> User 9 </userid> <br/> <Name> name 9 </Name> <br/> </user> <br/> </usergroup> <br/> </XML> <br/> <Table id = "datatable" datasrc = "# users" datapagesize = "3" width = "400" border = "1"> <br/> <tr> <br/> <TD> <span dataworks = "userid"> </span> </TD> <br/> <TD> <span dataworks = "name"> </ span> </TD> <br/> </tr> <br/> </table> <br/> <button onclick = "document. all. datatable. firstpage () "> first page </button> <br/> <button onclick =" document. all. datatable. previouspage () "> previous page </button> <br/> <button onclick =" document. all. datatable. nextpage () "> next page </button> <br/> <button onclick =" document. all. datatable. lastpage () "> last page </button>
[Ctrl + A select all prompt: you can modify part of the code first, then click to run the Code]