experiments/spclient/index.html

   1 <?xml version="1.0"?>
   2 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
   3 <html xmlns="http://www.w3.org/1999/xhtml">
   4   <head>
   5     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
   6     <title>Pazpar2 demo client</title>
   7     <link rel="stylesheet" href="styles.css" />
   8     <script type="text/javascript" src="http://code.jquery.com/jquery-1.10.0.min.js"></script>
   9     <script type="text/javascript" src="/libjs-pz2/pz2api.1.js"></script>
  10     <script type="text/javascript" src="mkws.js"></script>
  11   </head>
  12   <body>
  13     <noscript>
  14       <p>Searching will not work if JavaScript is disabled.</p>
  15     </noscript>
  16     <div id="switchmenu">
  17       <a href="#" onclick="switchView('recordview')">Record Browser</a>
  18       <span> | </span>
  19       <a href="#" onclick="switchView('targetview')">Target Info</a>
  20     </div>
  21     <div id="heading">
  22       <table width="100%" border="0" cellpadding="6" cellspacing="0">
  23         <tr>
  24           <td width="250" height="100" align="center">
  25             <b>Pazpar2</b>
  26           </td>
  27           <td>
  28             <form id="searchForm" name="search">
  29               <input id="query" type="text" size="50" />
  30               <input id="button" type="submit" value="Search" />
  31             </form>
  32           </td>
  33           <td>
  34             <a href="http://www.indexdata.com">
  35               <img border="0" title="IndexData home page" src="indexdata_logo.png" height="98" align="right" alt="" />
  36             </a>
  37           </td>
  38         </tr>
  39       </table>
  40     </div>
  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="ranking">
  49               <form name="select" id="select">
  50         Sort by
  51         <select name="sort" id="sort"><option value="relevance" selected="selected">relevance</option><option value="title:1">title</option><option value="date:0">newest</option><option value="date:1">oldest</option></select>
  52         and show
  53         <select name="perpage" id="perpage"><option value="10">10</option><option value="20" selected="selected">20</option><option value="30">30</option><option value="50">50</option></select>
  54         per page.
  55        </form>
  56             </div>
  57             <div id="pager"></div>
  58             <div id="navi"></div>
  59             <div id="results"></div>
  60           </td>
  61         </tr>
  62       </table>
  63     </div>
  64     <div id="targetview" style="display: none">
  65       <div id="bytarget">
  66        No information available yet.
  67       </div>
  68     </div>
  69     <div id="footer">
  70       <div id="stat"></div>
  71       <span>Copyright &#xA9; 1999-2013 by <a href="http://www.indexdata.com">Index Data</a></span>
  72     </div>
  73   </body>
  74 </html>