JavaScript:Tutorial, Screen Resolution

**TcM** · 12-03-2006, 10:43 AM

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, 11:23 AM

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, 11:56 AM

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, 09:49 AM

Nice tutorial! Thanks!

**TcM** · 12-06-2006, 10:17 AM

Thanks

Sidewinder did my post help you?

**xtraze** · 12-29-2006, 11:37 PM

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

**TcM** · 12-30-2006, 03: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!

**mkamoski** · 04-01-2010, 08:12 AM

Originally Posted by TcM

This is a simple tutorial.. It will get the screen resolution...

All --

Please help.

This does not seem to work for me.

1. I set my monitor to 800x600.
2. I view in IE8 and get screen.width=800 and screen.height=600.
3. I view in FF3.6 and get screen.width=720 and screen.height=540

How can I fix this?

Please advise.

Thank you.

-- Mark Kamoski

Thread: JavaScript:Tutorial, Screen Resolution

LinkBack

Thread Tools

Search Thread

Display

JavaScript:Tutorial, Screen Resolution

Re: JavaScript:Tutorial, Screen Resolution

Thread Information

Users Browsing this Thread

Similar Threads

Screen resolution issue and getting rid of gaps around the edges of the screen...

screen resolution problem

Screen Resolution problems

Screen Resolution problem

Screen resolution

Tags for this Thread

Bookmarks

Bookmarks

Posting Permissions