refactor popup JS code

[mkws-moved-to-github.git] / experiments / spclient / index-popup.html
diff --git a/experiments/spclient/index-popup.html b/experiments/spclient/index-popup.html

index 8670720..78ed2b4 100644 (file)
--- a/experiments/spclient/index-popup.html
+++ b/experiments/spclient/index-popup.html
@@ -1,18 +1,43 @@
  <html>
    <head>
      <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-    <title>MKWS demo client</title>
-    <link rel="stylesheet" href="mkwsStyle.css" />
+    <title>MKWS demo: popup search box</title>
+
+    <link rel="stylesheet" href="http://mkws.indexdata.com/mkwsStyle.css" />
+    <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
+
+    <script type="text/javascript">
+      mkws_config = {
+        service_proxy_url : "/service-proxy/",
+        service_proxy_auth : "/service-proxy-auth/",
+       switch_menu: false,
+       lang_menu: false,
+       perpage_default: 10,
+       query_width: 50
+     };
+    </script>
+
      <script type="text/javascript" src="http://code.jquery.com/jquery-1.10.0.min.js"></script>
-    <script type="text/javascript" src="http://mkws.indexdata.com/libjs-pz2/pz2api.1.js"></script>
+    <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
+
+    <script type="text/javascript" src="libjs-pz2/pz2api.1.js"></script>
      <script type="text/javascript" src="mkws.js"></script>
+
    </head>
    <body>
+
+  <div id="mkwsSearch"></div>
+
+  <div id="popup-form">
      <div id="mkwsSwitch"></div>
      <div id="mkwsLang"></div>
-    <div id="mkwsSearch"></div>
-    <div id="mkwsRecords"></div>
+    <div id="mkwsResults"></div>
      <div id="mkwsTargets"></div>
-    <div id="mkwsStat"></div>
+    <div id="mkwsFooter">
+      <div id="mkwsStat"></div>
+    </div>
+  </div>
+
+  <script> $(document).ready(function() { init_popup();});  </script>
    </body>
  </html>