Remove extraneous comment.
[mkws-moved-to-github.git] / experiments / spclient / index-mobile.html
index 0bcd4dc..decaf1c 100644 (file)
@@ -4,61 +4,40 @@
   <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,
+               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;
-       $(window).resize( function(e) { 
-          if (timeout)
-               clearTimeout(timeout);
-          timeout = setTimeout(function () { mobile_resize() }, 100);
-        });
-
-       function mobile_resize () {
-          debug("resize width: " + $(window).height() + ", width: " + $(window).width()); 
-          var list = ["mkwsSwitch"];
-          if ($(window).width() <= 600) {
-               for(var i = 0; i < list.length; i++) {
-                   $("#" + list[i]).hide();
-               }
-               $("#termlist").parent().hide(); 
-          } else {
-               for(var i = 0; i < list.length; i++) {
-                   $("#" + list[i]).show();
-               }
-               $("#termlist").parent().show(); 
-          }
-       };
+        };
     </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 &copy; 2013 <a href="http://www.indexdata.com">Index Data</a></span> 
+      <span>Powered by MKWS &copy; 2013 <a target="_new" href="http://www.indexdata.com">Index Data</a></span>
     </div>
   </body>
 </html>