<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="copyright" content="(c) 1999-2013 IndexData ApS, http://indexdata.com" />
- <title>MKWS demo client</title>
+ <title>MKWS demo: mobile-screen resizing</title>
<link rel="stylesheet" href="http://mkws.indexdata.com/mkwsStyle.css" />
<script type="text/javascript">
- var mkws_config = {
+ var mkws_config = {
lang: "da",
debug: 1,
use_service_proxy: true,
- switch_menu: false,
- lang_menu: true,
- lang_display: ["da", "en"],
- termlist_menu: true,
+ switch_menu: false,
+ lang_menu: true,
+ lang_display: ["da", "en"],
sort_default: "relevance",
query_width: 50,
- responsive_design: true,
+ responsive_design: true,
+ facets: ["authors", "sources", "subjects"],
+ responsive_design_width: 990,
perpage_default: 20
- };
- </script>
- <script type="text/javascript" src="http://mkws.indexdata.com/mkws-complete.js"></script>
- <script type="text/javascript">
- var timeout;
-
- if (mkws_config.responsive_design) {
- $(window).resize( function(e) {
- if (timeout)
- clearTimeout(timeout);
- timeout = setTimeout(function () { mobile_resize() }, 100);
- });
- $(document).ready(function() { mobile_resize() });
- }
-
- function mobile_resize () {
- debug("resize width: " + $(window).height() + ", width: " + $(window).width());
- var list = ["mkwsSwitch"];
- var obj;
- if ($(window).width() <= 600) {
- for(var i = 0; i < list.length; i++) {
- $("#" + list[i]).hide();
- }
-
- $("#termlist").parent().hide();
- obj = $("#termlist").parent().html();
- $("#mkwsTermlist").html(obj);
- } else {
- for(var i = 0; i < list.length; i++) {
- $("#" + list[i]).show();
- }
- $("#termlist").parent().show();
- $("#mkwsTermlist").html("");
- }
- };
+ };
</script>
+ <script type="text/javascript" src="http://code.jquery.com/jquery-1.10.0.min.js"></script>
+ <script type="text/javascript" src="http://mkws.indexdata.com/libjs-pz2/pz2api.1.js"></script>
+ <script type="text/javascript" src="mkws.js"></script>
</head>
<body>
- <!-- These six mkws <div>s are provided by MKWS -->
<div id="mkwsSwitch"></div>
<div id="mkwsLang"></div>
<div id="mkwsSearch"></div>
- <div id="mkwsRecords"></div>
+ <div id="mkwsResults"></div>
<div id="mkwsTargets"></div>
- <div id="mkwsTermlist"></div>
+ <div id="mkwsShiftedTermlists"></div>
<div id="footer">
<div id="mkwsStat"></div>
- <span>Powered by MKWS © 2013 <a href="http://www.indexdata.com">Index Data</a></span>
+ <span>Powered by MKWS © 2013 <a target="_new" href="http://www.indexdata.com">Index Data</a></span>
</div>
</body>
</html>