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