Add <noscript/> test
[pazpar2-moved-to-github.git] / www / jsdemo / index.html
index 7f28637..b468688 100644 (file)
@@ -1,66 +1,74 @@
-<!-- $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>
+<html xmlns="http://www.w3.org/1999/xhtml">
  
  <head>
   <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="/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>
-    <td>
-     <img src="id.gif" align="right" />
-    </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="id.gif" 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="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 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>
      </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 &copy; 1999-2008 by <a href="http://www.indexdata.com">IndexData</a></span> 
   </div>
 
  </body>