www.webdeveloper.com
Results 1 to 3 of 3

Thread: screen resolution detection and redirect.........

  1. #1
    Join Date
    Dec 2003
    Posts
    2

    screen resolution detection and redirect.........

    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>

  2. #2
    Join Date
    Nov 2003
    Location
    Aachen, Germany
    Posts
    4,090
    Hi!

    Try something like that:
    PHP Code:
    <!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

  3. #3
    Join Date
    Dec 2003
    Posts
    2

    Thumbs up modified javascript

    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

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles