DropDown Link V2


Sebelumnya sudah pernah membahas tentang Membuat Link Dari Dropdown. Kali ini Dark Ard membuat Dropdown Link yang lebih simple, Dan tentunya lebih praktis dari yang sebelumnya. Untuk trik yang sebelumnya, Dark Ard mengcopy dari Google. Sedangkan untuk trik yang sekarang, Dark Ard mempunyai metode senriri untuk membuat link dari dropdown.

Simple sekali. Kamu bisa membuka link di jendela yang sama, ataupun di tab baru (Sesuai selera dan kebutuhan kamu). Ikuti langkah dibawah ini untuk memulai.

DropDown Link (Membuka Link Di Tab/ Jendela Baru)


Dropdown yang ini, link akan dibuka di jendela yang baru. COntohnya kamu bisa coba DropDown dibawah ini:



Untuk membuat DropDown Link seperti diatas, caranya seperti ini:
<select name="DADdroplink" onchange="window.open(this.value);">
<option value="ALAMAT TUJUAN">NAMA SITUS</option>
</select>

Nah, itu adalah satu contoh. Jika untuk membuat beberapa link seperti yang dicontohkan diatas, kamu hanya perlu menduplikat tag <option> saja.

Contohnya seperti ini:
<select name="DADdroplink" onchange="window.open(this.value);">
<option value="ALAMAT TUJUAN 1">NAMA SITUS 1</option>
<option value="ALAMAT TUJUAN 2">NAMA SITUS 2</option>
<option value="ALAMAT TUJUAN 3">NAMA SITUS 3</option>
<option value="ALAMAT TUJUAN 4">NAMA SITUS 4</option>
<option value="ALAMAT TUJUAN 5">NAMA SITUS 5</option>
</select>

Kamu tinggal mengganti tulisan ALAMAT TUJUAN yang berwarna merah dengan URL kamu sendiri.
Ganti juga NAMA SITUS dengan nama yang akan ditampilkan pada DropDwon.

DropDown Link (Terbuka di Jendela/Tab Yang Sama)


Untuk yang ini, Link akan terbuka di jendela atau tab yang sama, tentu saja meninggalkan halaman sebelumnya. Contohnya kamu lihat DropDown di bawah ini:



Cara membuatnya, seperti ini:
<select name="DADdroplink" onchange="location.href=this.value;">
<option value="ALAMAT TUJUAN">NAMA SITUS</option>
</select>

Seperti biasa. Kalau ingin menambahkan beberapa lijnk lagi kedalam dropdown, kamu tinggal menambahkan tag <option> saja.

Sekian.. Tunggu Kejutan Lainnya :-P



Comments

4 comments:

Related posts
Guestbook
Author


© 2008 - 2016 DickeyMaru
Blogger Template Win 8 design by Dark Ard from DeezClan | All rights reversed.
  • Post
  • Comments
  • Related
  • Guestbook
  • Author
  • Other