Use #mkwsPopup -- there is only one, by design.
[mkws-moved-to-github.git] / examples / htdocs / mike.html
index 91793ea..b6ead6e 100644 (file)
@@ -1,23 +1,46 @@
 <html>
   <head>
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-    <title>MKWS demo client</title>
-    <link rel="stylesheet" type="text/css" href="http://mkws.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 = {
-        pazpar2_url: "http://mkws.indexdata.com/service-proxy/",
-        service_proxy_auth: "http://x.example.indexdata.com/service-proxy-auth/",
-        service_proxy_auth_domain : "mkws.indexdata.com"
-      };
+      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://x.mkws.indexdata.com/mkws-complete.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>
+    <script type="text/javascript" src="//x.mkws.indexdata.com/mkws-jquery.js"></script>
+
   </head>
   <body>
-    <div id="mkwsSwitch"></div>
-    <div id="mkwsLang"></div>
-    <div id="mkwsSearch"></div>
-    <div id="mkwsResults"></div>
-    <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.
+[...]
+    </pre>
+    <script src="//code.jquery.com/ui/1.10.3/jquery-ui.min.js"></script>
   </body>
 </html>