• Registered: 2011-03-08
  • Posts: 2

Topic: JavaScript viewport height

Hey folks,

i've found a nice script which calculates the viewport width+height and puts it into a variable. how can i make use of it for simpleviewer gallery height?

<script type="text/javascript">

var viewportwidth;
var viewportheight;

// the more standards compliant browsers (mozilla/netscape/opera/IE7) use window.innerWidth and window.innerHeight

if (typeof window.innerWidth != 'undefined')
{
      viewportwidth = window.innerWidth,
      viewportheight = window.innerHeight
}

// IE6 in standards compliant mode (i.e. with a valid doctype as the first line in the document)

else if (typeof document.documentElement != 'undefined'
     && typeof document.documentElement.clientWidth !=
     'undefined' && document.documentElement.clientWidth != 0)
{
       viewportwidth = document.documentElement.clientWidth,
       viewportheight = document.documentElement.clientHeight
}

// older versions of IE

else
{
       viewportwidth = document.getElementsByTagName('body')[0].clientWidth,
       viewportheight = document.getElementsByTagName('body')[0].clientHeight
}
</script>


<!--START SIMPLEVIEWER EMBED.-->
<script type="text/javascript" src="/svmanager/g1/svcore/js/simpleviewer.js"></script>
<script type="text/javascript">
var flashvars = {};
height = viewportheight;
flashvars.baseURL = "/svmanager/g1/";
jQuery(document).ready(function () {
SV.simpleviewer.load("sv-container", "100%", "viewportheight", "000000", true, flashvars);
});
</script>
<div id="sv-container"></div>
<!-- END SIMPLEVIEWER EMBED -->
<div id="clear"></div>

thanks in advance  :)

  • Registered: 2008-07-06
  • Posts: 6,334

Re: JavaScript viewport height

The embed code parameters should be strings rather than integers so you'll have to convert the numeric variable 'viewportheight' to a string before using it in the embed code line without quotes:

var viewportheightstring=new String(viewportheight);
jQuery(document).ready(function () {
SV.simpleviewer.load("sv-container", "100%", viewportheightstring, "000000", true, flashvars);
});
Steven Speirs
SimpleViewer Support Team
  • Registered: 2011-03-08
  • Posts: 2

Re: JavaScript viewport height

That's it! I really appreciate your quick response, thanks a lot Steven!