-<!-- $Id: index.html,v 1.2 2007-06-22 10:54:59 adam Exp $ -->
-
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html>
+<html xmlns="http://www.w3.org/1999/xhtml">
<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>
+ <title>Pazpar2 demo client</title>
+ <link rel="stylesheet" href="styles.css"></link>
<script type="text/javascript" src="/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>
+ <div id="noscript">
+ <noscript>
+ <p>Your browser does not support or allow execution of scripts required by this site to work properly.</p>
+ <p>If you run Internet Explorer 6+ or FireFox 2.0+ and see this message ensure the JavaScript is enabled in your browser.</p>
+ <p>If you run Internet Explorer 7 add the site to the Trusted Sites group.</p>
+ <p>Finally, check your personal firewall settings.</p>
+ </noscript>
+ </div>
- <br/><br/>
-
- <table id="heading" width="100%" border="0" cellpadding="6" cellspacing="0">
- <tr>
- <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>
- </tr>
- </table>
+ <div id="switchmenu">
+ <a href="#" onclick="switchView('recordview')">Record Browser</a>
+ <span> | </span>
+ <a href="#" onclick="switchView('targetview')">Target Info</a>
+ </div>
+
+ <div id="heading">
+ <table width="100%" border="0" cellpadding="6" cellspacing="0">
+ <tr>
+ <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>
+ <a href="http://www.indexdata.com"><img border="0" title="IndexData home page" src="indexdata_logo.png" height="98" align="right" alt="" /></a>
+ </td>
+ </tr>
+ </table>
+ </div>
<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="ranking">
+ <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">10</option>
+ <option value="20" selected="selected">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>
-
+ <div id="bytarget">
+ No information available yet.
+ </div>
+ </div>
+
+ <div id="footer">
+ <div id="stat"></div>
+ <span>Copyright © 1999-2010 by <a href="http://www.indexdata.com">Index Data</a></span>
</div>
</body>