I have trouble getting an array of data stored in a separate javascript file i.e. a file called books.js into a table of data for a .xhtml file.
There are 50 Records in this file.
There are 5 colums of data I wish to display.
I want to display these records in groups of 10.
Based on the fact that the records I want are located in a separate file, how can I get these details to show on the form and manipulate the data to show in groups of 10?
I know the following code is far from complete but I hope it will explain further what I mean.
Thanks
Jonnie
Expand|Select|Wrap|Line Numbers
- function refill();
- {
- for (0; numoflines; a++) {
- document.forms[0].elements[5*a].value=anthologies[a+topofpage][0];
- document.forms[1].elements[5*a+1].value=anthologies[a+topofpage][1];
- document.forms[2].elements[5*a+2].value=anthologies[a+topofpage][2];
- document.forms[3].elements[5*a+3].value=anthologies[a+topofpage][3];
- document.forms[4].elements[5*a+4].value=anthologies[a+topofpafe][4];
- }
- }
- </script>
- <script type = "text/ecmascript">
- function scrolldown ();
- {
- topofpage+=12;
- }
- </script>
- <!--Customer Details
- enter name, address, post code, date of birth and credit card type and numbe
- -->
- <table border = "1">
- <tr>
- <td>Product Code</td>
- <td>Title</td>
- <td>Author</td>
- <td>Quantity</td>
- <td>Unit Price</td>
- </tr>
- <tr>
- <td><input type = "text" size = "8" readonly = "readonly" /></td>
- <td><input type = "text" size = "8" readonly = "readonly" /></td>
- <td><input type = "text" size = "8" readonly = "readonly" /></td>
- <td><input type = "text" size = "8" readonly = "readonly" /></td>
- <td><input type = "text" size = "8" readonly = "readonly" /></td>
- </tr>
- <tr>
- <td><input type = "text" name = "" size = "8" readonly = "readonly" /></td>
- <td><input type = "text" size = "8" readonly = "readonly" /></td>
- <td><input type = "text" size = "8" readonly = "readonly" /></td>
- <td><input type = "text" size = "8" readonly = "readonly" /></td>
- <td><input type = "text" size = "8" readonly = "readonly" /></td>
- </tr>
- <tr>
- <td><input type = "text" name = "" size = "8" readonly = "readonly" /></td>
- <td><input type = "text" size = "8" readonly = "readonly" /></td>
- <td><input type = "text" size = "8" readonly = "readonly" /></td>
- <td><input type = "text" size = "8" readonly = "readonly" /></td>
- <td><input type = "text" size = "8" readonly = "readonly" /></td>
- </tr>
- <tr>
- <td><input type = "text" name = "" size = "8" readonly = "readonly" /></td>
- <td><input type = "text" size = "8" readonly = "readonly" /></td>
- <td><input type = "text" size = "8" readonly = "readonly" /></td>
- <td><input type = "text" size = "8" readonly = "readonly" /></td>
- <td><input type = "text" size = "8" readonly = "readonly" /></td>
- </tr>
- <tr>
- <td><input type = "text" name = "" size = "8" readonly = "readonly" /></td>
- <td><input type = "text" size = "8" readonly = "readonly" /></td>
- <td><input type = "text" size = "8" readonly = "readonly" /></td>
- <td><input type = "text" size = "8" readonly = "readonly" /></td>
- <td><input type = "text" size = "8" readonly = "readonly" /></td>
- </tr>
- <tr>
- <td><input type = "text" name = "" size = "8" readonly = "readonly" /></td>
- <td><input type = "text" size = "8" readonly = "readonly" /></td>
- <td><input type = "text" size = "8" readonly = "readonly" /></td>
- <td><input type = "text" size = "8" readonly = "readonly" /></td>
- <td><input type = "text" size = "8" readonly = "readonly" /></td>
- </tr>
- <tr>
- <td><input type = "text" name = "" size = "8" readonly = "readonly" /></td>
- <td><input type = "text" size = "8" readonly = "readonly" /></td>
- <td><input type = "text" size = "8" readonly = "readonly" /></td>
- <td><input type = "text" size = "8" readonly = "readonly" /></td>
- <td><input type = "text" size = "8" readonly = "readonly" /></td>
- </tr>
- <tr>
- <td><input type = "text" name = "" size = "8" readonly = "readonly" /></td>
- <td><input type = "text" size = "8" readonly = "readonly" /></td>
- <td><input type = "text" size = "8" readonly = "readonly" /></td>
- <td><input type = "text" size = "8" readonly = "readonly" /></td>
- <td><input type = "text" size = "8" readonly = "readonly" /></td>
- </tr>
- <tr>
- <td><input type = "text" name = "" size = "8" readonly = "readonly" /></td>
- <td><input type = "text" size = "8" readonly = "readonly" /></td>
- <td><input type = "text" size = "8" readonly = "readonly" /></td>
- <td><input type = "text" size = "8" readonly = "readonly" /></td>
- <td><input type = "text" size = "8" readonly = "readonly" /></td>
- </tr>
- <tr>
- <td><input type = "text" name = "" size = "8" readonly = "readonly" /></td>
- <td><input type = "text" name = "" size = "8" readonly = "readonly" /></td>
- <td><input type = "text" name = "" size = "8" readonly = "readonly" /></td>
- <td><input type = "text" name = "" size = "8" readonly = "readonly" /></td>
- <td><input type = "text" name = "" size = "8" readonly = "readonly" /></td>
- </tr>
- </table>
- <input type = "button" onclick = "scrolldown()" value = "Next 10">
- <input type = "button" value = "Show Records">
- <input type = "button" onclick = "scrolldown()" value = "Last 10">