projects / pazpar2-moved-to-github.git / blobdiff
? search:
summary | shortlog | log | commit | commitdiff | tree
raw | inline | side by side
Creating symlinks for the pz2.js during the configure process
[pazpar2-moved-to-github.git] / www / example / index.html
diff --git a/www/example/index.html b/www/example/index.html
index 789f7b3..66bffb3 100644 (file)
--- a/www/example/index.html
+++ b/www/example/index.html
@@ -1,4 +1,4 @@
-<!-- $Id: index.html,v 1.3 2007-05-18 15:16:18 jakub Exp $ -->
+<!-- $Id: index.html,v 1.4 2007-05-18 17:16:05 jakub Exp $ -->
 
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
@@ -25,7 +25,19 @@
         height: 1px;
     }
 
-    .heading {
+    thead {
+        font-weight: bold;
+    }
+
+    .jslink {
+        cursor: pointer;
+    }
+
+    .jslink:hover {
+        text-decoration: underline;
+    }
+
+    #heading {
         background-color: #ff8c71;
         border-color: #ff8c71;
         color: #ffffff;
@@ -50,6 +62,11 @@
         font-size: 12px;
     }
 
+    div.termtitle {
+        margin: 4px;
+        font-weight: bold;
+    }
+
     div.record {
         padding: 5px;
     }
@@ -60,50 +77,65 @@
         margin: 4px;
     }
 
+    #targetview {
+        padding: 6px;
+    }
+
   </style>
   <script type="text/javascript" src="pz2.js"></script>
   <script type="text/javascript" src="example_client.js"></script>
  </head>
  
  <body onload="domReady();">
+
+  <span class="jslink" onclick="switchView('recordview')">Records Browser</span>
+  <span> | </span>
+  <span class="jslink" onclick="switchView('targetview')">Targets Information</span>
+
+  <br/><br/>
   
-  <table width="100%" border="0" cellpadding="6" cellspacing="0">
+  <table id="heading" width="100%" border="0" cellpadding="6" cellspacing="0">
+   <tr>
+    <td width="250" height="100" align="center"><b>PazPar2</b></td>
+    <td>
+     <form id="searchForm" name="search">
+      <input id="query" type="text" size="50"/>
+      <input id="button" type="submit" value="Search"/>
+     </form>
+    </td>
+   </tr>
+  </table>
   
-  <tr class="heading">
-   <td width="250" height="100" align="center"><b>PazPar2</b></td>
-   <td>
-    <form id="searchForm" name="search">
-     <input id="query" type="text" size="50"/>
-     <input id="button" type="submit" value="Search"/>
-    </form>
-   </td>
-  </tr>
+  <div id="recordview">
+
+   <table width="100%" border="0" cellpadding="6" cellspacing="0">
+    <tr>
+     <td width="250" valign="top">
+      <div id="termlist"></div>
+     </td>
+     <td valign="top">
+      <div id="body"></div>
+     </td>
+    </tr>
+   </table>
+
+   <br/>
+   <hr/>
+   <b>STATUS INFO:</b>
+   <br/>
+   <br/>
+   <div id="stat"></div>
   
-  <tr>
-   <td width="250" valign="top">
-     <div id="termlist"></div>
-   </td>
-   <td valign="top">
-    <div id="body"></div>
-   </td>
-  </tr>
+  </div>
   
-  </table>
+  <div id="targetview" style="display: none">
 
-  <hr/>
-  
-  <b>STATUS INFO:</b>
-  <br/>
-  <br/>
-  <div id="stat"></div>
- 
-  <br/>
-  <hr/>
- 
-  <b>TARGET INFO:</b>
-  <br/>
-  <br/>
-  <table id="bytarget"></table>
+    <hr/>
+    <b>TARGET INFO:</b>
+    <hr/>
+    <table id="bytarget"></table>
+
+  </div>
 
  </body>
 </html>
Metasearcher