PDA

Click to See Complete Forum and Search --> : screen resolution detection and redirect.........

Wyld
12-04-2003, 08:16 PM
Hey guys,

I need help for this script. I'm building a web site and this web site is available in two resolutions: 800*600 and 1024*768.

1.On the main page (index.html), the script detect the screen resolution.

2.If the screen width is 800, I want to redirect to http://www.golfdumoulin.ca/page.html

3.If the screen width is 1024, I want to redirect to http://www.golfdumoulin.ca/pageA.html

4.Other, I want to stay in index.html and "The web site doesn't support your screen resolution" should appear.

5.When I refresh my web page.... the script seems to work.... but it always redirect me to
http://www.golfdumoulin.ca/pageA.html except if I am in any other screen resolution than 800*600 or 1024*768. So, the last part of the script works....

I don't know what's going on.....

Can u help me?

Sorry if my english isn't perfect.

-Frank.


<script language="JavaScript1.2">
<!--

var correctwidth1=800;
var correctwidth2=1024;

if (screen.width==correctwidth1)
{
function redirect()
{
window.location = "http://www.golfdumoulin.ca/page.html"
}
setTimeout("redirect();", 3000)
}

else if (screen.width==correctwidth2)
{
function redirect()
{
window.location = "http://www.golfdumoulin.ca/pageA.html"
}
setTimeout("redirect();", 3000)
}

else
{
document.write("The web site doesn't support your screen resolution")
}


//-->
</script>
Pittimann
12-05-2003, 02:06 AM
Hi!

Try something like that:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled</title>
<script type="text/javascript">
<!--
var correctwidth1=800;
var correctwidth2=1024;
if (screen.width==correctwidth1) {
setTimeout('window.location = "http://www.golfdumoulin.ca/page.html"', 3000);
}
else if (screen.width==correctwidth2) {
setTimeout('window.location = "http://www.golfdumoulin.ca/pageA.html"', 3000);
}
else {
document.write("The web site doesn't support your screen resolution")
}
//-->
</script>
</head>
<body>
<noscript>
Automatic redirection failed, because javascript is not active in your browser or it doesn't support javascript.
<br />
<br />
Our site is available for two screen resolutions. Please chose yours:
<br />
<br />
<a href="http://www.golfdumoulin.ca/page.html" title="&nbsp;&nbsp;">800 x 600</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="http://www.golfdumoulin.ca/pageA.html" title="&nbsp;&nbsp;">1024 x 768</a>
</noscript>
</body>
</html>

By the way - why don't you at least allow people with a resolution higher than 1024 to be redirected to pageA??

I added some noscript to avoid, that people with javascript disabled cannot access your site at all...

Cheers - Pit
Wyld
12-05-2003, 12:41 PM
hey Pit

I modified my javascript with some information I took in your script and it works perfectly.

<script language="JavaScript1.2">
<!--

var correctwidth1=800;
var correctwidth2=1024;

if (screen.width==correctwidth1)
{
setTimeout('window.location = "http://www.golfdumoulin.ca/page.html"', 3000);
document.write("...loading...");
}

else if (screen.width==correctwidth2)
{
setTimeout('window.location = "http://www.golfdumoulin.ca/pageA.html"', 3000);
document.write("...loading...");
}

else
{
document.write("The web site doesn't support your screen resolution");
}


//-->
</script>

Thx you for your help.
Cya.

- Wyld
__________________________________________________________
"Whoever fights monsters should see to it that in the process he does not become a monster. And when you look long into an abyss, the abyss also looks into you." -Nietzsche