Mecha versi 2.6.4 sudah dirilis!

Mendapatkan Tinggi dan Lebar Layar Monitor

Tabel Konten
  1. Versi jQuery 
  2. Versi JavaScript Murni 

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

9 Komentar

Beben Koben

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

Taufik Nurrohman

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

Beben Koben

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

});

Andi AF Studio

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

sukses lah oom :D

Anonim

Saya mendapat bayak pengetahuan di blog ini..

Unknown

ini masukkin ke tema blognya mas??

Unknown

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

Komentar telah ditutup.