responsive design: after each termlist update check the window size and adjust the...
[mkws-moved-to-github.git] / experiments / spclient / mkws.js
index b58b945..b3594de 100644 (file)
@@ -185,6 +185,9 @@ function my_onterm(data) {
 
     var termlist = document.getElementById("mkwsTermlists");
     replaceHtml(termlist, acc.join(''));
+
+    if (mkws_config.responsive_design)
+        mkws_mobile_resize();
 }
 
 function add_single_facet(acc, caption, data, max, cclIndex) {
@@ -502,9 +505,11 @@ function mkws_html_all(config) {
        lang_menu: true,        /* show/hide language menu */
        lang_display: [],       /* display languages links for given languages, [] for all */
        facets: ["sources", "subjects", "authors"], /* display facets, in this order, [] for none */
+       responsive_design_width: 980, /* a page with less pixel width considered as mobile */   
 
        debug: 0,     /* debug level for development: 0..2 */
 
+
        dummy: "dummy"
     };
 
@@ -585,7 +590,7 @@ function mkws_responsive_design () {
     $(window).resize( function(e) {
        if (timeout)
            clearTimeout(timeout);
-       timeout = setTimeout(function () { mkws_mobile_resize() }, 100);
+       timeout = setTimeout(function () { mkws_mobile_resize() }, 50);
     });
 
     // initial check after page load
@@ -742,7 +747,9 @@ function mkws_mobile_resize () {
     var obj;
     // alert($(window).width());
 
-    if ($(window).width() <= 980) {
+    var width = mkws_config.responsive_design_width || 980;
+
+    if ($(window).width() <= width) {
        for(var i = 0; i < list.length; i++) {
            $("#" + list[i]).hide();
        }