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 ?
By IRIL SAGITA, at Sunday, March 10, 2013 at 10:42:00 PM GMT+7
yg versi jquery tinggi monitor saya kok = 0 !!!
By Beben Koben, at Monday, March 11, 2013 at 6:51:00 PM GMT+7
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).
By Taufik Nurrohman, at Monday, March 11, 2013 at 7:01:00 PM GMT+7
waktu ngetes nggak pakek
$(document).ready(function(){
});
By Beben Koben, at Wednesday, March 13, 2013 at 7:16:00 PM GMT+7
buset dah ini blog efeknya udah kaya nonton pelem 3D \o/
sukses lah oom :D
By Andi AF Studio, at Monday, March 18, 2013 at 8:32:00 PM GMT+7
Saya mendapat bayak pengetahuan di blog ini..
By Anonymous, at Wednesday, March 20, 2013 at 11:55:00 AM GMT+7
ini masukkin ke tema blognya mas??
By Unknown, at Sunday, April 14, 2013 at 5:44:00 AM GMT+7
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 :)
By Unknown, at Friday, April 19, 2013 at 9:53:00 PM GMT+7
⇒ /2011/11/media-queries-saatnya-memulai-proyek.html
By Taufik Nurrohman, at Saturday, April 20, 2013 at 9:59:00 AM GMT+7
Post a Comment
<< Home