brady.k — Thu, 11 Mar 2004 21:46:37 +0000

Well "fudge" it all, because I got a change in design from the client.

Haha...well, thanks anyways.

Chroder — Thu, 11 Mar 2004 03:22:21 +0000

lol You and your fancy CSS XHTML Strict valid designs!

Suzanne — Thu, 11 Mar 2004 03:21:23 +0000

Well, technically I wouldn't use resolution based designs, lol...

Chroder — Thu, 11 Mar 2004 03:14:28 +0000

But if the user doesn't have javascript enabled, the whole idea is b0rked. I'd do it via a query string. The javascript would automatically reload the page if the resolution was found, but text links/buttons/whatever would be displayed if it didn't. But thats me.

Suzanne — Thu, 11 Mar 2004 03:12:23 +0000

I agree it's easier to set the cookie in JavaScript and access it otherwise.

Chroder — Thu, 11 Mar 2004 03:01:02 +0000

I think its easier to set the cookie within Javascript.

<?php
if(isset($_COOKIE['page']))
{
    header(\"Location: http://yourdomain.com/{$_COOKIE['page']}\");
}

else
{
    echo \"xml version=\\"1.0\\" encoding=\\"UTF-8\\"\n\";
    
    <html>
    <head>
    &lt;script language=\"javascript\" type=\"text/javascript\"&gt;
        if(screen.width <= 640)
            var resolution = 'small';
        else if(screen.width > 640 && screen.width <= 800)
            var resolution = 'medium';
        else if(screen.width > 800 && screen.width >= 1024)
            var resolution = 'norm';
        else
            var resolution = 'small';
            // if no other value is set, use this default. you could just get rid
            // of the \"small\" if above, but i wanted it easy to change, so here it is again :p

        var page;

        switch(resolution)
        {
            case 'small':
                page = 'small.php';
                break;
            case 'medium':
                page = 'medium.php';
                break;
            default:
            case 'norm':
                page = 'norm.php';
                break;
        }

        var cookieDate = new Date(\"January 1, 2023\");
        var cookieExpire = cookieDate.toGMTString();

        document.cookie = \"page=\" + page + \";expires=\" + cookieExpire;
        window.location.reload(false);
    &lt;/script&gt;
    </head>
    <body>
    &nbsp;
    </body>
    </html>
    
} 
?>

Suzanne — Thu, 11 Mar 2004 02:31:22 +0000

I should point out that while the code I gave you will work, it won't give you want you want because you're not storing the page names in cookie...

You'll have to set up another switch($resolution) piece to send folks to the right code. Or move things around. Anyway, that should get you closer to where you want to be.

Suzanne — Thu, 11 Mar 2004 02:03:29 +0000

You shouldn't name variables the same as name as the $_VARIABLE -- it's just going to cause problems. Also, you don't need to do the concatenation bit, the $variable is within the double quotes and will be parsed.

<?php
if (isset($_COOKIE['resolution'])) { 
    $resolution = $_COOKIE['resolution']; 
    header(\"Location: http://www.yoururl.com/$resolution.php\"); 
} else { 
    $domain = '.yourdomain.com'; 
    $path = '/optional/directory/'; 

    // you'd get this from wherever
    $resolution = 'huge';
    
    // if you're consistent, you can do this:
    // $value = $resolution;
    // and leave the $value line out of each case

    switch($resolution) {
        case 'small':
            $value = 'small'; 
            $page = 'smindex.php';
            break;
        case 'medium':
            $value = 'medium'; 
            $page = 'medindex.php';
            break;
        case 'norm':
            $value = 'norm'; 
            $page = 'normindex.php';
            break;
        case 'huge':
            $value = 'huge'; 
            $page = 'hugeindex.php';
            break;
        case 'undefined':
            $value = 'medium'; 
            $page = 'medindex.php';
            break;
        default:
            $value = 'norm'; 
            $page = 'normindex.php';
            break;
    } 
    setcookie('resolution',$value, time()+3600*24*365,$path,$domain,0);     
    header (\"Location: $domain/$path/$page\"); 
} 
?>

If you leave off the JavaScript, can you get it to work?

Also, your JavaScript isn't working right:

&lt;script type="text/javascript"&gt; 
if (screen.width<=640) { 
	// if it's less than or equal to 640 pixels wide, it's small
	var resolution = 'small' 
	} 
else if (screen.width>640 && screen.width<=800) { 
	// if it's more than 640, but less than or equal to 800 wide, it's medium
	var resolution = 'medium' 
	} 
else if (screen.width>800 && screen.width<=1024) { 
	// if it's more than 800, but less than or equal to 1024, it's normal
	var resolution = 'norm' 
	}
else if (screen.width>1024) {
	var resolution = 'huge' 
	}
else {
	var resolution = 'undefined'
}
&lt;/script&gt;

Chroder — Thu, 11 Mar 2004 01:01:40 +0000

Eskater05 wrote: it goes to http://www.mywebsite.com/.php when it should be http://www.mywebsite.com/whatever.php

Thats because you were setting the cookie to a value of "", or nothing. You need to let PHP have a way of obtaining the value.

Chroder — Thu, 11 Mar 2004 01:00:24 +0000

The cookie detection works fine, for me anyway. The only problem with my alteration is its not redirecting the user with the query string so it can get the resolution in PHP. Try adding "?resolution=small" to the end of the URL of the code I gave you, it works. Just need to find why the javascript redirection isn't working...