AJAX : Drop Down Menu

Gambar dibawah diintip tanpa izin dari http://www.site03.com/wp-content/uploads/2007/05/ajax-logo.jpg

In Japan Languange->Yooooooo….. Shashiburi

In English 1->  Long time no see…

In English 2 -> It’s been a while, huh?

In Bahasa Indonesia -> Woiii fren…. Gimana kabar mu?

In Batak Languange -> Horas bah!!! Sehat do barang-i?

In Java Languange -> Pie Kabare?

In Minang Languange -> Lamo tak besuo..

In Java Programming Languange -> System.out.println(”Long time no see”);

in QBasic Languange -> ? “Long time no see”

In Pascal Language -> writeln “Long time no see”;

In PHP Languange -> echo “Long time no see”;

In Javascript Languange -> document.write(”Long time no see”);

In My Daily Languange -> Loooojaaaa deh……!!!!!!!!!!!!!!!!!!!!!!!!!!!

Sory yah… rada-rada kurang nyambung…. Soalnya lagi pilek *gak nyambung*. Kali ini aku kasih tutorial bikin Drop Down Menu pake Javascript. Tapi gak mengkoding dari awal, kita make Framework yang udah ada aja deh. Ga pa pa kan?

Untuk itu kita membutuhkan DHTML Menu Framework yang bisa di download sini ato di sini. Atau kalo mau download langsung, saya sudah bersedia menyediakan mirrornya *tertawa cekikian*… Comot langsung via Ziddu. Tapi yang tersedia Trial Version loo, saya gak punya “hepeng”/uang/money/duit untuk beli Softwarenya.

Setelah itu install softwarenya… *woiiiii gann….. kek mana cara nginstalnya????!!!!! Woi!!!!!!!*

Oke-oke… Saya akan jelasin 1/1 = 1 *teringat waktu SD*

Setelah kamu donlot file bernama dhtml-menus-trial-setup.exe atau deluxe-menus-trial-v3.2.7-setup.exe, ganda *ganda=dobel* klik file tersebut untuk memoelai *gaya bahasa tempoe doeloe* instalasi.

Setelah selesai *wooiii gan!!!! Masa cuman dobel klik seh???!!!* Oke, oke…. Centang check box “I agree bla bla…” trus klik Next, trus klik Next lagi dan biarkan instalasi selesai. *nafas terengah-engah*

Jalankan program Deluxe Tuner dari program group Deluxe Menu Trial dan akan tampil window seperti dibawah ini dan pilih Deluxe Menu.

Setelah itu akan tampil window utama dengan tiga window terpisah. Pada window Deluxe Tuner, terdapat settingan global untuk tampilan menu drop-down *minum air putih dulu*. Pada window preview ditampilkan preview dari settingan menu yang sudah kita set. Dan pada window item parameters ada settingan untuk setiap item pada menu drop down.

Pada task pane Item di window Deluxe Tuner, kamu bisa mengatur item menu dan submenu. Kamu juga bisa menambahkan sebuah item submenu pada submenu lain dengan memilih submenu yang akan diberi child submenu dan tekal tombol Add Subitem pada Task pane Item yang berada di bawah.

*zzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzz*

*zzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzz*

*woiiii!!!! Ganda!!!!!!!!!!!!!!! Kok jadi tidur???!!!* Aduhhh, maaf ya… Hehehehehe… kita lanjut lagi…

Pada task pane Parameters di window Deluxe Tuner, kamu bisa mengatur seluruh parameter yang kamu inginkan. Saya akan menjelaskannya secara global aja yah..

Pada group parameter Common kita bisa mengatur menu drop-down ditampilkan horizontal atau vertikal. Atau mengatur penampilan submenunya. Mendisable menu bisa kita lakukan dengan mengubah property Item Target menjadi custom dan inisiasi nilainya dengan underscore “_”. Acem???

*Hahh… huh…. hahh…. huh….. ngos-ngosan*

Bagain yang paling menarik bagi saya adalah Parameters Transitional Effects dan Filters. Coba ubah parameter transition dan coba liat hasilnya pada window preview. Acem?? hehehehe….

Kamu juga bisa mengubah style menu drop down. Mau kayak Windows XP? Kayak Windows Vista? Atau model lain? Klik tombol templates pada window Preview. Gimana?? Keren Khann??

*Melap keringat yang bercucuran* Ahhh… hampir selesai….. Setelah settingan kamu selesai, export ke file html dengan menekan tombol Export HTML

Coba tampilkan file html yang sudah kamu export dan liat hasilnya.

Kenapa? Ada yang nambah di file htmlnya? Apa yang nambah? Ohhh pesan-pesan rakyat yang bertuliskan Trial Version ya?? Maklum deh, software yang aku donlot kan masih trial. Klo mau bener2 perlu, beli aja. Ato klo mau lebih extrem lagi, crack aja tuh software. Cari tau dimana software tersebut menuliskan trial version ke file html. Ato nanti klo dah kutemukan, ku kasih tau deh…?! Tapi gak janji ya?

Hmmmm, software ini ternyata masih ada barling-barlingnya.. Pada panel Items coba kamu klik kanan sebuah menu atau submenu dan pilih klik Add Subitem. Gimana gak jalan kan? Ada lagi looo, coba klik daerah kosong pada panel Items dan tekan tombol del pada keyboard. Apa yang muncul? Bisa gak suatu menu atau submenu di delete? Gak bisa kan? Coba lagi dengan mengklik daerah kosong pada panel Items dan klik tombol Delete Selected pada bagian bawah panel Items. Gak ada yang bisa di-delete kan?

Oke deh… itu aja dulu tuts dari aku… Sekian dan terima kasih *wuuuuuuuuueeeeekkkkk!!!!!!*