Auto Resize div according to windows size. - JavaScript Snipplr Social Repository

Revision: 8909

at October 13, 2008 17:48 by jamesming

Initial Code

function getObj(name){
    if (document.getElementById){
        this.obj = document.getElementById(name);
        this.style = document.getElementById(name).style;
    }
    else if (document.all){
        this.obj = document.all[name];
        this.style = document.all[name].style;
    }
}

function getWinSize(){
   var iWidth = 0, iHeight = 0;

   if (document.documentElement && document.documentElement.clientHeight){
       iWidth = parseInt(window.innerWidth,10);
       iHeight = parseInt(window.innerHeight,10);
   }
   else if (document.body){
       iWidth = parseInt(document.body.offsetWidth,10);
       iHeight = parseInt(document.body.offsetHeight,10);
   }

   return {width:iWidth, height:iHeight};
}

function resize_id(obj) {                           
    var oContent = new getObj(obj);
    var oWinSize = getWinSize();
    if ((oWinSize.height - parseInt(oContent.obj.offsetTop,10))>0)
        oContent.style.height = (oWinSize.height - parseInt(oContent.obj.offsetTop,10));
}

window.onresize = function() { resize_id('ID_of_Container'); }

Initial URL

http://blondr.blogspot.com/2006/12/auto-resize-div-according-to-windows.html

Initial Description

Initial Title

Auto Resize div according to windows size.

Initial Tags

Initial Language

JavaScript

Choose a language for easy browsing: