Selasa, September 07, 2010

JAVASCRIPT : Menampilkan Ikon Browser yang sedang Anda Gunakan

Wah tidak terasa hampir 2 bulan ini saya tidak ngepost diblog ini, blog ini bagaikan ada sarang laba - labanya,, ya banyak sekali kegiatan saya dalam beberapa bulan ini, sehingga blog ini gak pernah kebuka lagi. Oh iya sebelumnya saya mohon maaf (mumpung mau lebaran, He) kepada sahabat - sahabat blogger sekalian jika saya tidak sempat berkunjung lagi ke blog sobat - sobat sekalian, kangen rasanya kaya dulu lagi saling kunjung - kunjungan.

oke, lngsng k poin nya aja ya,, nah kali ini kita akan membahas contoh javascript sederhana, kita akan membuat suatu fungsi JS untuk menampilkan ikon dari browser yang sedang anda gunakan.
berikut script nya (langsung copas aja ke notepad ya,,)  :
<script type="text/javascript">
//Script ini akan menampilkan ikon browswer yang sedang anda gunakan
var browser = navigator.userAgent;

if (/MSIE (\d+\.\d+);/.test(navigator.userAgent)){
  document.write("<p align='center'><b>Browser anda saat ini<br><img src='Ly246.png' width='80' height='80' hspace='4' ><br>INTERNET EXPLORE</b>");
}else if (/Firefox[\/\s](\d+\.\d+)/.test(navigator.userAgent)){ //cek Firefox

    document.write("<p align='center'><b>Browser anda saat ini<br><img src='vQ66O.jpg' width='80' height='80' hspace='4'><br>MOZILLA FIREFOX</b><p>");
}else if (/Chrome[\/\s](\d+\.\d+)/.test(navigator.userAgent)){ //cek Google chrome

    document.write("<p align='center'><b>Browser anda saat ini<br><img src='DL82Z.png' width='80' height='80' hspace='4' ><br>GOOGLE CHROME</b>");
}else if (/Opera[\/\s](\d+\.\d+)/.test(navigator.userAgent)){ //cek Opera

    document.write("<p align='center'><b>Browser anda saat ini<br><img src='q97lz.jpg' width='80 height='80' hspace='4' ><br>OPERA</b>");
}else if (browser.toLowerCase().indexOf('safari') > 0){ //cek Safari
    document.write("<p align='center'><b>Browser anda saat ini<br><img src='yhcIx.png' width='80' height='80' hspace='4' ><br>SAFARI</b>");
}
else
 document.write("tidak bisa menampilkan ikon.");
</script>
Simpanlah script tersebut dengan nama index.html buatlah folder baru untuk menyimpannya, kemudian setelah anda meyimpan script tersebut anda membutuhkan ikon - ikon dari masing - masing browser yang akan ditampilkan nantinya.

download masing - masing ikon pada link di bawah ini (simpanlah pada folder yang sama dengan index.html)

Untuk percobaannya silahkan anda open with file index.html dengan beberapa browser yang anda miliki,
Tutorial dan semua filenya bisa anda download disini
sebagai contoh penggunaannya lihatlah sidebar sebelah kanan paling bawah dari blog ini
Selamat mencoba...!!!!!!

Artikel Terkait



1 komentar: on "JAVASCRIPT : Menampilkan Ikon Browser yang sedang Anda Gunakan"

Anonim mengatakan...

thank mas bro,,,isi blognya sangaat membantu ..!!!

Posting Komentar


Blog ini sudah DOFOLLOW, silahkan memberikan komentar untuk backlink