experiments/spclient/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   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
   8   <title>Pazpar2 demo client</title>
   9   <link rel="stylesheet" href="styles.css"></link>
  10   <script type="text/javascript" src="http://code.jquery.com/jquery-1.10.0.min.js"></script>
  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>
  16    <noscript>
  17      <p>Searching will not work if JavaScript is disabled.</p>
  18    </noscript>
  19
  20   <div id="switchmenu">
  21    <a href="#" onclick="switchView('recordview')">Record Browser</a>
  22    <span> | </span>
  23    <a href="#" onclick="switchView('targetview')">Target Info</a>
  24   </div>
  25
  26   <div id="heading">
  27    <table width="100%" border="0" cellpadding="6" cellspacing="0">
  28     <tr>
  29      <td width="250" height="100" align="center"><b>Pazpar2</b></td>
  30      <td>
  31       <form id="searchForm" name="search">
  32        <input id="query" type="text" size="50"/>
  33        <input id="button" type="submit" value="Search"/>
  34       </form>
  35      </td>
  36      <td>
  37       <a href="http://www.indexdata.com"><img border="0" title="IndexData home page" src="indexdata_logo.png" height="98" align="right" alt="" /></a>
  38      </td>
  39     </tr>
  40    </table>
  41   </div>
  42
  43   <div id="recordview">
  44    <table width="100%" border="0" cellpadding="6" cellspacing="0">
  45     <tr>
  46      <td width="250" valign="top">
  47       <div id="termlist"></div>
  48      </td>
  49      <td valign="top">
  50       <div id="ranking">
  51        <form name="select">
  52         Sort by
  53         <select name="sort" id="sort">
  54          <option value="relevance" selected="selected">relevance</option>
  55          <option value="title:1">title</option>
  56          <option value="date:0">newest</option>
  57          <option value="date:1">oldest</option>
  58         </select>
  59         and show
  60         <select name="perpage" id="perpage">
  61          <option value="10">10</option>
  62          <option value="20" selected="selected">20</option>
  63          <option value="30">30</option>
  64          <option value="50">50</option>
  65         </select>
  66         per page.
  67        </form>
  68       </div>
  69       <div id="pager"></div>
  70       <div id="navi"></div>
  71       <div id="results"></div>
  72      </td>
  73     </tr>
  74    </table>
  75   </div>
  76
  77   <div id="targetview" style="display: none">
  78    <div id="bytarget">
  79        No information available yet.
  80    </div>
  81   </div>
  82
  83   <div id="footer">
  84       <div id="stat"></div>
  85       <span>Copyright &#xa9; 1999-2013 by <a href="http://www.indexdata.com">Index Data</a></span>
  86   </div>
  87
  88  </body>
  89 </html>