X-Git-Url: http://git.indexdata.com/?a=blobdiff_plain;f=experiments%2Fspclient%2Findex-mobile.html;h=7fc9924d85d38b0987f7cc2ff2086662fabfec95;hb=a74c166733653fe3e5927405807382ab3d29383c;hp=0bcd4dce0989a74db8c19b0d5522ef229fc0e030;hpb=e7210a8430a590b528efd95dfb281ad26fb306ad;p=mkws-moved-to-github.git

diff --git a/experiments/spclient/index-mobile.html b/experiments/spclient/index-mobile.html
index 0bcd4dc..7fc9924 100644
--- a/experiments/spclient/index-mobile.html
+++ b/experiments/spclient/index-mobile.html
@@ -5,7 +5,7 @@
     <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>
-    <link rel="stylesheet" href="http://mkws.indexdata.com/mkwsStyle.css" />
+
     <script type="text/javascript">
 	var mkws_config = { 
 		lang: "da",
@@ -17,31 +17,49 @@
 		termlist_menu: true, 
 		sort_default: "relevance",
 		query_width: 50,
+	        responsive_design: true,
+		facets: ["sources", "subjects", "authors"],
 		perpage_default: 20
 	 }; 
     </script>
-    <script type="text/javascript" src="http://mkws.indexdata.com/mkws-complete.js"></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>
+    <link rel="stylesheet" href="mkwsStyle.css" />
+
     <script type="text/javascript">
 	var timeout;
-	$(window).resize( function(e) { 
-	   if (timeout)
-	   	clearTimeout(timeout);
-	   timeout = setTimeout(function () { mobile_resize() }, 100);
-        });
+
+	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"];
-	   if ($(window).width() <= 600) {
+	   var obj;
+	   // alert($(window).width());
+ 
+	   if ($(window).width() <= 980) {
 		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>