examples/htdocs/popup.html

   1 <html>
   2   <head>
   3     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
   4     <title>MKWS demo: Popup Widget</title>
   5     <link rel="stylesheet" type="text/css" href="//mkws.indexdata.com/mkws.css" />
   6
   7     <script type="text/javascript">
   8       var mkws_config = {
   9         sp_auth_credentials: "mkwstest/mkwstest"
  10       };
  11     </script>
  12
  13     <script type="text/javascript" src="//mkws.indexdata.com/mkws-complete.js"></script>
  14
  15     <link rel="stylesheet" type="text/css" href="//code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
  16     <!-- jquery-ui need a reference to the internal jQuery object -->
  17     <script>$ = jQuery = mkws.$; </script>
  18     <script type="text/javascript" src="//code.jquery.com/ui/1.10.3/jquery-ui.min.js"></script>
  19
  20     <style>
  21     .mkws-search { float: left !important; }
  22     .mkws-search input.mkws-button { color: black; }
  23     </style>
  24   </head>
  25
  26   <body>
  27     <h3>MKWS demo: popup widget(s)</h3>
  28
  29     <div>
  30       <p><a id="popup_no1">popup number 1</a></p>
  31       <p><a id="popup_no2">popup number 2</a></p>
  32     </div>
  33
  34     <!-- search box is outside the popup window -->
  35     <div class="mkws-search"></div>
  36
  37     <!-- popup widget config -->
  38     <div class="mkws-popup" popup_width="1024" popup_height="750" popup_modal="0" popup_autoOpen="0" popup_button="input.mkws-button">
  39       <div class="mkws-switch"></div>
  40       <div class="mkws-lang"></div>
  41       <div class="mkws-results"></div>
  42       <div class="mkws-targets"></div>
  43       <div class="mkws-stat"></div>
  44     </div>
  45
  46     <!-- popup widget config -->
  47     <div class="mkws-popup" popup_width="500" popup_height="350" popup_modal="0" popup_autoOpen="0" popup_button="a#popup_no1">
  48         <h1>popup no 1</h1>
  49         some text...
  50     </div>
  51
  52     <div class="mkws-popup" popup_width="400" popup_height="250" popup_modal="0" popup_autoOpen="0" popup_button="a#popup_no2">
  53         <h1>popup no 2</h1>
  54         other text...
  55     </div>
  56
  57   </body>
  58 </html>