Jumat, 17 Agustus 2012

Membuat menu Dropdown dalam blog

masukkan code dibawah ini kedalam html/javascript (buat gadget baru)

  <select onChange="document.location.href=this.options[this.selectedIndex].value;">
   <option selected>Silakan Pilih</option>
   <option value="Link 1">Text 1</option>
   <option value="Link 2">Text 2</option>
   </select>

contoh DropDown menu

   <select onChange="document.location.href=this.options[this.selectedIndex].value;">
   <option selected>Silakan Pilih</option>
   <option value="http://kreasi-situsweb.blogspot.com/2013/04/index-blog-tips-dan-trik.html">Index: tips dan trik blog</option>

   <option value="http://kreasi-situsweb.blogspot.com/2013/04/index-internet-dan-jaringan.html">Internet dan jaringan</option>

   </select>

///////////////////////////////
TAMBAHAN:

Untuk kode di atas, apabila link akan dibuka pada page yang sama. Untuk buka link pada open link new tab, silakan tukarkan kode seperti berikut:
   <select onChange="document.location.href=this.options[this.selectedIndex].value;">
dirubah menjadi

   <select onchange="javascript:window.open(this.options[this.selectedIndex].value);">


selamat mencoba . . .. .

Tidak ada komentar:

Posting Komentar

Catatan: Hanya anggota dari blog ini yang dapat mengirim komentar.