www/example/index.html

   1 <!-- $Id: index.html,v 1.3 2007-05-18 15:16:18 jakub Exp $ -->
   2
   3 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
   4 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
   5
   6 <html>
   7
   8  <head>
   9   <title>Exemplary pazpar2 client [using pz2.js]</title>
  10   <style type="text/css">
  11
  12     html {
  13         overflow-y: scroll;
  14     }
  15
  16     body {
  17         font-family: tahoma, arial, sans-serif;
  18         font-size: small;
  19     }
  20
  21     hr {
  22         border: 0;
  23         color: gray;
  24         background-color: gray;
  25         height: 1px;
  26     }
  27
  28     .heading {
  29         background-color: #ff8c71;
  30         border-color: #ff8c71;
  31         color: #ffffff;
  32         font-size: large;
  33     }
  34
  35     input#button {
  36         border: 3px groove #3171f2;
  37         background-color: #6b9bfd;
  38         padding: 1px;
  39         width: 5em;
  40         color: #FFFFFF;
  41         font-weight: bold;
  42         font-size: 12px;
  43         margin-left: 8px;
  44         cursor: pointer;
  45     }
  46
  47     input#query {
  48         border: 2px inset #ff613c;
  49         padding: 3px;
  50         font-size: 12px;
  51     }
  52
  53     div.record {
  54         padding: 5px;
  55     }
  56
  57     div.details {
  58         border: 3px dashed gray;
  59         padding: 5px;
  60         margin: 4px;
  61     }
  62
  63   </style>
  64   <script type="text/javascript" src="pz2.js"></script>
  65   <script type="text/javascript" src="example_client.js"></script>
  66  </head>
  67
  68  <body onload="domReady();">
  69
  70   <table width="100%" border="0" cellpadding="6" cellspacing="0">
  71
  72   <tr class="heading">
  73    <td width="250" height="100" align="center"><b>PazPar2</b></td>
  74    <td>
  75     <form id="searchForm" name="search">
  76      <input id="query" type="text" size="50"/>
  77      <input id="button" type="submit" value="Search"/>
  78     </form>
  79    </td>
  80   </tr>
  81
  82   <tr>
  83    <td width="250" valign="top">
  84      <div id="termlist"></div>
  85    </td>
  86    <td valign="top">
  87     <div id="body"></div>
  88    </td>
  89   </tr>
  90
  91   </table>
  92
  93   <hr/>
  94
  95   <b>STATUS INFO:</b>
  96   <br/>
  97   <br/>
  98   <div id="stat"></div>
  99
 100   <br/>
 101   <hr/>
 102
 103   <b>TARGET INFO:</b>
 104   <br/>
 105   <br/>
 106   <table id="bytarget"></table>
 107
 108  </body>
 109 </html>