www/jsdemo/index.html

   1 <!-- $Id: index.html,v 1.3 2007-07-18 16:44:15 jakub Exp $ -->
   2
   3 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
   4 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
   5
   6 <html>
   7
   8  <head>
   9   <title>Pazpar2 demo client</title>
  10   <link rel="stylesheet" href="styles.css"></link>
  11   <script type="text/javascript" src="/pazpar2/js/pz2.js"></script>
  12   <script type="text/javascript" src="example_client.js"></script>
  13  </head>
  14
  15  <body onload="domReady();">
  16
  17   <div id="switchmenu">
  18    <a href="#" onclick="switchView('recordview')">Record Browser</a>
  19    <span> | </span>
  20    <a href="#" onclick="switchView('targetview')">Target Info</a>
  21   </div>
  22
  23   <div id="heading">
  24    <hr/>
  25    <table width="100%" border="0" cellpadding="6" cellspacing="0">
  26     <tr>
  27      <td width="250" height="100" align="center"><b>PAZPAR2</b></td>
  28      <td>
  29       <form id="searchForm" name="search">
  30        <input id="query" type="text" size="50"/>
  31        <input id="button" type="submit" value="Search"/>
  32       </form>
  33      </td>
  34      <td>
  35       <img src="id.gif" align="right" />
  36      </td>
  37     </tr>
  38    </table>
  39   </div>
  40
  41   <div id="recordview">
  42    <table width="100%" border="0" cellpadding="6" cellspacing="0">
  43     <tr>
  44      <td width="250" valign="top">
  45       <div id="termlist"></div>
  46      </td>
  47      <td valign="top">
  48       <div id="sort">
  49        <form name="select">
  50         Sort by
  51         <select name="sort" id="sort">
  52          <option value="relevance" selected="selected">relevance</option>
  53          <option value="title:1">title</option>
  54          <option value="date:0">newest</option>
  55          <option value="date:1">oldest</option>
  56         </select>
  57         and show
  58         <select name="perpage" id="perpage">
  59          <option value="10">10</option>
  60          <option value="20" selected="selected">20</option>
  61          <option value="30">30</option>
  62          <option value="50">50</option>
  63         </select>
  64         per page.
  65        </form>
  66       </div>
  67       <div id="pager"></div>
  68       <div id="navi"></div>
  69       <div id="results"></div>
  70      </td>
  71     </tr>
  72    </table>
  73    <hr/>
  74   </div>
  75
  76   <div id="targetview" style="display: none">
  77    <div id="bytarget">
  78        No information available yet.
  79    </div>
  80    <hr/>
  81   </div>
  82
  83   <div id="footer">
  84       <div id="stat"></div>
  85       <span>Copyright &copy; 1999-2008 by IndexData</span>
  86   </div>
  87
  88  </body>
  89 </html>