a mobile page with responsive design
authorWolfram Schneider <wosch@indexdata.dk>
Fri, 28 Jun 2013 14:10:53 +0000 (14:10 +0000)
committerWolfram Schneider <wosch@indexdata.dk>
Fri, 28 Jun 2013 14:10:53 +0000 (14:10 +0000)
experiments/spclient/index-mobile.html

index 6704694..8abb30b 100644 (file)
         }; 
     </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", "mkwsTargets"];
+          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>
   </head>
   <body>
     <!-- These six mkws <div>s are provided by MKWS -->
@@ -30,6 +54,8 @@
     <div id="mkwsRecords"></div>
     <div id="mkwsTargets"></div>
 
+    <div id="mkwsTermlist"></div>
+
     <div id="footer">
       <div id="mkwsStat"></div>
       <span>Powered by MKWS &copy; 2013 <a href="http://www.indexdata.com">Index Data</a></span>