|
Thursday Nov 15, 2007
In this article we will discuss how to get the users screen resolution. Wouldn’t it be great if you get the users screen resolution so that you could send optimized content for that particluar resolution, we can get users resolution using JavaScript’s but the problem is how do we get PHP to recognize it.
What we can do is get the users resolution using JavaScript and then set a cookie which has the users resolution, we can then access that cookie in PHP!
How can I get the users screen resoultion using JavaScript?
It's really simple I will show you the code
screen.width; //gives you the screen width
screen.height; //gives you the screen height
I will explain you the stuff with an example We will be using get_resolution.php with the help of JavaScript we will get the screen resolution and then set the screen resolution's value in a cookie named users_resolution when ever we execute the page we check with PHP to see if the cookie users_resolution is set, if it is not set we set it using JavaScript.
<HTML>
<TITLE>PHPBuddy getting screen resolution</TITLE>
<HEAD>
<?
if(isset($HTTP_COOKIE_VARS["users_resolution"]))
$screen_res = $HTTP_COOKIE_VARS["users_resolution"];
else //means cookie is not found set it using Javascript
{
?>
<script language="javascript">
<!--
writeCookie();
function writeCookie()
{
var today = new Date();
var the_date = new Date("December 31, 2023");
var the_cookie_date = the_date.toGMTString();
var the_cookie = "users_resolution="+ screen.width +"x"+ screen.height;
var the_cookie = the_cookie + ";expires=" + the_cookie_date;
document.cookie=the_cookie
location = 'get_resolution.php';
}
//-->
</script>
<?
}
?>
</HEAD>
<BODY>
<?php
echo "Your Screen resolution is set at ". $screen_res;
?>
</BODY>
</HTML>
|
