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")
}
<!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=" ">800 x 600</a> <a href="http://www.golfdumoulin.ca/pageA.html" title=" ">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...
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
Reply With Quote
modified javascript
Bookmarks