mod/scorm/rd.js

   1 <!--
   2 function scorm_get_element_style(obj, prop, cssProp) {
   3     var ret = '';
   4
   5     if (obj.currentStyle) {
   6         ret = obj.currentStyle[prop];
   7     } else if (document.defaultView && document.defaultView.getComputedStyle) {
   8         var compStyle = document.defaultView.getComputedStyle(obj, null);
   9         ret = compStyle.getPropertyValue(cssProp);
  10     }
  11
  12     if (ret == 'auto') ret = '0';
  13     return ret;
  14 }
  15
  16 function scorm_resize (cwidth, cheight) {
  17
  18     var winwidth = 0, winheight = 0;
  19     if( typeof( window.innerWidth ) == 'number' ) {
  20         //Non-IE
  21         winwidth = window.innerWidth;
  22         winheight = window.innerHeight;
  23     } else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
  24         //IE 6+ in 'standards compliant mode'
  25         winwidth = document.documentElement.clientWidth;
  26         winheight = document.documentElement.clientHeight;
  27     } else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
  28         //IE 4 compatible
  29         winwidth = document.body.clientWidth;
  30         winheight = document.body.clientHeight;
  31     }
  32
  33     var header = document.getElementById('header');
  34     var content = document.getElementById('content');
  35     var headerheight = 0;
  36     if (content) {
  37         headerheight = content.offsetTop;
  38     }
  39
  40     var footer = document.getElementById('footer');
  41     var imsnavbar = document.getElementById('tochead');
  42     var scormtop = document.getElementById('scormtop');
  43     var footerheight = 0;
  44     var imsnavheight = 0;
  45     var scormtopheight = 0;
  46     if (footer) {
  47         footerheight = footer.offsetHeight + parseInt(scorm_get_element_style(footer, 'marginTop', 'margin-top')) + parseInt(scorm_get_element_style(footer, 'marginBottom', 'margin-bottom'));
  48     }
  49     if (imsnavbar) {
  50         imsnavheight = imsnavbar.offsetHeight;
  51     }
  52     if (scormtop) {
  53         scormtopheight = scormtop.offsetHeight;
  54     }
  55
  56     var topmargin = parseInt(scorm_get_element_style(document.getElementsByTagName('body')[0], 'marginTop', 'margin-top'));
  57     var bottommargin = parseInt(scorm_get_element_style(document.getElementsByTagName('body')[0], 'marginBottom', 'margin-bottom'));
  58
  59     var totalheight = headerheight +
  60                         footerheight +
  61                         scormtopheight+
  62                         topmargin +
  63                         bottommargin+10; // +10 to save a minor vertical scroll always present!
  64
  65     var totalheighttoc = totalheight+imsnavheight;
  66     // override total height with configured height if it is defined
  67     if (cheight > 0) {
  68       winheight = cheight;
  69     }
  70     var toctree = document.getElementById('toctree');
  71     if (toctree != null){
  72         var toctreeHeight = toctree.offsetHeight;
  73         document.getElementById('toctree').style.height = (winheight - totalheighttoc) + 'px';
  74         var scoframe2 = document.getElementById('scoframe1');
  75         document.getElementById('scormobject').style.height = (winheight - totalheight) + 'px';
  76     }else{
  77         var scoframe2 = document.getElementById('scoframe1');
  78         document.getElementById('scormobject').style.height = (winheight - totalheight) + 'px';
  79     }
  80
  81         // resize the content container too to move the footer below the SCORM content
  82         var contenti3 = document.getElementById('content-i3');
  83         if (contenti3) {
  84         contenti3.style.height = (winheight - totalheight + 30) + 'px';
  85         } else {
  86            document.getElementById('content').style.height = (winheight - totalheight + 30) + 'px';
  87     }
  88      // resize the content container too to move the footer below the SCORM content
  89     var contenti3 = document.getElementById('content-i3');
  90     if (contenti3) {
  91         contenti3.style.height = (winheight - totalheight + 30) + 'px';
  92     } else {
  93         document.getElementById('content').style.height = (winheight - totalheight + 30) + 'px';
  94     }
  95 }
  96 -->