experiments/spdemo/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="/pazpar2/js/pz2.js"></script>
  11   <script type="text/javascript" src="example_client.js"></script>
  12  </head>
  13
  14  <body onload="domReady();">
  15
  16   <div id="noscript">
  17     <noscript>
  18         <p>Your browser does not support or allow execution of scripts required by this site to work properly.</p>
  19         <p>If you run Internet Explorer 6+ or FireFox 2.0+ and see this message ensure the JavaScript is enabled in your browser.</p>
  20         <p>If you run Internet Explorer 7 add the site to the Trusted Sites group.</p>
  21         <p>Finally, check your personal firewall settings.</p>
  22     </noscript>
  23   </div>
  24
  25   <div id="switchmenu">
  26    <a href="#" onclick="switchView('recordview')">Record Browser</a>
  27    <span> | </span>
  28    <a href="#" onclick="switchView('targetview')">Target Info</a>
  29   </div>
  30
  31   <div id="heading">
  32    <table width="100%" border="0" cellpadding="6" cellspacing="0">
  33     <tr>
  34      <td width="250" height="100" align="center"><b>Pazpar2</b></td>
  35      <td>
  36       <form id="searchForm" name="search">
  37        <input id="query" type="text" size="50"/>
  38        <input id="button" type="submit" value="Search"/>
  39       </form>
  40      </td>
  41      <td>
  42       <a href="http://www.indexdata.com"><img border="0" title="IndexData home page" src="indexdata_logo.png" height="98" align="right" alt="" /></a>
  43      </td>
  44     </tr>
  45    </table>
  46   </div>
  47
  48   <div id="recordview">
  49    <table width="100%" border="0" cellpadding="6" cellspacing="0">
  50     <tr>
  51      <td width="250" valign="top">
  52       <div id="termlist"></div>
  53      </td>
  54      <td valign="top">
  55       <div id="ranking">
  56        <form name="select">
  57         Sort by
  58         <select name="sort" id="sort">
  59          <option value="relevance" selected="selected">relevance</option>
  60          <option value="title:1">title</option>
  61          <option value="date:0">newest</option>
  62          <option value="date:1">oldest</option>
  63         </select>
  64         and show
  65         <select name="perpage" id="perpage">
  66          <option value="10">10</option>
  67          <option value="20" selected="selected">20</option>
  68          <option value="30">30</option>
  69          <option value="50">50</option>
  70         </select>
  71         per page.
  72        </form>
  73       </div>
  74       <div id="pager"></div>
  75       <div id="navi"></div>
  76       <div id="results"></div>
  77      </td>
  78     </tr>
  79    </table>
  80   </div>
  81
  82   <div id="targetview" style="display: none">
  83    <div id="bytarget">
  84        No information available yet.
  85    </div>
  86   </div>
  87
  88   <div id="footer">
  89       <div id="stat"></div>
  90       <span>Copyright &copy; 1999-2010 by <a href="http://www.indexdata.com">Index Data</a></span>
  91   </div>
  92
  93  </body>
  94 </html>