JavaScript: Page Details Script

Main Page Details Script Resolutions Test

<!-- TWO STEPS TO INSTALL RESOLUTIONS TEST:

1.  Copy the coding into the HEAD of your HTML document

2.  Add the last code into the BODY of your HTML document  -->

<title>script.omduena.com: JavaScript, java script, javascripts, script, javascript free code!</title>

<!-- Begin

var testWin;

function resTest(w,h) {

frm = document.forms[0];

urlF = frm.testURL.value;

if(urlF == "" || urlF == "http://") {

alert('Please enter a URL');

frm.testURL.focus();

return false;

}

if(w == null) {

w = frm.customw.value;

if(w == "" || !Number(w) || w < 100) {

alert('Please enter a valid Width');

frm.customw.value = "";

frm.customw.focus();

return false;

}

if(h == null) {

h = frm.customh.value;

if(h == "" || !Number(h) || h < 100) {

alert('Please enter a valid Height');

frm.customh.value = "";

frm.customh.focus();

return false;

}

properties  = "width=" + w;

properties += ",height=" + h;

properties += ",scrollbars=1,toolbar=1,location=1";

properties += ",directories=1,status=1,menubar=1";

properties += ",resizable=1,left=0,top=0";

if(testWin && !testWin.closed) {

testWin.close();

}

testWin = window.open(urlF,"TestRes",properties);

if(navigator.appName.indexOf("Netscape") != -1) {

testWin.outerWidth = w;

testWin.outerHeight = h;

}

frm.innerDim.value  = "Test Resolution: " + w + "x" + h + "\n";

if(navigator.appName.indexOf("Netscape") != -1) {

frm.innerDim.value += "Window Inner Width: " + testWin.innerWidth + "\n";

frm.innerDim.value += "Window Inner Height: " + testWin.innerHeight + "\n\n";

}

else {

frm.innerDim.value += "IE does not allow access to the window properties of ";

frm.innerDim.value += "pages on a different domain. Below are some general ";

frm.innerDim.value += "inner dimensions:\n\n";

frm.innerDim.value += "window      document\n";

frm.innerDim.value += "640x480  -> 615x314\n";

frm.innerDim.value += "800x600  -> 775x434\n";

frm.innerDim.value += "1024x768 -> 999x602\n\n";

frm.innerDim.value += "For a custom resolution, you\'ll need to get a ";

frm.innerDim.value += "screen grab of the new window, paste it to your ";

frm.innerDim.value += "favorite graphics program, then measuer the size ";

frm.innerDim.value += "of the content area.\n\n";

}

frm.innerDim.value += "To ensure that you\'ve tested properly, be sure ";

frm.innerDim.value += "to make all your toolbars and window chrome viewable. ";

frm.innerDim.value += "Be sure to test with both major browsers (IE and Netscape), ";

frm.innerDim.value += "as each one will have different inner document dimensions!";

this.focus();

}

//  End -->

</script>

</HEAD>

<BODY>

<form>

URL: <input type=text name="testURL" SIZE="25" value="http://">

Width: <input type=text name="customw" SIZE="4">

Height: <input type=text name="customh" SIZE="4">

<br>

<br>

<TEXTAREA NAME="innerDim" rows="10" cols="40" wrap="physical">The test window inner dimensions will be displayed here.

Click Here if you need help to install the JavaScript

top of page

Free JavaScript Collection