Beberapa waktu yang lalu pernah terpikir oleh w bagaimana membuat Menu menggunakan List Menu, dimana ketik kita memilih salah satu menunya akan tereksekusi langsung.. w berfikir untuk menggunakan PHP tapi rasanya tidak mungkin, w coba Googling, ternyata scriptnya rumit banget,,, ternyata setelah w bereksperimen, menggunakan Javascript tentunya, ternyata tidak terlalu sulit… nah maka dari itu w pengen berbagi sama kalian, ternyata membuat Dropdown menumenggunakan List Menu tidaklah susah, oke langsung aja gini scriptnya…
Nah ini letakan di Head Aja…
<script>
function pil_menu() {
if(document.forms["pilih"].menu.value!=”pilih”) {
var alamat = document.forms["pilih"].menu.value;
location.href=’alamat’;
}
}
</script>
Sekarang kita buat list menunya sebagai form menu, tentu aja di letakan di body…
<form name=’pilih’>
<select name=’menu’ onchange=’pil_menu()’>
<option value=’pilih’>Pilih</option>
<option value=’http://www.google.com’>Google</option>
<option value=’http://www.facebook.com’>Facebook</option>
<option value=’http://www.youtube.com’>Youtube</option>
<option value=’http://www.ilmuwebsite.com’>IlmuWeb</option>
</select>
</form>
Nah.. gampangkan, tapi kalo kalian masih bingung, w jelasin lagi scriptnya, gini aja biar gampang..
function pil_menu() {
Pertama kita buat fungsi pil_menu(), untuk digunakan di Eventhandler pada select menu
if(document.menu.value!=”pilih”) {
Disini dibuat validasi, kalo nilai dari menu tidak sama dengan “pilih”, artinya belum dipilih URLnya..
var alamat = document.menu.value;
Nah kalo yang ini buat ngambil value dari nilai setiap menu, kalo kalian pilih Google maka valuenya http://www.google.com, ini akan dijadikan alamat tujuan.
location.href=’alamat’;
Yang ini proses yang terakhir, setelah kita dapet alamat tujuan kalian akan dialihkan ke alamat tersebut di baris yang ini…
dan yang gak kalah pentingnya kalian harus sisipkan fungsinya di onchange=’pil_menu()’, ketika kalian memilih atau mengubah pilihan kalian dari list menu tersebut maka fungsi pil_menu() akan di jalankan…
Waahh kayaknya gampang banget kan.. w yakin kalian juga pasti cepet ngerti kok.. btw mungkin itu aja yg w pengen kasih tau mudah mudahan ini dapat bermanfaat buat kalian serta dapat menjadi referensi yang berguna buat kalian, dan w masih menunggu saran, komentar, kritik atau apapun asalkan bukan spam :).. ok see you later,,,
nice tips kawan
salam kenal
mantaph……..
Kalo untuk blogdetik di mana bisa taruh itu code scriptnya??
Soalnya di blogdetik tidak seperti blogspot yang bisa otak-atik scriptnya
Thanks for the info.
Yah, sayangnya (semua) themes yg. tersedia di blogdetik.com tdk bisa pakai Javascript, atau sy yg. keliru? Ada opsi lain?
Tks, Sammy.
@BANANA
ada di blog detik fitur dari pluginnya kalo ga salah namanya WP-HIGHSLIDE . . . .
disitu bisa nambah javascript di dalem tag body . . . . .
kaya punya bro suami malas dia bisa make script anti copas. . . .
CMIIW . . . .
Hello from Russia!
Can I quote a post in your blog with the link to you?
every dofuser needs dofus kamas, but most of them can’t find a good cheap dofus kamas provider, so it’s a problem is they want to buy dofus kamas.now bawwgt will be your best choice on dofus power leveling
sblmx saya ucapkan salam knal n terima kasih atas source codex.
akan tetapi pas saya coba tidak mau menampilkan alamat yg di tuju
conto : saya memilih google tidak mau ke http://www.google.com
napa ya?padahal udah saya teliti dan sama coding ya.
mhon blasanx ya…
thanks b4
@fman : terima kasih atas komentarnya.. script yang anda coba copy, sudah saya coba di komputer saya dan berhasil, coba teliti lagi, atau coba kirimkan script anda ke email saya amri.multimedia@yahoo.com, nanti akan saya coba cari masalahnya, dan secepatnya saya kabarkan.. terimakasih
mo nanya mas gimana klo alamat yang di tuju
$page = $_GET['page'] ato
alamat sebuah $page melalui menu list
mohon bantuan terima kasih
mo nanya mas gimana klo alamat yang di tuju
$page = $_GET['page'] ato
alamat sebuah $page melalui menu list
mohon bantuan terima kasih
bALASAN NYA LEWAT EMAIL AJA YAA, KLO BISA CONTOH SCRIPT NYA
gak jalan tuh kode ???
@budi : masa sih mas, saya udah coba, dan semuannya berjalan lancar. coba lagi dah mas, atau coba kirimkan kodenya ke email saya amri.multimedia@yahoo.com
Ini script yg udah expired oleh javascript
makanya udah gak bisa jalan di browser2 baru
coba dijalankan di IE bakal matot
mas code membuat menu dropdown pada saat klik kanan di web spti apa di javascript?