تعیین رزولوشن مانیتور به صورت هوشمند و تغییر استایل

نیما حبیب خدا · آبان 91

امروز میخوام یک آموزش قرار بدم در مورد اینکه با کمک جاوا و پی اچ پی چگونه رزولوشن یک مانیتور را تشخیص دهیم و به کمک آن استایل صفحه مربوطه را تغییر دهیم ..

طرح عمل: ما یک فایل سی اس اس نوشتیم ..( بر حسب پیکسل یا درصد . مهم نیست . ) حال یک دایو با یک کلاس مشخص کردیم که قصد داریم در رزولوشن های متفاوت این اندازه تغییر کند . یعنی مثلا در اندازه 1280 یک شکل باشد و در باقی اندازه یک شکل دیگر... این کلاس خاص را در استایل های متفاوت مینویسیم و در فایل های جدا قرار میدهیم و در زیر فراخوان استایل اصلی شرط پی اچ پی را قرار میدهیم . با اینکار ، فایل مربوطه بر استایل های ما اضافه میشود و در نتیجه کلاس دایو به خصوص ما استایل جدید میگیرد و مشکل حل میشود .

حل مسئله :

ابتدا باید با کمک جاوا اندازه مانیتور را تخمین بزنیم ، سپس تخمین را با کمک پی اچ پی به متغیر تبدیل کنیم که این متغیر یک عدد صحیح است . سپس با استفاده از اپراتورهای پی اچ پی یک نا معادله مینویسیم .



<?php
session_start();

$screen_resolution=0;

if (!isset($_SESSION[iterate]))
{
if(!isset($HTTP_COOKIE_VARS["users_resolution2"]))

//means cookie is not found set it using Javascript
{
$_SESSION[iterate]=1;
?>
<script language="javascript">
<!--
writeCookie();

function writeCookie()
{

var the_cookie = "users_resolution2="+ screen.width +"x"+ screen.height;

document.cookie=the_cookie

location ='<?php echo $_SERVER['PHP_SELF'];?>';
}
//-->
</script>
<?php
}
else{
$screen_resolution = $HTTP_COOKIE_VARS["users_resolution2"];
}
}
else{
$screen_resolution = $HTTP_COOKIE_VARS["users_resolution2"];
}
settype($screen_resolution, "integer");
//echo $screen_resolution;
?>



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>تعیین رزولوشن مانیتور</title>
<meta name="description" content="کد نویسی توسط نیما حبیب خدا."/>
<meta name="keywords" content="PHP, css, screen resolution"/>
<meta name="owner" content="نیما حبیب خدا"/>
<meta name="author" content="نیما حبیب خدا"/>
<meta http-equiv="content-Type" content="text/html; charset=utf-8"/>
<meta name="robots" content="index,follow"/>
<meta name="revisit after" content="2 weeks"/>
<!-- End of Meta Tags -->
<?php
if($screen_resolution ==1024)
{
print('<link href="style1024.css" rel="stylesheet" type="text/css" media="Screen"/>');
}
elseif(($screen_resolution > 1024)&&($screen_resolution < 1360))
{
print('<link href="style1280.css" rel="stylesheet" type="text/css" media="Screen"/>');
}
elseif(($screen_resolution > 1359)&&($screen_resolution < 1439))
{
print('<link href="style1360.css" rel="stylesheet" type="text/css" media="Screen"/>');

}elseif(($screen_resolution > 1439)&&($screen_resolution < 1599)
{
print('<link href="style1440.css" rel="stylesheet" type="text/css" media="Screen"/>');
}
elseif(($screen_resolution > 1599)&&($screen_resolution < 1900))
{
print('<link href="style1600.css" rel="stylesheet" type="text/css" media="Screen"/>');
}
elseif($screen_resolution > 1900)
print('<link href="style1920.css" rel="stylesheet" type="text/css" media="Screen"/>');
?>
</head>
<body>
<div id="page">
  <div id="header"><br/>

  </div>
 <div id="content">
 <div id="middle_right">
<div id="middle">

<h1 align="center">بهترین راه برای تعیین رزولوشن مانیتور .</h1>
<p>نوشته شده توسط نیما حبیب خدا</p>

نیما حبیب خدا · آبان 91

دوستان هرکی تست کرد و مشکلی داشت مطرح کنه و هرکی هم آنلاین کار کرد لطفا لینک استفاده شده را قرار بده تا بتونیم نتیجه کار رو ببینیم .

ورود

تعیین رزولوشن مانیتور به صورت هوشمند و تغییر استایل

2 پست در این موضوع

Share this post

Link to post

Share on other sites

Share this post

Link to post

Share on other sites

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

ایجاد یک حساب کاربری

ورود به حساب کاربری

خانه

فعالیت ها