Prevent tooltips from displaying when the mouse is over the search or paging controllers.
[quanweb.git] / app / index.html
index 9b3331144f8d0159930c05858b51def93ad1da12..d2c48d93a288c24c482f0efd58ff876b893f9ee1 100644 (file)
@@ -1,27 +1,31 @@
-<html>
+<html class="no-js">
   <head>
     <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> 
-    <form>
+  <body onload="onSearch();"
+    <form onmouseenter="ToolTip.stopTooltipTimer();">
       <input id="search" onclick="onSearch();" type="button" value="Search"/> 
-      Author: <input id="aut" type="text"/> 
-      Title: <input id="tit" type="text"/>
-      Series: <input id="ser" type="text"/>
+      <span class="term">Author: <input id="aut" type="text"/></span>
+      <span class="term">Title: <input id="tit" type="text"/></span>
+      <span class="term">Series: <input id="ser" type="text"/></span>
     </form>
 
     <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="1" max="1" type="range" value="0"/>
+      <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>
 
-    <script src="lib.js"></script>
+    <div id="details" class="tooltip" onclick="hideDetails();">(No information available)</div>
+
+    <script src="modernizr-custom.js"></script>
+    <script src="lib.min.js"></script>
   </body>
 </html>