JavaScript:Tutorial, Screen Resolution

**TcM** · #1 (**permalink**) 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*** · #2 (**permalink**) 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** · #3 (**permalink**) 12-03-2006, 01:56 PM

Quote:

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

Quote:

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

Quote:

again dont laugh at me, i know nothing about JS

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

**Jordan** · #4 (**permalink**) 12-06-2006, 11:49 AM

Nice tutorial! Thanks!

**TcM** · #5 (**permalink**) 12-06-2006, 12:17 PM

Thanks

Sidewinder did my post help you?

xtraze · #6 (**permalink**) 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** · #7 (**permalink**) 12-30-2006, 05:45 AM

Quote:

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 Tools	Search this Thread
Show Printable Version Email this Page	Search this Thread: Advanced Search
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Screen resolution	NeedHelp	PHP Forum	6	05-14-2007 01:54 PM
capture screen shot from an application during run time	engr	Visual Basic Programming	1	01-29-2007 03:38 PM
16 " screen	techni68	Computer Hardware	5	01-22-2007 10:43 AM
Capture the screen in a TImage	MrDiaz	Pascal/Delphi	3	12-06-2006 11:57 AM
Change Resolution, Change Size	Void	C# Programming	1	06-13-2006 02:48 PM

CodeCall

Sponsors

Freelance Jobs

Compare Hosting Plans

CodeCall Goal

Ads

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)