Window Sizer - JavaScript Made Easy: Free JavaScripts Tutorials Example Code

WebSiteMadeEasy.net

|

FontsMadeEasy.com

|

RankChecker.net

Submit your Script

Google Search:

Learn Java Script Today

|

Over 5000 Free Fonts

|

|

Javascript Forum

|

Other Javascript Resources

|

JavaScript Basics

Inserting Javascript

Complete Tutorial

Advance DHTML Tutorial


Window Sizer		[View Sample]

This JavaScript shows you different window dimensions. It helps you to customize your web pages with the dimensions that best compliment your web site.


Insert into <HEAD>
<SCRIPT LANGUAGE="JavaScript"> <!-- Begin function regular() { window.open('window-sizer.html','640x480','toolbar=yes,status=yes, scrollbars=yes,location=yes,menubar=yes,directories=yes,width=640,height=480')} function large() { window.open('window-sizer.html','800x600','toolbar=yes,status=yes, scrollbars=yes,location=yes,menubar=yes,directories=yes,width=800,height=600')} function smallmacdefault() { window.open('window-sizer.html','Mac','toolbar=yes,status=yes, scrollbars=yes,location=yes,menubar=yes,directories=yes,width=470,height=300')} function smallpcdefault() { window.open('window-sizer.html','PC','toolbar=yes,status=yes, scrollbars=yes,location=yes,menubar=yes,directories=yes,width=580,height=300')} function mediummacdefault() { window.open('window-sizer.html','Mac','toolbar=yes,status=yes, scrollbars=yes,location=yes,menubar=yes,directories=yes,width=470,height=430')} function mediumpcdefault() { window.open('window-sizer.html','PC','toolbar=yes,status=yes, scrollbars=yes,location=yes,menubar=yes,directories=yes,width=580,height=430')} function largemacdefault() { window.open('window-sizer.html','Mac','toolbar=yes,status=yes, scrollbars=yes,location=yes,menubar=yes,directories=yes,width=470,height=600')} function largepcdefault() { window.open('window-sizer.html','PC','toolbar=yes,status=yes, scrollbars=yes,location=yes,menubar=yes,directories=yes,width=580,height=600')} // End --> </SCRIPT>

Insert into <BODY>
<FORM> Open a window 640 x 480 pixels: <INPUT TYPE=BUTTON VALUE="640x480" onClick="regular()"> <P> Open a window 800 x 600 pixels: <INPUT TYPE=BUTTON VALUE="800x600" onClick="large()"><P> <HR> <P> Default Netscape Browser sizes: <P> <B>640 x 480</B> <BR> Mac = 470x300: <INPUT TYPE=BUTTON VALUE="Mac" onClick="smallmacdefault()"> <BR> PC = 580x300: <INPUT TYPE=BUTTON VALUE="PC" onClick="smallpcdefault()"> <P> <B>800 x 600</B> <BR> Mac = 470x430: <INPUT TYPE=BUTTON VALUE="Mac" onClick="mediummacdefault()"> <BR> PC = 580x430: <INPUT TYPE=BUTTON VALUE="PC" onClick="mediumpcdefault"> <P> <B>1024 x 768</B><BR> Mac = 470x600: <INPUT TYPE=BUTTON VALUE="Mac" onClick="largemacdefault()"> <BR> PC = 580x600: <INPUT TYPE=BUTTON VALUE="PC" onClick="largepcdefault()"> <P> <P> <HR> <P> Close this Window: <INPUT TYPE=BUTTON VALUE="Close" onClick="window.close()"> </FORM>

Other Options