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