Rename Search to go. Testing different viewport settings.
[pazpar2-moved-to-github.git] / www / iphone / 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   <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;"/>
10   <meta name="apple-mobile-web-app-capable" content="yes">
11 <!-- 
12   <meta id="viewport" name="viewport" content="width=320; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
13  -->  
14   <script type="text/javascript" src="/pazpar2/js/pz2.js"></script>
15   <script type="text/javascript" src="iphone.js" ></script>
16   <script type="text/javascript" src="example_client.js"></script>
17   <link rel="stylesheet" href="UiUIKIT/stylesheets/iphone.css" />
18   <link rel="apple-touch-icon" href="UiUIKIT/stylesheets/images/apple-touch-icon.png" />
19  </head>
20  
21  <body id="normal" onload="domReady();">
22     <div id="log" style="display: none;"></div>
23   <div id="noscript">
24     <noscript>
25         <p>Your browser does not support or allow execution of scripts required by this site to work properly.</p>
26         <p>If you run Internet Explorer 6+ or FireFox 2.0+ and see this message ensure the JavaScript is enabled in your browser.</p>
27         <p>If you run Internet Explorer 7 add the site to the Trusted Sites group.</p>
28         <p>Finally, check your personal firewall settings.</p>
29     </noscript>
30   </div>
31
32   <div id="switchmenu" style="display:none" >
33    <a href="#" onclick="switchView('recordview')">Record Browser</a>
34    <span> | </span>
35    <a href="#" onclick="switchView('targetview')">Target Info</a>
36   </div>
37  
38   <div id="heading">
39    <table width="100%" border="0" cellpadding="6" cellspacing="0">
40     <tr>
41 <!--
42      <td style="visibility:hidden;" height="100" align="center"><b>Pazpar2</b></td>
43 -->
44      <td width="100%">
45       <form id="searchForm" name="search">
46        <input id="query" type="text" />
47        <input id="button" type="submit" value="go" />
48       </form>
49      </td>
50     </tr>
51     <tr>
52      <td  width="100%">
53           <div id="tabs>
54             <a href="javascript:showhide()"></a>
55             <a href="javascript:showhide('recordview')">Results</a>
56             <a href="javascript:showhide('xtargets')">Sources</a>
57             <a href="javascript:showhide('subjects')">Subjects</a>
58             <a href="javascript:showhide('authors')">Authors</a>
59         <a href="javascript:showhide('sort')">Sort</a>
60           </div>   
61          </td>
62      
63 <!--
64      <td style="visibility:hidden;" >
65       <a href="http://www.indexdata.com"><img border="0" title="IndexData home page" src="indexdata_logo.png" height="98" align="right" alt="" /></a>
66      </td>
67 -->
68     </tr>
69    </table>
70   </div>
71     
72   <div id="termlist"></div>
73   
74   <div id="recordview">
75    <table width="100%" border="0" cellpadding="6" cellspacing="0">
76    <tr>
77      <td valign="top">
78       <div id="ranking" style="display: none;">
79        <form name="select">
80         Sort by
81         <select name="sort" id="sort">
82          <option value="relevance" selected="selected">relevance</option>
83          <option value="title:1">title</option>
84          <option value="date:0">newest</option>
85          <option value="date:1">oldest</option>
86         </select>
87         and show 
88         <select name="perpage" id="perpage">
89          <option value="10">10</option>
90          <option value="20">20</option>
91          <option value="30">30</option>
92          <option value="50" selected="selected">50</option>
93         </select>
94         per page.
95        </form>
96       </div>
97       <div id="pager" style="display: none;"></div>
98       <div id="navi"></div>
99       <h4>Results</h4>
100       <ul id="results">
101       </ul>
102      </td>
103     </tr>
104    </table>
105   </div>
106   
107   <div id="targetview" style="display: none">
108    <div id="bytarget">
109        No information available yet.
110    </div>
111   </div>
112   
113   <div id="footer">
114       <div id="stat"></div>
115       <span>Copyright &copy; 1999-2010 by <a href="http://www.indexdata.com">Index Data</a></span> 
116   </div>
117  </body>
118 </html>