www/jsdemo/index.html

   1 <!-- $Id: index.html,v 1.3 2007-07-18 16:44:15 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>Pazpar2 demo client</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     thead {
  29         font-weight: bold;
  30     }
  31
  32     .jslink {
  33         cursor: pointer;
  34     }
  35
  36     .jslink:hover {
  37         text-decoration: underline;
  38     }
  39
  40     #heading {
  41         background-color: #34cc67;
  42         border-color: #34cc67;
  43         color: #ffffff;
  44         font-size: large;
  45     }
  46
  47     input#button {
  48         border: 3px groove #3171f2;
  49         background-color: #6b9bfd;
  50         padding: 2px;
  51         width: 6em;
  52         color: #FFFFFF;
  53         font-weight: bold;
  54         text-transform: uppercase;
  55         font-size: 10px;
  56         margin-left: 8px;
  57         cursor: pointer;
  58     }
  59
  60     input#query {
  61         border: 2px inset #34cc67;
  62         padding: 3px;
  63         font-size: 12px;
  64     }
  65
  66     div.termtitle {
  67         margin: 4px;
  68         font-weight: bold;
  69     }
  70
  71     div.record {
  72         padding: 5px;
  73     }
  74
  75     div.details {
  76         border: 3px dashed gray;
  77         padding: 5px;
  78         margin: 4px;
  79     }
  80
  81     #targetview {
  82         padding: 6px;
  83     }
  84
  85   </style>
  86   <script type="text/javascript" src="/pazpar2/js/pz2.js"></script>
  87   <script type="text/javascript" src="example_client.js"></script>
  88  </head>
  89
  90  <body onload="domReady();">
  91
  92   <span class="jslink" onclick="switchView('recordview')">Records Browser</span>
  93   <span> | </span>
  94   <span class="jslink" onclick="switchView('targetview')">Targets Information</span>
  95
  96   <br/><br/>
  97
  98   <table id="heading" width="100%" border="0" cellpadding="6" cellspacing="0">
  99    <tr>
 100     <td width="250" height="100" align="center"><b>Pazpar2</b></td>
 101     <td>
 102      <form id="searchForm" name="search">
 103       <input id="query" type="text" size="50"/>
 104       <input id="button" type="submit" value="Search"/>
 105      </form>
 106     </td>
 107     <td>
 108      <img src="id.gif" align="right" />
 109     </td>
 110    </tr>
 111   </table>
 112
 113   <div id="recordview">
 114
 115    <table width="100%" border="0" cellpadding="6" cellspacing="0">
 116     <tr>
 117      <td width="250" valign="top">
 118       <div id="termlist"></div>
 119      </td>
 120      <td valign="top">
 121       <div id="body"></div>
 122      </td>
 123     </tr>
 124    </table>
 125
 126    <br/>
 127    <hr/>
 128    <b>STATUS INFO:</b>
 129    <br/>
 130    <br/>
 131    <div id="stat"></div>
 132
 133   </div>
 134
 135   <div id="targetview" style="display: none">
 136
 137     <hr/>
 138     <b>TARGET INFO:</b>
 139     <hr/>
 140     <table id="bytarget"></table>
 141
 142   </div>
 143
 144  </body>
 145 </html>