[Tips] Membuat Quick Jump Dengan PullDown Menu
Seorang rekan menanyakan melalui PM di forum:
maap ganggu, numpang tanya. gimana caranya buat tampilan archives kyk di funponsel.com/blog yg ada by content, by console itu, itu pulldown ya namanya? apa ada plugin nya?
Untuk lebih jelasnya, yg dimaksud adalah bagian sebagai berikut:
Apabila salah satu pilihan dalam pulldown menu tersebut diklik, maka halaman browser akan otomatis berpindah, tanpa perlu menekan tombol Submit atau sejenisnya lagi.
Cara membuatnya cukup mudah. Sebelumnya sempat kepikiran untuk dijadiin plugin aja, tapi kok males ya, hehehe. Eniwei, ini langkah2nya:
- Tambahkan script berikut di bagian header situs Anda (template HEADER untuk Wordpress), sebelum tag </HEAD>.
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_jumpMenu(targ,selObj,restore){ //v3.0
eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
if (restore) selObj.selectedIndex=0;
}
//-->
</script> - Tambahkan form pulldown menu berikut di tempat yg diinginkan. Sidebar misalnya.
<form class="quickjump" method="post" action="" style="margin:5px;">
<select name="catcompany" onchange="MM_jumpMenu('window',this,1)">
<option value="javascript://" selected="selected">Search Engine</option>
<option value="http://www.google.com">Google</option>
<option value="http://www.yahoo.com">Yahoo</option>
</select></form> - Tambahkan <OPTION> sebanyak-banyaknya sesuai yg diinginkan. Untuk membuat lebih dari 1 pulldown, cukup tambahkan blok <SELECT> berikutnya setelah blok </SELECT> sebelumnya ditutup. Jadi tidak perlu membuat blog <FORM> baru. Contoh:
<FORM>
<SELECT>
<OPTION value="...">...</OPTION>
<OPTION value="...">...</OPTION>
<OPTION value="...">...</OPTION>
</SELECT>
<SELECT>
<OPTION value="...">...</OPTION>
<OPTION value="...">...</OPTION>
<OPTION value="...">...</OPTION>
</SELECT>
</FORM> - Nah, simpan dan lihat hasilnya
Selamat mencoba :)
Anda dapat meletakkan link Anda di sini. Mau tahu caranya?
Namanya setau saya bukan pull down menu, tetapi drop down menu. Kalo pull down menu seperti model suckerfish. Tapi ga juga deng :D.
Kalau gitu berarti yg di funponsel semua url dalam drop down menu sudah ditentukan ya? Kalau misalkan kita buat category baru di WP berarti harus menambahkan url beserta kategori baru di template? Am i right?
makasih bos infonya :)
@yogi
nah itulah, masih manual. Kalo dibikin plugin kan bisa otomatis fetch dari Category list ato Links list. Lebih praktis.
Mungkin ada yg mo bikinin? :p
Hmm.. kalau model dropdown/pulldown menu gini kira-kira (buat situs yang masih baru) kescan/crawl nggak link-link yang ada di site kita sama searchengine.. ???
Nah ini dia yang saya cari-cari, wah terima kasih sekali cosa. Sempet mau nanya sama cosa (kalo gak salah) tapi gak enak nanyanya, itu khan rahasia perusahaan :-), hehehe
@dedi
Nggak ke-crawl, jadi manfaatin buat link2 yg gak terlalu penting, mis: tag. Untuk link2 penting, kyk Category, mending di list biasa pk text.
@arnol
hehehe, silahkan aja kalo mo tanya2 seputar theme/template WP (cara bikin ini itu), pasti dijawab. Asal gak minta theme-nya aja :)
memang minta themesnya gak boleh ya mas :) padahal kalau di publish dan banyak yang pakai malah dapat tambahan backlink yang banyak. saya mengamati bahwa memberikan themes gratis ternyata memang salah satu strategi mendapatkan backlink yang sangat ampuh :)
Thx mas cosa tutornya :)
wew never seeing this tutor before (i though all tutor goes to wp section)
thx sir very nice tips, but how if visitor disable their javascript, is this still can jump page ?
kalau javascriptnya yang dimatikan sih bukan cuma menunya aja yang error, iklan adsense kita juga gak bakalan keluar, jadi ya percuma saja situs kita di buka orang tersebut :)
di dreamweaver juga ada fasilitas buat drop down menu sperti ini, jadi lebih gampang buatnya.. tinggal nanti copy paste codenya. tapi ya tu tadi, bakal susah di baca SE deh sepertinya.
katanya, untuk url yang ada dalam tag form, termasuk dropdown, udah bisa dibaca jg ama google. Katanya loh :)
o ini toh menu pull down (drop down ?)
:-)