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 73a8d85..78ed2b4 100644 (file)
--- a/experiments/spclient/index-popup.html
+++ b/experiments/spclient/index-popup.html
@@ -23,63 +23,21 @@
      <script type="text/javascript" src="libjs-pz2/pz2api.1.js"></script>
      <script type="text/javascript" src="mkws.js"></script>
  
-    <style>
-      body { font-size: 62.5%; }
-      label, input { display:block; }
-      input.text { margin-bottom:12px; width:95%; padding: .4em; }
-      fieldset { padding:0; border:0; margin-top:25px; }
-      h1 { font-size: 1.2em; margin: .6em 0; }
-      div#users-contain { width: 350px; margin: 20px 0; }
-      div#users-contain table { margin: 1em 0; border-collapse: collapse; width: 100%; }
-      div#users-contain table td, div#users-contain table th { border: 1px solid #eee; padding: .6em 10px; text-align: left; }
-      .ui-dialog .ui-state-error { padding: .3em; }
-      .validateTips { border: 1px solid transparent; padding: 0.3em; }
-    </style>
-
-    <script>
-    $(function() {
-      $( "#dialog-form" ).dialog({
-        closeOnEscape: true,
-        autoOpen: false,
-        height: 760,
-        width: 880,
-        modal: true,
-        resizable: true,
-        buttons: {
-                Cancel: function() {
-                        $( this ).dialog( "close" );
-                }
-        },
-        close: function() {
-                // allFields.val( "" ).removeClass( "ui-state-error" );
-        }
-      });
-
-      $( "#create-user" )
-        .button()
-        .click(function() {
-                $( "#dialog-form" ).dialog( "open" );
-        });
-    });
-    </script>
    </head>
    <body>
  
-  <div id="dialog-form" title="Search Box">
+  <div id="mkwsSearch"></div>
+
+  <div id="popup-form">
      <div id="mkwsSwitch"></div>
      <div id="mkwsLang"></div>
-    <div id="mkwsSearch"></div>
      <div id="mkwsResults"></div>
      <div id="mkwsTargets"></div>
      <div id="mkwsFooter">
        <div id="mkwsStat"></div>
-      <span>Powered by MKWS &copy; 2013 <a target="_new" href="http://www.indexdata.com">Index Data</a></span>
      </div>
    </div>
  
-  <div id="users-contain" class="ui-widget"></div>
-
-  <button id="create-user">Open Search Box</button>
-
+  <script> $(document).ready(function() { init_popup();});  </script>
    </body>
  </html>