Fix MKWS-362
[mkws-moved-to-github.git] / examples / htdocs / popup.html
index eea60ca..256d695 100644 (file)
@@ -1,62 +1,58 @@
 <html>
   <head>
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-    <title>MKWS demo: Reference widget with popup window</title>
-    <link rel="stylesheet" type="text/css" href="tools/htdocs/mkws.css" />
-    <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="mkws-widget-reference.css" />
-    <link rel="stylesheet" type="text/css" href="mkws-widget-credo.css" />
+    <title>MKWS demo: Popup Widget</title>
+    <link rel="stylesheet" type="text/css" href="//mkws.indexdata.com/mkws.css" />
 
     <script type="text/javascript">
       var mkws_config = {
-         service_proxy_auth: "//mkws.indexdata.com/service-proxy-credoauth"
+       sp_auth_credentials: "mkwstest/mkwstest"
       };
     </script>
 
-    <script type="text/javascript" src="tools/htdocs/jquery-1.10.0.min.js"></script>
+    <script type="text/javascript" src="//mkws.indexdata.com/mkws-complete.js"></script>
+
+    <link rel="stylesheet" type="text/css" href="//code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
+    <!-- jquery-ui need a reference to the internal jQuery object -->
+    <script>$ = jQuery = mkws.$; </script>
     <script type="text/javascript" src="//code.jquery.com/ui/1.10.3/jquery-ui.min.js"></script>
 
-    <script type="text/javascript" src="tools/htdocs/pz2.js"></script>
-    <script type="text/javascript" src="tools/htdocs/handlebars-v1.1.2.js"></script>
-    <script type="text/javascript" src="tools/htdocs/jquery.json-2.4.js"></script>
-
-    <script type="text/javascript" src="src/mkws-handlebars.js"></script>
-    <script type="text/javascript" src="src/mkws-core.js"></script>
-    <script type="text/javascript" src="src/mkws-team.js"></script>
-    <script type="text/javascript" src="src/mkws-filter.js"></script>
-    <script type="text/javascript" src="src/mkws-popup.js"></script>
-    <script type="text/javascript" src="src/mkws-widget.js"></script>
-    <script type="text/javascript" src="src/mkws-widget-main.js"></script>
-    <script type="text/javascript" src="src/mkws-widget-termlists.js"></script>
-    <script type="text/javascript" src="src/mkws-widget-authname.js"></script>
-    <script type="text/javascript" src="src/mkws-widget-categories.js"></script>
-    <script type="text/javascript" src="src/mkws-widget-log.js"></script>
-    <script type="text/javascript" src="src/mkws-widget-record.js"></script>
-    <script type="text/javascript" src="src/mkws-widget-reference.js"></script>
-    <script type="text/javascript" src="src/mkws-widget-builder.js"></script>
-
-    <script type="text/javascript" src="mkws-widget-credo.js"></script>
+    <style>
+    .mkws-search { float: left !important; }
+    .mkws-search input.mkws-button { color: black; }
+    </style>
   </head>
+
   <body>
-    <h3>MKWS widgets in a popup window</h3>
-
-    <div class="mkwsSearch"></div>
-    <div class="WmkwsPopup mkwsTeam_search" popup_width="1024" popup_height="650" popup_modal="0" popup_autoOpen="0" popup_button="input.mkwsButton">
-      <div class="mkwsSwitch"></div>
-      <div class="mkwsLang"></div>
-      <div class="mkwsResults"></div>
-      <div class="mkwsTargets"></div>
-      <div class="mkwsStat"></div>
+    <h3>MKWS demo: popup widget(s)</h3>
+
+    <div>
+      <p><a id="popup_no1">popup number 1</a></p>
+      <p><a id="popup_no2">popup number 2</a></p>
     </div>
 
-    <div class="mkwsCredo WmkwsPopup mkwsTeam_credo" popup_width="1024" popup_height="800" popup_autoOpen="1" autosearch="!param!q">
-      mkwsCredo result will appear here
+    <!-- search box is outside the popup window -->
+    <div class="mkws-search"></div>
+
+    <!-- popup widget config -->
+    <div class="mkws-popup" popup_width="1024" popup_height="750" popup_modal="0" popup_autoOpen="0" popup_button="input.mkws-button">
+      <div class="mkws-switch"></div>
+      <div class="mkws-lang"></div>
+      <div class="mkws-results"></div>
+      <div class="mkws-targets"></div>
+      <div class="mkws-stat"></div>
+    </div>
+
+    <!-- popup widget config -->
+    <div class="mkws-popup" popup_width="500" popup_height="350" popup_modal="0" popup_autoOpen="0" popup_button="a#popup_no1">
+       <h1>popup no 1</h1>
+       some text...
     </div>
 
-    <div class="mkwsReference WmkwsPopup mkwsTeam_credo" popup_width="700" popup_height="600" popup_autoOpen="1" sentences="1" autosearch="!param!q">
-      mkwsReference result will appear here
+    <div class="mkws-popup" popup_width="400" popup_height="250" popup_modal="0" popup_autoOpen="0" popup_button="a#popup_no2">
+       <h1>popup no 2</h1>
+       other text...
     </div>
 
   </body>
 </html>
-