Add slider to enable distant paging.
[quanweb.git] / app / index.html
1 <html>
2   <head>
3     <title>eBook Library</title>
4     <link href="lib.css" rel="stylesheet" type="text/css"/>
5     <meta charset="utf-8"/>
6   </head>
7   
8   <body> 
9     <form>
10       <input id="search" onclick="onSearch();" type="button" value="Search"/> 
11       Author: <input id="aut" type="text"/> 
12       Title: <input id="tit" type="text"/>
13       Series: <input id="ser" type="text"/>
14     </form>
15
16     <div class="pager">
17       <input id="back" onclick="onPrev();" value="Back" type="button"/>
18       <input id="forward" onclick="onNext();" value="Forward" type="button"/>
19       <input id="slider" onchange="onSlide(this.value);" min="1" max="1" type="range" value="0"/>
20       Showing <span id="first">0</span> through <span id="last">0</span> out of <span id="count">0</span> matching books.
21     </div>
22
23     <div id="books">(No books found)</div>
24
25     <script src="lib.js"></script>
26   </body>
27 </html>