|
Shinyshell Community Forums > Coding > Javascript |
||||||
| Sign Up | Member List | New Posts | Help | |||
[1]
| April 26 02009, 02:46 GMT | ||||
|
Nick^ merciful justice Location: Brisbane, Australia Post count: 78 
|
Okay, what I want to do is this:
I want to, using Javascript, check the size of the viewer's browser window, and if it is less than or equal to 800, then I want to hide the chatbox div. So far, I've got this code, but it won't work...
var myWidth = 0, myHeight = 0;
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;
}
if(myWidth <= 800)
{
document.getElementById('chatbox').style.visibility = "hidden";
}
Help? EDIT: The reason the script wasn't working was because the script was being run before the actual elements existed, and therefore had no effect. All I had to do was set the function to execute on page load, and it worked! ______________________________ Lazurane |
|||
[1]
|
Forum Information |
||||||||||
|
||||||||||
