"Om Swastiastu"
Untuk solusinya, kita perlu mendeteksi resolusi layar pengunjung sebelum browser menampilkan halaman utama dari situs yang kita buat. Kita akan membuat script yang bisa mendeteksi resolusi layar dengan PHP dan Javascript. Langkah yang diperlukan yaitu, buatlah sebuah folder dengan nama resolusi di dalam folder htdocs, lalu buat file index.php didalamnya dan silahkan ketik script berikut ini.
<?php
session_start();
if(empty($_SESSION[w]) && empty($_SESSION[h])){
echo "<script language='javascript'>";
echo "document.location = 'resolution.php?'";
echo "w='+screen.width+' &h='+screen.height";
echo "</script>";
}else{
?>
<html>
<head>
<title>Detecting Screen Resolution</title>
<style>
#screen{
height:100%;
background: #333;
border: 2px solid #999;
}
</style>
</head>
<body>
<div id="screen" align="center">
Lebar layout ini sesuai dengan resolusi monitor anda.<br/>
<?php echo "$_SESSION[w]x$_SESSION_[h] pixel";?>
</div>
</body>
</html>
<?php
}
?>
Untuk memulai session kita menggunakan kode session_start(). Kemudian kita akan mengecek apakah sudah ada nilai pada variabel $_SESSION[w] dan $_SESSION[h]. Jika sudah terisi maka halaman index.php akan menampilkan tag html dan apabila session masih kosong, maka halaman akan dialihkan ke halaman resolution.php dengan parameter lebar dan tinggi dari resolusi komputer masing-masing client (lihat kode bagian script document.location).
Selanjutnya buat file dengan nama resolution.php dan simpan didalam folder resolusi tadi. Lalu ketikkan script dibawah ini:
<?php
session_start();
$_SESSION[w] = $_GET[w];
$_SESSION[h] = $_GET[h];
if(isset($_SESSION[w]) && isset($_SESSION[h])){
header('location: index.php');
}
?>
Nah, dalam file resolution.php ini parameter yang kita kirim tadi akan diolah, selanjutnya akan ditampung dalam variabel global session. Kemudian session divalidasi jika sudah terisi maka halaman akan kembali dialihkan ke halaman index.php. Begitulah kira-kira kerja dari script diatas dan nantinya akan ditampilkan ukuran dari resolusi layar komputer masing-masing client.
Semoga berguna untuk teman-teman sekalian.
"Om Santhi, Santhi, Santhi, Om"
Comments:
Post a Comment