Add the termlist divs, but invisible.

[pazpar2-moved-to-github.git] / www / iphone / index.html
diff --git a/www/iphone/index.html b/www/iphone/index.html

index ff2cf15..20f6265 100644 (file)
--- a/www/iphone/index.html
+++ b/www/iphone/index.html
@@ -6,12 +6,16 @@
   <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Pazpar2 demo client</title>
+  <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;"/>
+  <meta name="apple-mobile-web-app-capable" content="yes">
+<!-- 
    <meta id="viewport" name="viewport" content="width=320; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
+ -->  
    <script type="text/javascript" src="/pazpar2/js/pz2.js"></script>
    <script type="text/javascript" src="iphone.js" ></script>
    <script type="text/javascript" src="example_client.js"></script>
-  <link rel="stylesheet" href="/UiUIKIT/stylesheets/iphone.css" />
-  <link rel="apple-touch-icon" href="/UiUIKIT/stylesheets/images/apple-touch-icon.png" />
+  <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="domReady();">
@@ -24,7 +28,7 @@
         <p>Finally, check your personal firewall settings.</p>
      </noscript>
    </div>
-
+  
    <div id="switchmenu" style="display:none" >
     <a href="#" onclick="switchView('recordview')">Record Browser</a>
     <span> | </span>
@@ -40,22 +44,12 @@
       <td width="100%">
        <form id="searchForm" name="search">
         <input id="query" type="text" />
-<!--  
-       <input id="button" type="submit" value="Search" />
--->
+       <input id="button" type="submit" value="go" />
        </form>
       </td>
      </tr>
      <tr>
       <td  width="100%">
-         <div id="tabs>
-           <a href="javascript:showhide()"></a>
-           <a href="javascript:showhide('recordview')">Results</a>
-           <a href="javascript:showhide('xtargets')">Sources</a>
-           <a href="javascript:showhide('subjects')">Subjects</a>
-           <a href="javascript:showhide('authors')">Authors</a>
-        <a href="javascript:showhide('sort')">Sort</a>
-         </div>   
          </td>
       
  <!--
@@ -65,15 +59,25 @@
  -->
      </tr>
     </table>
+      <ul id="nav">
+            <!--   
+            <li><a href="javascript:showhide()"></a></li>
+            -->
+            <li><a href="javascript:showhide('recordview')">Results</a></li>
+            <li><a href="javascript:showhide('xtargets')">Sources</a></li>
+            <li><a href="javascript:showhide('subjects')">Subjects</a></li>
+            <li><a href="javascript:showhide('authors')">Authors</a></li>
+      </ul>
    </div>
      
-  <div id="termlist"></div>
+  <div id="termlist">
+      <div id="term_xtargets" style="display: none"></div>
+      <div id="term_subjects" style="display: none"></div>
+      <div id="term_authors" style="display: none"></div>
+  </div>
    
    <div id="recordview">
-   <table width="100%" border="0" cellpadding="6" cellspacing="0">
-   <tr>
-     <td valign="top">
-      <div id="ranking" style="display: none;">
+     <div id="ranking" style="display: none;">
         <form name="select">
          Sort by
          <select name="sort" id="sort">
@@ -97,9 +101,6 @@
        <h4>Results</h4>
        <ul id="results">
        </ul>
-     </td>
-    </tr>
-   </table>
    </div>
    
    <div id="targetview" style="display: none">
@@ -108,7 +109,7 @@
     </div>
    </div>
    
-  <div id="footer">
+  <div id="footer" style="display: none;" >
        <div id="stat"></div>
        <span>Copyright &copy; 1999-2010 by <a href="http://www.indexdata.com">Index Data</a></span> 
    </div>