Mendapatkan Tinggi dan Lebar Layar Monitor
Versi jQuery
var x = $(window).width(),
y = $(window).height();
// Tampilkan lebar dan tinggi layar dalam kotak pesan
alert('Lebar layar: ' + x + '; Tinggi layar: ' + y);
Versi JavaScript Murni
var w = window,
d = document,
e = d.documentElement,
g = d.body,
x = w.innerWidth || e.clientWidth || g.clientWidth, // x = Lebar layar
y = w.innerHeight || e.clientHeight || g.clientHeight; // y = Tinggi layar
// Tampilkan lebar dan tinggi layar dalam kotak pesan
alert('Lebar layar: ' + x + '; Tinggi layar: ' + y);
Labels: JavaScript, jQuery, Potongan
9 Comments:
Contoh penerapannya gimana kak ?
yg versi jquery tinggi monitor saya kok = 0 !!!
Di Saya normal saja hasilnya. Cuma, sepertinya untuk yang versi JQuery hasilnya lebih akurat. Kalau layar yang sedang diukur tidak memiliki scrollbar, maka ukurannya jadi 1024 (jika lebar layarnya adalah 1024 piksel), tapi kalau ada scrollbar, lebar layar jadi berubah menjadi 1007 (1024 - 17).
waktu ngetes nggak pakek
$(document).ready(function(){
});
buset dah ini blog efeknya udah kaya nonton pelem 3D \o/
sukses lah oom :D
Saya mendapat bayak pengetahuan di blog ini..
ini masukkin ke tema blognya mas??
mas, mau tanya, ko blognya mas bisa menyesuaikan lebarnya dengan lebar monitor? soalnya ketika saya buka di mac, yang layarnya jauh lebih luas dibanding laptop saya, dan laptop biasanya, blog punya mas binya menyesuaikan, sedangkan blog saya jadi keliatan kurus banget... pake apa ya mas? makasih mas ditunggu jawabannya :)
⇒ /2011/11/media-queries-saatnya-memulai-proyek.html
Post a Comment
<< Home