Minggu, 05 Mei 2013

Javascript, Jquery, Css Pendeteksi screen/layar


Sekarang jaman-jamannya responsive. mungkin anda ingin mencoba juga..? jangan mau ketinggalan, disini saya ingin share kode untuk mendeteksi screen/layar.

$(window).resize(function(){
if ($(window).width() < 1000) {
//Lakukan sesuatu disini jika layar kurang dari 1000px
} else {
//Lakukan sesuatu disini jika layar lebih dari 1000px
}
});

@media (min-width: 1000px) {
/* Lakukan sesuatu disini jika layar minimal lebarnya 1000px */
}

if( (window.innerWidth || document.documentElement.clientWidth) < 1000) {
//Lakukan sesuatu disini jika layar kurang dari 1000px
}
else {
//Lakukan sesuatu disini jika layar lebih dari 1000px
}

Pilihan tergantung kita mau memakai yang mana dan pasti ada alasan tersendiri jika anda memakai versi javascript,jquery ataupun css. Kode ini bisa disebut juga sebagai Media Responsive. kodenya tidak aku jelaskan jadi mungkin anda harus sedikit mengerti tentang kode. Referensi Stackoverflow