-<!-- $Id: index.html,v 1.1 2007-06-21 09:44:17 adam Exp $ -->
+<!-- $Id: index.html,v 1.3 2007-07-18 16:44:15 jakub Exp $ -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
- <title>Exemplary pazpar2 client [using pz2.js]</title>
- <style type="text/css">
-
- html {
- overflow-y: scroll;
- }
-
- body {
- font-family: tahoma, arial, sans-serif;
- font-size: small;
- }
-
- hr {
- border: 0;
- color: gray;
- background-color: gray;
- height: 1px;
- }
-
- thead {
- font-weight: bold;
- }
-
- .jslink {
- cursor: pointer;
- }
-
- .jslink:hover {
- text-decoration: underline;
- }
-
- #heading {
- background-color: #ff8c71;
- border-color: #ff8c71;
- color: #ffffff;
- font-size: large;
- }
-
- input#button {
- border: 3px groove #3171f2;
- background-color: #6b9bfd;
- padding: 1px;
- width: 5em;
- color: #FFFFFF;
- font-weight: bold;
- font-size: 12px;
- margin-left: 8px;
- cursor: pointer;
- }
-
- input#query {
- border: 2px inset #ff613c;
- padding: 3px;
- font-size: 12px;
- }
-
- div.termtitle {
- margin: 4px;
- font-weight: bold;
- }
-
- div.record {
- padding: 5px;
- }
-
- div.details {
- border: 3px dashed gray;
- padding: 5px;
- margin: 4px;
- }
-
- #targetview {
- padding: 6px;
- }
-
- </style>
- <script type="text/javascript" src="/pazpar2/js/pz2.js"></script>
+ <title>Pazpar2 demo client</title>
+ <link rel="stylesheet" href="styles.css"></link>
+ <script type="text/javascript" src="http://bar.indexdata.dk/pazpar2/js/pz2.js"></script>
<script type="text/javascript" src="example_client.js"></script>
</head>
<body onload="domReady();">
-
- <span class="jslink" onclick="switchView('recordview')">Records Browser</span>
- <span> | </span>
- <span class="jslink" onclick="switchView('targetview')">Targets Information</span>
-
- <br/><br/>
+ <div id="switchmenu">
+ <a href="#" onclick="switchView('recordview')">Record Browser</a>
+ <span> | </span>
+ <a href="#" onclick="switchView('targetview')">Target Info</a>
+ </div>
<table id="heading" width="100%" border="0" cellpadding="6" cellspacing="0">
<tr>
- <td width="250" height="100" align="center"><b>PazPar2</b></td>
+ <td width="250" height="100" align="center"><b>Pazpar2</b></td>
<td>
<form id="searchForm" name="search">
<input id="query" type="text" size="50"/>
<input id="button" type="submit" value="Search"/>
</form>
</td>
+ <td>
+ <img src="id.gif" align="right" />
+ </td>
</tr>
</table>
<div id="recordview">
-
<table width="100%" border="0" cellpadding="6" cellspacing="0">
<tr>
<td width="250" valign="top">
<div id="termlist"></div>
</td>
<td valign="top">
- <div id="body"></div>
+ <div id="sort">
+ <form name="select">
+ Sort by
+ <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>
+ and show
+ <select name="perpage" id="perpage">
+ <option value="10" selected="selected">10</option>
+ <option value="20">20</option>
+ <option value="30">30</option>
+ <option value="50">50</option>
+ </select>
+ per page.
+ </form>
+ </div>
+ <div id="pager"></div>
+ <div id="navi"></div>
+ <div id="results"></div>
</td>
</tr>
</table>
-
- <br/>
<hr/>
- <b>STATUS INFO:</b>
- <br/>
- <br/>
- <div id="stat"></div>
-
</div>
<div id="targetview" style="display: none">
-
- <hr/>
- <b>TARGET INFO:</b>
- <hr/>
- <table id="bytarget"></table>
-
+ <table id="bytarget">
+ <thead><tr><td>No information available yet.</td></tr></thead>
+ </table>
+ <hr/>
</div>
+ <br/>
+ <br/>
+
+ <div id="stat"></div>
+
</body>
</html>
projects / pazpar2-moved-to-github.git / blobdiff