New file, mike.html -- local version of popup.html
[mkws-moved-to-github.git] / examples / htdocs / mike.html
index fba5db6..3879907 100644 (file)
@@ -1,94 +1,81 @@
-<?xml version="1.0"?>
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
+<html>
   <head>
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-    <meta name="copyright" content="(c) 1999-2013 IndexData ApS, http://indexdata.com" />
-    <title>MKWS demo: Mike's playground</title>
-    <link rel="stylesheet" type="text/css" href="http://mkws-git.indexdata.com/mkws.css" />
+    <title>MKWS demo: popup search box</title>
+
+    <link rel="stylesheet" type="text/css" href="//code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
+    <link rel="stylesheet" type="text/css" href="//x.mkws.indexdata.com/mkws.css" />
+
     <script type="text/javascript">
-       var mkws_config = {
-       language_Klingon: {}
-       };
+      mkws_config = {
+       show_lang: false,
+       perpage_default: 10,
+       query_width: 50,
+        service_proxy_auth: "http://mkws.indexdata.com/service-proxy-auth"
+     };
     </script>
-    <script type="text/javascript" src="http://code.jquery.com/jquery-1.10.0.min.js"></script>
-    <script type="text/javascript" src="http://mkws-git.indexdata.com/libjs-pz2/pz2api.1.js"></script>
-    <script type="text/javascript" src="http://mkws-git.indexdata.com/mkws.js"></script>
-    <style type="text/css">
-      #mkwsTermlists div.facet {
-      float:left;
-      width: 30%;
-      margin: 0.3em;
-      }
-      #mkwsStat {
-      text-align: right;
-      }
-    </style>
-  </head>
-  <body>
-    <table width="100%" border="0">
-      <tr>
-        <td>
-          <div id="mkwsSwitch"></div>
-          <div id="mkwsLang"></div>
-          <div id="mkwsSearch"></div>
-        </td>
-      </tr>
-      <tr>
-        <td>
-          <div style="height:500px; overflow: auto">
-            <div id="mkwsPager"></div>
-            <div id="mkwsNavi"></div>
-            <div id="mkwsRecords"></div>
-            <div id="mkwsTargets"></div>
-            <div id="mkwsRanking"></div>
-          </div>
-        </td>
-      </tr>
-      <tr>
-        <td>
-          <div style="height:300px; overflow: hidden">
-            <div id="mkwsTermlists"></div>
-          </div>
-        </td>
-      </tr>
-      <tr>
-        <td>
-          <div id="mkwsStat"></div>
-        </td>
-      </tr>
-    </table>
-=======
-    <script type="text/javascript" src="http://mkws.indexdata.com/libjs-pz2/pz2api.1.js"></script>
-    <script type="text/javascript" src="http://x.mkws.indexdata.com/handlebars-v1.1.2.js"></script>
-    <script type="text/javascript" src="http://x.mkws.indexdata.com/mkws.js"></script>
+
+    <script type="text/javascript" src="//code.jquery.com/jquery-1.10.0.min.js"></script>
+    <script type="text/javascript" src="//jquery-json.googlecode.com/files/jquery.json-2.4.js"></script>
+    <!-- legacy libs for testing
+    <script type="text/javascript" src="//code.jquery.com/jquery-1.6.4.min.js"></script>
+    <script src="//code.jquery.com/ui/1.8.0/jquery-ui.min.js"></script>
+    -->
+
+    <script type="text/javascript" src="//x.mkws.indexdata.com/pazpar2/js/pz2.js"></script>
+    <script type="text/javascript" src="//x.mkws.indexdata.com/handlebars-v1.1.2.js"></script>
+    <script type="text/javascript" src="//x.mkws.indexdata.com/mkws.js"></script>
+
   </head>
   <body>
-    <div id="mkwsSwitch"></div>
-    <div id="mkwsLang"></div>
-    <div id="mkwsSearch"></div>
-    <div id="mkwsMOTD"></div>
-
-    <table width="100%" border="0" cellpadding="6" cellspacing="0">
-      <tr>
-        <td id="mkwsTermlistContainer1" width="250" valign="top">
-          <div id="mkwsTermlists"></div>
-        </td>
-        <td id="mkwsMOTDContainer" valign="top">
-          <div id="mkwsRanking"></div>
-          <div id="mkwsPager"></div>
-          <div id="mkwsNavi"></div>
-          <div id="mkwsRecords"></div>
-        </td>
-      </tr>
-      <tr>
-        <td colspan="2">
-          <div id="mkwsTermlistContainer2"></div>
-        </td>
-      </tr>
-    </table>
-
-    <div id="mkwsTargets"></div>
-    <div id="mkwsStat"></div>
+    <script type="text/javascript">
+     jQuery.pazpar2({ "layout":"popup", width: 800, height: 500 } );
+    </script>
+
+    <pre>
+      An embryonic MasterKey Widget Set
+=================================
+
+This directory contains an embryonic MasterKey Widget Set, based
+initially on "jsdemo" though now far removed from those beginnnings.
+
+
+How this works
+--------------
+
+The goal is to make it that as much of the searching functionality as
+possible is hosted on
+        http://mkws.indexdata.com/
+so that very simple websites such as
+        http://example.indexdata.com/
+can have MasterKey searching with minimal effort.
+
+The following files must be hosted on mkws.indexdata.com:
+        mkws.js
+        mkws.css
+        /pazpar2/js/pz2.js (*)
+
+The following files make up the application:
+        index.html
+        favicon.ico [optional]
+        robots.txt [optional]
+
+(At present, the client application's configuruation also needs an
+Alias for /service-proxy/, to avoid cross-site scripting issues. We
+will fix this.)
+
+(*) if you don't have already installed pazpar2 on the machine, you can
+do it by installing a debian package or check it out from GIT:
+$ git clone ssh://git.indexdata.com:222/home/git/pub/pazpar2
+
+Configuring a client
+--------------------
+
+The application's HTML must contains the following elements as well as
+whatever makes up the application itself:
+
+[...]
+    </pre>
+    <script src="//code.jquery.com/ui/1.10.3/jquery-ui.min.js"></script>
   </body>
 </html>