Sunday, March 10, 2013

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: , ,

9 Comments:

At Sunday, March 10, 2013 at 10:42:00 PM GMT+7, Blogger IRIL SAGITA said...

Contoh penerapannya gimana kak ?

 
At Monday, March 11, 2013 at 6:51:00 PM GMT+7, Blogger Beben Koben said...

yg versi jquery tinggi monitor saya kok = 0 !!!

 
At Monday, March 11, 2013 at 7:01:00 PM GMT+7, Blogger Taufik Nurrohman said...

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).

 
At Wednesday, March 13, 2013 at 7:16:00 PM GMT+7, Blogger Beben Koben said...

waktu ngetes nggak pakek
$(document).ready(function(){

});

 
At Monday, March 18, 2013 at 8:32:00 PM GMT+7, Blogger Andi AF Studio said...

buset dah ini blog efeknya udah kaya nonton pelem 3D \o/

sukses lah oom :D

 
At Wednesday, March 20, 2013 at 11:55:00 AM GMT+7, Anonymous Anonymous said...

Saya mendapat bayak pengetahuan di blog ini..

 
At Sunday, April 14, 2013 at 5:44:00 AM GMT+7, Blogger Unknown said...

ini masukkin ke tema blognya mas??

 
At Friday, April 19, 2013 at 9:53:00 PM GMT+7, Blogger Unknown said...

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 :)

 
At Saturday, April 20, 2013 at 9:59:00 AM GMT+7, Blogger Taufik Nurrohman said...

/2011/11/media-queries-saatnya-memulai-proyek.html

 

Post a Comment

<< Home