JavaScript DHTML/Table/Data Page

Материал из Web эксперт
Перейти к: навигация, поиск

Get previous Page Example

   <source lang="html4strict">
   

<html> <head> <script language="javascript"> function goFirst(){

  document.all.myTable.dataPageSize = 2;
  myTable.firstPage(); 

} function goPrevious(){

  document.all.myTable.dataPageSize = 2;
  myTable.previousPage(); 

} function goNext(){

  document.all.myTable.dataPageSize = 2;
  myTable.nextPage(); 

} function goLast(){

  document.all.myTable.dataPageSize = 2;
  myTable.lastPage(); } </script>

<body> <button onclick="goFirst();">First Page</button> <button onclick="goPrevious();">Previous Page</button> <button onclick="goNext();">Next Page</button> <button onclick="goLast();">Last Page</button> <button onclick="alert(document.all.myData.namedRecordset(""));">Named recordset</ button> <object classid="clsid:333C7BC4-460F-11D0-BC04-0080C7055A83" id="myData">

   <param name="DataURL" value="myfile.csv">
   <param name="UseHeader" value="True">
   <param name="TextQualifier" value=""">

</object>

<thead> </thead> <tbody> </tbody>
First Last

</body></html>



     </source>
   
  


Get the first Page

   <source lang="html4strict">

<html> <head> <script language="javascript"> function goFirst(){

  document.all.myTable.dataPageSize = 2;
  myTable.firstPage(); 

} function goPrevious(){

  document.all.myTable.dataPageSize = 2;
  myTable.previousPage(); 

} function goNext(){

  document.all.myTable.dataPageSize = 2;
  myTable.nextPage(); 

} function goLast(){

  document.all.myTable.dataPageSize = 2;
  myTable.lastPage(); 

} </script> <body> <button onclick="goFirst();">First Page</button> <button onclick="goPrevious();">Previous Page</button> <button onclick="goNext();">Next Page</button> <button onclick="goLast();">Last Page</button> <button onclick="alert(document.all.myData.namedRecordset(""));"> Named recordset </button> <object classid="clsid:333C7BC4-460F-11D0-BC04-0080C7055A83" id="myData">

   <param name="DataURL" value="myfile.csv">
   <param name="UseHeader" value="True">
   <param name="TextQualifier" value=""">

</object>

<thead> </thead> <tbody> </tbody>
First Last

</body> </html>


     </source>
   
  


GEt the last Page

   <source lang="html4strict">
   

<html> <head> <script language="javascript"> function goFirst(){

  document.all.myTable.dataPageSize = 2;
  myTable.firstPage(); 

} function goPrevious(){

  document.all.myTable.dataPageSize = 2;
  myTable.previousPage(); 

} function goNext(){

  document.all.myTable.dataPageSize = 2;
  myTable.nextPage(); 

} function goLast(){

  document.all.myTable.dataPageSize = 2;
  myTable.lastPage(); } </script>

<body> <button onclick="goFirst();">First Page</button> <button onclick="goPrevious();">Previous Page</button> <button onclick="goNext();">Next Page</button> <button onclick="goLast();">Last Page</button> <button onclick="alert(document.all.myData.namedRecordset(""));">Named recordset</ button> <object classid="clsid:333C7BC4-460F-11D0-BC04-0080C7055A83" id="myData">

   <param name="DataURL" value="myfile.csv">
   <param name="UseHeader" value="True">
   <param name="TextQualifier" value=""">

</object>

<thead> </thead> <tbody> </tbody>
First Last

</body> </html>




     </source>
   
  


Get the next Page Example

   <source lang="html4strict">
   

<html> <head> <script language="javascript"> function goFirst(){

  document.all.myTable.dataPageSize = 2;
  myTable.firstPage(); 

} function goPrevious(){

  document.all.myTable.dataPageSize = 2;
  myTable.previousPage(); 

} function goNext(){

  document.all.myTable.dataPageSize = 2;
  myTable.nextPage(); 

} function goLast(){

  document.all.myTable.dataPageSize = 2;
  myTable.lastPage(); } </script>

<body> <button onclick="goFirst();">First Page</button> <button onclick="goPrevious();">Previous Page</button> <button onclick="goNext();">Next Page</button> <button onclick="goLast();">Last Page</button> <button onclick="alert(document.all.myData.namedRecordset(""));">Named recordset</ button> <object classid="clsid:333C7BC4-460F-11D0-BC04-0080C7055A83" id="myData">

   <param name="DataURL" value="myfile.csv">
   <param name="UseHeader" value="True">
   <param name="TextQualifier" value=""">

</object>

<thead> </thead> <tbody> </tbody>
First Last

</body> </html>



     </source>