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="http://bar.indexdata.dk/pazpar2/js/pz2.js"></script>
  12   <script type="text/javascript" src="example_client.js"></script>
  13  </head>
  14
  15  <body onload="domReady();">
  16
  17   <span class="jslink" onclick="switchView('recordview')">Records Browser</span>
  18   <span> | </span>
  19   <span class="jslink" onclick="switchView('targetview')">Targets Information</span>
  20
  21   <br/><br/>
  22
  23   <table id="heading" width="100%" border="0" cellpadding="6" cellspacing="0">
  24    <tr>
  25     <td width="250" height="100" align="center"><b>Pazpar2</b></td>
  26     <td>
  27      <form id="searchForm" name="search">
  28       <input id="query" type="text" size="50"/>
  29       <input id="button" type="submit" value="Search"/>
  30      </form>
  31     </td>
  32     <td>
  33      <img src="id.gif" align="right" />
  34     </td>
  35    </tr>
  36   </table>
  37
  38   <div id="recordview">
  39
  40    <table width="100%" border="0" cellpadding="6" cellspacing="0">
  41     <tr>
  42      <td width="250" valign="top">
  43       <div id="termlist"></div>
  44      </td>
  45      <td valign="top">
  46             <div id="sort">
  47       <form name="select">
  48        Sort by
  49        <select name="sort" id="sort">
  50         <option value="relevance" selected="selected">relevance</option>
  51         <option value="title:1">title</option>
  52         <option value="date:0">newest</option>
  53         <option value="date:1">oldest</option>
  54        </select>
  55        and show
  56        <select name="perpage" id="perpage">
  57         <option value="10" selected="selected">10</option>
  58         <option value="20">20</option>
  59         <option value="30">30</option>
  60         <option value="50">50</option>
  61        </select>
  62        per page.
  63       </form>
  64       </div>
  65       <div id="pager"></div>
  66       <div id="navi"></div>
  67       <div id="results"></div>
  68      </td>
  69     </tr>
  70    </table>
  71
  72    <br/>
  73    <hr/>
  74    <b>STATUS INFO:</b>
  75    <br/>
  76    <br/>
  77    <div id="stat"></div>
  78
  79   </div>
  80
  81   <div id="targetview" style="display: none">
  82
  83     <hr/>
  84     <b>TARGET INFO:</b>
  85     <hr/>
  86     <table id="bytarget"></table>
  87
  88   </div>
  89
  90  </body>
  91 </html>