experiments/spclient/index-popup.html

   1 <html>
   2   <head>
   3     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
   4     <title>MKWS demo: popup search box</title>
   5
   6     <link rel="stylesheet" href="http://mkws.indexdata.com/mkwsStyle.css" />
   7     <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
   8
   9     <script type="text/javascript">
  10       mkws_config = {
  11         service_proxy_url : "/service-proxy/",
  12         service_proxy_auth : "/service-proxy-auth/",
  13         switch_menu: false,
  14         lang_menu: false,
  15         perpage_default: 10,
  16         query_width: 50
  17      };
  18     </script>
  19
  20     <script type="text/javascript" src="http://code.jquery.com/jquery-1.10.0.min.js"></script>
  21     <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
  22
  23     <script type="text/javascript" src="libjs-pz2/pz2api.1.js"></script>
  24     <script type="text/javascript" src="mkws.js"></script>
  25
  26     <script>
  27     $(function() {
  28       $("#dialog-form").dialog({
  29         closeOnEscape: true,
  30         autoOpen: false,
  31         height: 760,
  32         width: 880,
  33         modal: true,
  34         resizable: true,
  35         buttons: {
  36                 Cancel: function() {
  37                         $(this).dialog("close");
  38                 }
  39         },
  40         close: function() {
  41                 // allFields.val( "" ).removeClass( "ui-state-error" );
  42         }
  43       });
  44
  45       $("input#mkwsButton")
  46         .button()
  47         .click(function() {
  48                 $("#dialog-form").dialog("open");
  49         });
  50     });
  51     </script>
  52   </head>
  53   <body>
  54
  55   <div id="mkwsSearch"></div>
  56
  57   <div id="dialog-form">
  58     <div id="mkwsSwitch"></div>
  59     <div id="mkwsLang"></div>
  60     <div id="mkwsResults"></div>
  61     <div id="mkwsTargets"></div>
  62     <div id="mkwsFooter">
  63       <div id="mkwsStat"></div>
  64     </div>
  65   </div>
  66
  67   </body>
  68 </html>