www/jsdemo/index.html

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