How to
calculate browser’s client area using JavaScript, JQuery Function
Function:
<script type="text/javascript">
function getBrowserHeightWidth(sType) {
var
myWidth = 0, myHeight = 0;
try {
if
(typeof (window.innerWidth) == 'number') {
//Non-IE
myWidth = window.innerWidth;
myHeight = window.innerHeight;
} else
if (document.documentElement &&
(document.documentElement.clientWidth ||
document.documentElement.clientHeight)) {
//IE
6+ in 'standards compliant mode'
myWidth =
document.documentElement.clientWidth;
myHeight =
document.documentElement.clientHeight;
} else
if (document.body &&
(document.body.clientWidth || document.body.clientHeight)) {
//IE
4 compatible
myWidth = document.body.clientWidth;
myHeight =
document.body.clientHeight;
}
}
catch
(err) {
}
if
(sType == 'H' || sType == 'h')
return
myHeight;
else
return
myWidth;
}
</script>
Set
Div’s Height using getBrowserHeightWidth()
Function
<script type="text/javascript">
$('#divPublishWindow').height(getBrowserHeightWidth('H'));
$('#divPublishWindow').width(getBrowserHeightWidth('w'));
</script>
HTML:
<div id="divPublishWindow">
</div>
