Kotak Dialog dengan ColorBox

Repost dari artikel saya di PC Mild 04/2011

jQuery merupakan salah satu library javascript yang banyak digunakan saat ini. Karena kemudahan penggunaan dan kemampuannya yang powerful, serta modularity-nya yang mudah dikembangkan, banyak plugin diciptakan di atasnya. Salah satunya adalah plugin buatan Jack Moore yang dapat memudahkan pembuatan kotak dialog.

Dalam aplikasi web, kotak dialog memiliki banyak fungsi, antara lain adalah untuk menampilkan slideshow, perbesaran gambar, sampai dengan dialog konfirmasi. Pembuatan dari nol sebenarnya cukup mudah, seperti tutorial yang ada di PC Mild edisi 25/2010 lalu. Namun ada kalanya pemakaian plugin atau library yang telah jadi dapat mempersingkat waktu pembuatan. Salah satu plugin yang dapat digunakan adalah ColorBox.
Continue reading

Dialog Konfirmasi dengan jQuery

Repost dari artikel saya di PC Mild 01/2011

jQuery sangat memudahkan proses pembuatan tampilan website yang interaktif. Berkat kemampuannya yang telah dikemas secara kompak, programmer web bisa memanfaatkannya tanpa harus mengerti bagaimana proses yang terjadi.

Salah satu contoh penggunaannya adalah membuat dialog konfirmasi dalam halaman web. Walaupun sebenarnya cukup dengan menggunakan fungsi prompt() pada javacript, namun tampilannya kurang menarik dan bergantung dari browser yang dipakai. Dalam artikel ini akan dijelaskan trik membuat dialog konfirmasi dengan jQuery.
Continue reading

8 Hal Sederhana dari Javascript yang Harusnya Diketahui Lebih Awal

Repost dari artikel saya di PC Mild 23/2010 dan 24/2010

Facebook chat menggunakan javascript

Saat ini Javascript hampir selalu digunakan dalam setiap pembuatan website. Meskipun bahasa ini bersifat client-side, prosesnya yang ringan sehingga tampak secara realtime mampu memberikan interaksi yang lebih menarik. Coba saja Anda matikan fitur Javascript pada web browser Anda. Banyak website besar seperti Facebook, Twitter, Gmail, dan sebagainya pasti tidak akan berjalan dengan baik.
Continue reading

Membuat Icon Mengambang di Samping

Repost dari artikel saya di PC Mild 20/2010

Kombinasi antara javascript dengan CSS mampu menghasilkan tampilan website yang semakin menarik. Salah satunya adalah membuat tombol atau icon yang mengambang di bagian samping website, seperti pada http://mashable.com dan http://erikvandeven.com.

Tampilan floating button pada mashable.com

Kunci utama dari pembuatan tersebut terletak pada property CSS yang digunakan beserta struktur dokumen html-nya. Agar tombol (button) yang semula terletak tetap dapat ikut bergeser ke bawah seiring berjalannya scroll vertical pada browser, maka harus ditambahkan sedikit pemrograman javascript di dalamnya. Untuk lebih mudahnya, pada tutorial ini akan menggunakan library javascript yang sudah cukup terkenal dan banyak digunakan, yaitu jQuery. Untuk mendapatkan library ini, dapat didownload pada website resminya http://jquery.com.
Continue reading