HTML and CSS Reference
In-Depth Information
The inventoryStock object in each line associates the onClick event handlers for each button to the <table>
tag, which will have an id attribute inventoryStock that will be entered in a later step.
Line 53 creates the Start button with the caption | < Start. The code &lt; is an ASCII character reference
that creates a less-than symbol (<), or angle bracket, on the button caption. The Start button calls the firstPage()
method, which tells the Web page to display the first set of records in the table. The code, &nbsp;&nbsp;, is an
ASCII character reference that represents the two spaces that separate the buttons. Line 54 creates the Previous
Items button with the caption, < Previous Items. The Previous Items button calls the previousPage() method, which
tells the Web page to display the previous set of records in the table. Line 55 creates the Next Items button with the
caption, Next Items >. The &gt; code is an ASCII character reference that creates a greater-than symbol (>), or angle
bracket, on the button caption. The Next Items button calls the nextPage() method, which tells the Web page to
display the next set of records in the table. Line 56 creates the Last Items button with the caption, Last Items > | . The
Last Items button calls the lastPage() method, which tells the Web page to display the last set of records in the table.
Each button uses the ASCII character reference, &nbsp;&nbsp;, to place spaces between the buttons.
The following step adds the navigation buttons to the HTML Web page.
1
Click line 53.
in Table 12-32 on
the previous page
and do not press the
e n t e r key after line 56
(Figure 12-32).
Enter the code shown
code for
navigation
buttons with
built-in methods
do not press
e n t e r key
Figure 12-32
To Enter <table> Table Header and Row Tags
Table 12-33 shows the <table> tag and the attributes needed to indicate the width of the table, indicate the
number of rows to be displayed, and bind the data source object. The code in Table 12-33 includes the table heading
<thead> and the individual column heading names.
Table 12-33 Code for <table> and Table Header and Row Tags
Line
Code
59
<table datapagesize="4"id="inventoryStock" datasrc="#dsoTableList" >
60
<thead>
61
<tr>
62
<th>Item Id</th>
 
Search WWH ::




Custom Search