Add timeout before displaying tooltip with book details.

[quanweb.git] / app / index.html
diff --git a/app/index.html b/app/index.html

index 4b246d450ca51d4a55fbe3e0376e4720b28a251f..8bd44c43c69f15ed8d14009d0bb63ab1626bcb27 100644 (file)
--- a/app/index.html
+++ b/app/index.html
@@ -3,13 +3,10 @@
      <title>eBook Library</title>
      <link href="lib.css" rel="stylesheet" type="text/css"/>
      <meta charset="utf-8"/>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    </head>
    
    <body> 
-    <table class="header">
-      <tr><td class="box">&nbsp;</td><td class="title">eBook Library</td></tr>
-    </table>
-
      <form>
        <input id="search" onclick="onSearch();" type="button" value="Search"/> 
        Author: <input id="aut" type="text"/> 
@@ -17,14 +14,17 @@
        Series: <input id="ser" type="text"/>
      </form>
  
-    <div class="footer">
-        <input id="back" onclick="onPrev();" value="Back" type="button"/>
-        <input id="forward" onclick="onNext();" value="Forward" type="button"/>
+    <div class="pager">
+      <input id="back" onclick="onPrev();" value="Back" type="button"/>
+      <input id="forward" onclick="onNext();" value="Forward" type="button"/>
+      <input id="slider" onchange="onSlide(this.value);" min="0" max="0" type="range" value="0"/>
        Showing <span id="first">0</span> through <span id="last">0</span> out of <span id="count">0</span> matching books.
      </div>
  
      <div id="books">(No books found)</div>
  
+    <div id="details" class="tooltip" onclick="hideDetails();">(No information available)</div>
+
      <script src="lib.js"></script>
    </body>
  </html>