<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
- <title>MKWS demo: Reference & Credo, and popup widget</title>
+ <title>MKWS demo: Popup Widget</title>
<link rel="stylesheet" type="text/css" href="//mkws.indexdata.com/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="//example.indexdata.com/mkws-widget-reference.css" />
- <link rel="stylesheet" type="text/css" href="//example.indexdata.com/mkws-widget-credo.css" />
<script type="text/javascript">
var mkws_config = {
};
</script>
- <script type="text/javascript" src="//code.jquery.com/jquery-1.10.0.min.js"></script>
- <script type="text/javascript" src="//jquery-json.googlecode.com/files/jquery.json-2.4.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="//git.indexdata.com/?p=pazpar2.git;a=blob_plain;f=js/pz2.js;hb=HEAD"></script>
- <script type="text/javascript" src="//builds.handlebarsjs.com.s3.amazonaws.com/handlebars-v2.0.0.js"></script>
- <script type="text/javascript" src="//mkws.indexdata.com/mkws.js"></script>
- <script type="text/javascript" src="//example.indexdata.com/mkws-widget-credo.js"></script>
+ <style>
+ .mkws-search { float: left !important; }
+ .mkws-search input.mkws-button { color: black; }
+ </style>
</head>
<body>
- <h3>MKWS demo: Reference & Credo, and popup widget</h3>
-
- <div class="mkwsSearch"></div>
- <div class="mkwsPopup" 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>
+
+ <!-- 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>
- <div class="mkwsPopup" popup_width="1024" popup_height="800" popup_autoOpen="1">
- <div class="mkwsCredo mkwsTeam_credo" autosearch="!param!q">mkwsCredo result will appear here</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="mkwsPopup" popup_width="700" popup_height="600" popup_autoOpen="1">
- <div class="mkwsReference mkwsTeam_credo" sentences="1" autosearch="!param!q">mkwsReference result will appear here</div>
+ <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>
projects / mkws-moved-to-github.git / blobdiff