Testing 5 per page. Include mobile.css. Put loading in own div. Prob. not needed.

diff --git a/www/iphone/index.html b/www/iphone/index.html
index dac136f..e1e905e 100644 (file)
--- a/www/iphone/index.html
+++ b/www/iphone/index.html
@@ -27,6 +27,7 @@
     <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>
@@ -47,6 +48,7 @@
    <span> | </span>
    <a href="#" onclick="switchView('targetview')">Target Info</a>
   </div>
+
   <div id="heading">
    <table width="100%" border="0" cellpadding="0" cellspacing="0">
     <tr>
@@ -56,7 +58,10 @@
      <td width="100%">
       <form id="searchForm" name="search" style="display: none">
        <input id="query" type="text" onKeyPress="return handleKeyPress(event)" />
-       <input id="button" type="submit" value="go" /><img id="loading" class="inline" src="gfx/progress.gif" height="14" /><a id="hidden" href=""></a>
+       <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>
@@ -82,7 +87,6 @@
             <li><a href="#" onclick="logInOrOut(); return 0;" id="login">Login</a></li>
       </ul>
   </div>
-    
   <div id="termlist" style="display: none" >
       <div id="term_xtargets" style="display: none"></div>
       <div id="term_subjects" style="display: none"></div>
@@ -133,11 +137,11 @@
         </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">50</option>
-         <option value="100" selected="selected">100</option>
         </select>
         per page.
        </form>
@@ -148,10 +152,7 @@
       <div id="pager" style="display: block;"></div>
   </div>
   <div id="detailview" style="display:none">
-    <div id="header">
-      <h1>Detailed view</h1>
-      <a href="#" onclick="showhide('recordview', 10)" id="backButton">Back</a>
-    </div>
+      <h4>Detailed view</h4>
     <div id="detailrecord">meh</div> 
   </div>
   <div id="targetview" style="display: none">