JavaScript:Tutorial, Screen Resolution

**TcM** · 12-03-2006 12:43 PM

Introduction:-
This is a simple tutorial.. It will get the screen resolution and if you modify it a little bit you can use it to define how your website will be displayed like for example having to home pages then if the screen resolution is 1024x768 it will display index1.html and if the user has 800x600 it will display index2.html.. but then thats up to you in this tutorial I will keep it the simplest possible.

Solution:-
This goes between <head> tags:-

Code:

<script language="JavaScript">
function res() 
{
alert('Screen Resolution Is '+screen.width+' by '+screen.height);
}
</script>

And this as the body code

Code:

<body onLoad='res()'

Explanation:-
Can it be simpler than that?

A Preview:-
None

Conclusion:-
As Always Feedback is welcome and the full source is attached!!

**John** · 12-03-2006 01:23 PM

nice, i know nothing about JavaScript but i have 2 noobie questions.

1) How would you calculate 90% of the screen width? Could you just do it like

Code:

alert('Screen Resolution Is '+screen.width*.9+' by '+screen.height);

lol?

2) Also since i guess res() returns two values would it be possable to use screen.width as like a varible? say

Code:

<table width='screen.width'><tr><td>blah></td></tr></table>

again dont laugh at me, i know nothing about JS

**TcM** · 12-03-2006 01:56 PM

Originally Posted by Sidewinder

1) How would you calculate 90% of the screen width? Could you just do it like

Code:

alert('Screen Resolution Is '+screen.width*.9+' by '+screen.height);

Yes thats it

2) Also since i guess res() returns two values would it be possable to use screen.width as like a varible? say

Code:

<table width='screen.width'><tr><td>blah></td></tr></table>

Yes you can use it as a variable for example:-

Code:

<body>
<script language="JavaScript">
window.open('about:blank','window name','width=screen.width,height=200');
</script>
</body>

This will open a new window with the width of the screen resolution using screen.width directly and height of 200
Or you can declare screen.width as a variable and then use the variable like this:-

Code:

<body>
<script language="JavaScript">
var abc=screen.width
window.open('about:blank','window name','width=abc,height=200');
</script>
</body>

its pretty the same

again dont laugh at me, i know nothing about JS

Well I have nothing to laugh to.. thats why I make tutorials

**Jordan** · 12-06-2006 11:49 AM

Nice tutorial! Thanks!

**TcM** · 12-06-2006 12:17 PM

Thanks

Sidewinder did my post help you?

**xtraze** · 12-30-2006 01:37 AM

Really great tutorial and I am sure I am going to use this, thank you for sharing it.

**TcM** · 12-30-2006 05:45 AM

Originally Posted by xtraze

Really great tutorial and I am sure I am going to use this, thank you for sharing it.

Hope you use it

Thats why I share code, because someone might need it!

Thread: JavaScript:Tutorial, Screen Resolution

LinkBack

Thread Tools

Search Thread

Display

JavaScript:Tutorial, Screen Resolution

Thread Information

Users Browsing this Thread

Similar Threads

Screen resolution

capture screen shot from an application during run time

16 " screen

Capture the screen in a TImage

Change Resolution, Change Size

Bookmarks

Bookmarks

Posting Permissions