experiments/spclient/index-mobile.html

   1 <?xml version="1.0"?>
   2 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
   3 <html xmlns="http://www.w3.org/1999/xhtml">
   4   <head>
   5     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
   6     <meta name="copyright" content="(c) 1999-2013 IndexData ApS, http://indexdata.com" />
   7     <title>MKWS demo client</title>
   8
   9     <script type="text/javascript">
  10         var mkws_config = {
  11                 lang: "da",
  12                 debug: 1,
  13                 use_service_proxy: true,
  14                 switch_menu: false,
  15                 lang_menu: true,
  16                 lang_display: ["da", "en"],
  17                 termlist_menu: true,
  18                 sort_default: "relevance",
  19                 query_width: 50,
  20                 responsive_design: true,
  21                 facets: ["sources", "subjects", "authors"],
  22                 perpage_default: 20
  23          };
  24     </script>
  25
  26     <script type="text/javascript" src="http://code.jquery.com/jquery-1.10.0.min.js"></script>
  27     <script type="text/javascript" src="http://mkws.indexdata.com/libjs-pz2/pz2api.1.js"></script>
  28     <script type="text/javascript" src="mkws.js"></script>
  29     <link rel="stylesheet" href="mkwsStyle.css" />
  30
  31     <script type="text/javascript">
  32         var timeout;
  33
  34         if (mkws_config.responsive_design) {
  35             $(window).resize( function(e) {
  36                 if (timeout)
  37                     clearTimeout(timeout);
  38                 timeout = setTimeout(function () { mobile_resize() }, 100);
  39             });
  40             $(document).ready(function() { mobile_resize() });
  41         }
  42
  43         function mobile_resize () {
  44            debug("resize width: " + $(window).height() + ", width: " + $(window).width());
  45            var list = ["mkwsSwitch"];
  46            var obj;
  47            // alert($(window).width());
  48
  49            if ($(window).width() <= 980) {
  50                 for(var i = 0; i < list.length; i++) {
  51                     $("#" + list[i]).hide();
  52                 }
  53
  54                 $("#termlist").parent().hide();
  55                 obj = $("#termlist").parent().html();
  56                 $("#mkwsTermlist").html(obj);
  57            } else {
  58                 for(var i = 0; i < list.length; i++) {
  59                     $("#" + list[i]).show();
  60                 }
  61                 $("#termlist").parent().show();
  62                 $("#mkwsTermlist").html("");
  63            }
  64         };
  65     </script>
  66   </head>
  67   <body>
  68     <!-- These six mkws <div>s are provided by MKWS -->
  69     <div id="mkwsSwitch"></div>
  70     <div id="mkwsLang"></div>
  71     <div id="mkwsSearch"></div>
  72     <div id="mkwsRecords"></div>
  73     <div id="mkwsTargets"></div>
  74
  75     <div id="mkwsTermlist"></div>
  76
  77     <div id="footer">
  78       <div id="mkwsStat"></div>
  79       <span>Powered by MKWS &copy; 2013 <a href="http://www.indexdata.com">Index Data</a></span>
  80     </div>
  81   </body>
  82 </html>