Fix the double 60% on field list with links. Remove the vertical-align since it works...
[pazpar2-moved-to-github.git] / www / iphone / index.html
index 5aff513..e1e905e 100644 (file)
 <!-- 
   <meta id="viewport" name="viewport" content="width=320; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
  -->  
-
        <script type="text/javascript" src="/mk2-ui-core/js/ui_bootstrap.js"></script>
        <script type="text/javascript" src="/mk2-ui-core/js/state.js"></script>
+       <script type="text/javascript" src="/mk2-ui-core/js/images.js"></script>
        <script type="text/javascript" src="/mk2-ui-core/js/recipe.js"></script>
        <script type="text/javascript" src="/mk2-ui-core/js/snippet.js"></script>
        <script type="text/javascript" src="/mk2-ui-core/js/auth.js"></script>        
        <script type="text/javascript" src="/mk2-ui-core/js/torus.js"></script>
+       <script type="text/javascript" src="/mk2-ui-core/js/helper.js"></script>
 <!--
         <script type="text/javascript" src="/mk2-ui-core/js/client.js"></script>
 -->
     <script type="text/javascript" src="iphone.js" ></script>
     <script type="text/javascript" src="/pazpar2/js/pz2.js"></script>
     <script type="text/javascript" src="example_client.js"></script>
+    <link rel="stylesheet" href="mobile.css" />
     <link rel="stylesheet" href="UiUIKit/stylesheets/iphone.css" />
     <link rel="apple-touch-icon" href="UiUIKit/stylesheets/images/apple-touch-icon.png" />
  </head>
  
- <body id="normal" onload="auth_check();">
-    <div id="log" style="display: none;"></div>
+ <body id="normal" onload="auth_check();" style="display: inline; visibility:;">
+    <div id="log" name="log" style="Display:None;"></div>
   <div id="noscript">
     <noscript>
        <p>Your browser does not support or allow execution of scripts required by this site to work properly.</p>
    <span> | </span>
    <a href="#" onclick="switchView('targetview')">Target Info</a>
   </div>
+
   <div id="heading">
-   <table width="100%" border="0" cellpadding="6" cellspacing="0">
+   <table width="100%" border="0" cellpadding="0" cellspacing="0">
     <tr>
 <!--
      <td style="visibility:hidden;" height="100" align="center"><b>Pazpar2</b></td>
 -->
      <td width="100%">
       <form id="searchForm" name="search" style="display: none">
-       <input id="query" type="text" />
-       <input id="button" type="submit" value="go" />
+       <input id="query" type="text" onKeyPress="return handleKeyPress(event)" />
+       <input id="button" type="submit" value="go" /><a id="hidden" href="" ></a>
+       <div id="loading" style="display: none;">
+        <img class="inline" src="gfx/progress.gif" height="14" />
+       </div>
       </form>
      </td>
     </tr>
@@ -71,7 +76,7 @@
 -->
     </tr>
    </table>
-      <ul id="nav">
+      <ul id="nav" style="display: none;" >
             <!--   
             <li><a href="javascript:showhide()"></a></li>
             -->
@@ -82,8 +87,7 @@
             <li><a href="#" onclick="logInOrOut(); return 0;" id="login">Login</a></li>
       </ul>
   </div>
-    
-  <div id="termlist">
+  <div id="termlist" style="display: none" >
       <div id="term_xtargets" style="display: none"></div>
       <div id="term_subjects" style="display: none"></div>
       <div id="term_authors" style="display: none"></div>
         </select>
         and show 
         <select name="perpage" id="perpage">
-         <option value="10">10</option>
+         <option value="5">5</option>
+         <option value="5" selected="selected">10</option>
          <option value="20">20</option>
          <option value="30">30</option>
-         <option value="50" selected="selected">50</option>
+         <option value="50">50</option>
         </select>
         per page.
        </form>
       </div>
-      <div id="pager" style="display: none;"></div>
-      <h4>Results by Masterkey</h4>
+      <h4>Results by MasterKey</h4>
+      <ul id="results"></ul>
       <img id="logo" src="IndexData_MK_logo.png"/>
-      <ul id="results">
-      </ul>
+      <div id="pager" style="display: block;"></div>
+  </div>
+  <div id="detailview" style="display:none">
+      <h4>Detailed view</h4>
+    <div id="detailrecord">meh</div> 
   </div>
-  
   <div id="targetview" style="display: none">
    <div id="bytarget">
        No information available yet.