StyleSheets, JavaScript and PHP

knickerlas

Hi everyone.

Currently I have an general include that checks browser and platform and adjusts the textsizes and writes the StyleSheet onto the <head> of my pages.

This works great but I would like to add some resolution testing (screen-size) using JavaScript.

I'm not to good at JS but I understand that I souldn't execute any function untill the <body> loads right? Which would be to late.

Can anyone offer me the benefit of their own experiences or thoughts on this little challenge?

Much thanks

Nick

lucianoes

I have the script below, that does exactly that. I had to leech it from somewhere because I don't know squat about JS.

That piece of code will print information about the client's screen resolution and browser version on the screen. I mean, it generates code and prints stuff on the fly, like PHP. I tried to figure out some way to make it mingle with PHP code and produce links that the pass screen res to another page as a variable in the link, but I got all tangled up in the syntaxes and postponed the whole thing which, after all, has absolutely no priority at all. If anybody here can show me how it's done, I'd appreciate it too.

    Thank you,
    Luciano ES
    Santos - SP - Brasil

===============================
<script language="javascript1.2">

</script>

marcel

try something else,
in style sheets
insted of:
...
font-size: 12px;
line-height: 20px;
// things like that

use:

font-size: 0.4cm;
line-height: 0.5cm;

change px/pt -> cm

knickerlas

Actually I use text-size: small; etc

That way peopæe can still adjust the size if they have poor vision (like me)

Problem is, what looks right on 800x600 is a bit smalll on 1024x728

Nick

knickerlas

Looks a bit tricky.

Nick

matto

hi, I think this is useful for you:

here's a script that you can load as the first page the user accesses when entering your site.

it reads out the screen data using javascript, and once this has been done, reloads itself instantly handing over the screen data via url so it is available for php -

if you use it on your site make sure that it redirects to your first page in which the style sheet can already be modified depending on the transmitted screen data.

in this demo the script reloads itself and just displays the screen data.

// get screen info

<head>
<title>screen info</title>
<?

if(!isset($screen_vars))
{
?>
<script>

function getScreenInfo()
{
ah = screen.availHeight;
aw = screen.availWidth;
cd = screen.colorDepth;
h = screen.height;
pd = screen.pixelDepth;
w = screen.width;

    // once the info has been read by js, redirect to this url which
    // * processes the screen info data
    // * displays the main page, e.g. your portal's home or menu
    // * replace $PHP_SELF by that page's url

    url =   "<?=$PHP_SELF ?>?screen_vars=ok"
            +"&ah="+ah
            +"&aw="+aw
            +"&cd="+cd
            +"&h="+h
            +"&pd="+pd
            +"&w="+w;

    window.location.href = url;

}
</script>
<?
}

?>
</head>
<?
if(!isset($screen_vars))
echo "<body onLoad=getScreenInfo();>\n";
else
echo "<body>";
?>
<h1>Screen info grabbing</h1>

Here's the grabbed data:<br>

echo "AvailHeight = $ah<br>";
echo "AvailWidth = $aw<br>";
echo "ColorDepth = $cd<br>";
echo "Height = $h<br>";
echo "Width = $w<br>";
echo "PixelDepth = $pd<br>";

</body>

knickerlas

Thanks, looks interesting.

There is possibly a problem as far as search engines are concerned though. I think you can get penalized for redirects in some engines which is why I'm trying to avoid it.

Nick

marcel

man,
just use `cm'

trust me,
or at least make a test a look how page looks.
(you don't have to wory about browser, too)

knickerlas

Fair enough, I'll do some testing over the weekend.

Cheers

Nick

matto

hmmm...
you could offer a direct link (without reloading) that can be followed by the engines.
this link must be invisible to the users and I suggest it should come before the user destinated link in the html output.

make it white on white or something like that.

knickerlas

Certainly an idea, but not ideal. I'm not sure there is an ideal. Interesting though eh?

Nick