Page-Details : Screen Resolution Detect/Redirect

JavaScriptSource Staff Sep 21, 2007

General

This very simple script detects the screen resolution of the user, and redirects them to the appropriate URL. It only needs to detect the screen width, making it compact and quick.

Notes

Created by: RoBorg
Web Site: http://javascript.geniusbug.com
Posted: September 21, 2007

Source Code

Paste this source code into the designated areas.

External file

Paste this code into an external JavaScript file named: screenRes.js

/* This script and many more are available free online at
The JavaScript Source!! http://www.javascriptsource.com
Created by: RoBorg | http://javascript.geniusbug.com */
/* Script by RoBorg
RoBorg@geniusbug.com
http://javascript.geniusbug.com | http://www.roborg.co.uk
Please do not remove or edit this message
Please link to this Web site if you use this script! */

switch(screen.width) {
 	case 640: goToPage('640x480.htm'); break;
 	case 720: goToPage('720x480.htm'); break;
 	case 800: goToPage('800x600.htm'); break;
 	case 848: goToPage('848x480.htm'); break;
 	case 1024: goToPage('1024x768.htm'); break;
 	case 1152: goToPage('1152x864.htm'); break;
 	case 1280: goToPage('1280x1024.htm'); break;
 	case 1600: goToPage('1600x1200.htm'); break;
 	default : goToPage('800x600.htm'); break;
}

function goToPage(url) {
	 alert('You would have been forwarded to ' + url);
}

Head

Paste this code into the HEAD section of your HTML document.


<script type="text/javascript" src="screenRes.js"></script>

Leave a Response

(0 comments)

Alphabetical Listing

Tutorials

Ajax Tutorials

Ajax

Buttons

Cookies

CSS

Forms

Games

Generators

Image Effects

Math Related

Miscellaneous

Multimedia

Navigation

Page Details

Password

Snippets

Text Effects

Time & Date

User Details