projects / pazpar2-moved-to-github.git / commitdiff
? search:
summary | shortlog | log | commit | commitdiff | tree
raw | patch | inline | side by side (parent: ff1772a)
IE issues cont.
authorJakub Skoczen <jakub@indexdata.dk>
Fri, 20 Jun 2008 11:42:22 +0000 (13:42 +0200)
committerJakub Skoczen <jakub@indexdata.dk>
Fri, 20 Jun 2008 11:42:22 +0000 (13:42 +0200)
www/jsdemo/example_client.js patch | blob | history
www/jsdemo/index.html patch | blob | history
www/jsdemo/styles.css patch | blob | history

diff --git a/www/jsdemo/example_client.js b/www/jsdemo/example_client.js
index 6c68437..6233537 100644 (file)
--- a/www/jsdemo/example_client.js
+++ b/www/jsdemo/example_client.js
@@ -5,7 +5,7 @@
 // create a parameters array and pass it to the pz2's constructor
 // then register the form submit event with the pz2.search function
 // autoInit is set to true on default
-var usesessions = false;
+var usesessions = true;
 var pazpar2path = '/pazpar2/search.pz2';
 if (document.location.hash == '#nosessions') {
     usesessions = false;
@@ -80,10 +80,11 @@ function my_onshow(data) {
 
 function my_onstat(data) {
     var stat = document.getElementById("stat");
-    stat.innerHTML = '<span> -STATUS INFO- : <span>Active clients: '+ data.activeclients
-                        + '/' + data.clients + ' | </span>'
+    stat.innerHTML = '<b> .:STATUS INFO</b> -- Active clients: '
+                        + data.activeclients
+                        + '/' + data.clients + ' -- </span>'
                         + '<span>Retrieved records: ' + data.records
-                        + '/' + data.hits + '</span>';
+                        + '/' + data.hits + ' :.</span>';
 }
 
 function my_onterm(data) {
diff --git a/www/jsdemo/index.html b/www/jsdemo/index.html
index 67fecdc..fb69c23 100644 (file)
--- a/www/jsdemo/index.html
+++ b/www/jsdemo/index.html
@@ -8,31 +8,35 @@
  <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();">
+
   <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>
-     <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="heading">
+   <hr/>
+   <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>
+      <img src="id.gif" align="right" />
+     </td>
+    </tr>
+   </table>
+  </div>
   
   <div id="recordview">
    <table width="100%" border="0" cellpadding="6" cellspacing="0">
@@ -41,24 +45,24 @@
       <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="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">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>
@@ -75,11 +79,11 @@
    </table>
    <hr/>
   </div>
-
-  <br/>
-  <br/>
   
-  <div id="stat"></div>
+  <div id="footer">
+      <div id="stat"></div>
+      <span>Copyright &copy; 1999-2008 by IndexData</span> 
+  </div>
 
  </body>
 </html>
diff --git a/www/jsdemo/styles.css b/www/jsdemo/styles.css
index 7749e2f..6fb4652 100644 (file)
--- a/www/jsdemo/styles.css
+++ b/www/jsdemo/styles.css
@@ -5,6 +5,7 @@ html {
 body {
     font-family: tahoma, arial, sans-serif;
     font-size: small;
+    color: #156a16;
 }
 
 hr {
@@ -19,7 +20,7 @@ thead {
 }
 
 a {
-    color: black;
+    color: #005701; 
     text-decoration: none;
 }
 
@@ -45,8 +46,8 @@ a.crossout:hover {
 }
 
 input#button {
-    border: 3px groove #3171f2;
-    background-color: #6b9bfd;
+    border: 3px outset #132194;
+    background-color: #132194;
     padding: 2px;
     width: 6em;
     color: #FFFFFF;
@@ -78,12 +79,9 @@ div.details {
     margin: 4px;
 }
 
-#bytarget {
-    padding: 7px;
-}
-
-#stat {
-    color: #a3c896;
+#switchmenu {
+    padding-bottom: 4px;
+    text-align: right;
 }
 
 #recordview {
@@ -93,3 +91,16 @@ div.details {
 #targetview {
     background-color: #e0f9d6;
 }
+
+#bytarget {
+    padding: 7px;
+}
+
+#footer {
+    color: #74c775;
+    text-align: center;
+}
+
+#stat {
+    font-weight: bold;
+}
Metasearcher