Kali ini kita akan membuat Chart menggunakn plugin Fusion Charts dari jQuery, kelebihan plugin Fusion Chart dibandingkan plugin yang lain adalah tersedianya dokumentasi yang lengkap dan tentu saja chart yang dihasilkan sangat cantik, ehem. Anda bisa mendownloadnya secara gratis di
http://www.fusioncharts.com/jquery/ Adapun cara penggunaannya, perhatikan skrip berikut ini
click gambar tug memperbesar
Simpan skip diatas dengan nama grafik.html, kemudian jalankan melalui browse.
nb: ^^Bagi mahasiswa yang mengambil PPI silakan dipelajari tulisan ini^^
Tabs berfungsi memasukkan banyak content ke dalam satu halaman, kemudian merapikannya atau mengelompokkannya dalam bentuk tab, dan setiap content dapat ditampilkan dengan mengklik tab tersebut.
Pada pembahasan kali ini, kita akan membuat tab sederhana menggunakan library jQuery. Buatlah file baru dengan nama tabs.html, sama seperti sebelumnya simpan file tersebut didalam folder library jQuery. Berikut ini adalah script tabs.html.
click gambar untuk memperbesar
Ketika dijalankan di browser, hasil yang diperoleh adalah seperti ini, ^^selamat mencoba^^
Pada pembahasan kali ini kita akan membuat Tanggal menggunakan library javascript yang disediakan jQuery. Berikut adalah langkah-langkahnya :
- Buatlah folder baru dengan nama tanggal, kemudian masukkan library jQuery yang diperlukan.
- Selanjutnya buatlah file script dengan nama tanggal.html. Adapun script-nya adalah sebagai berikut :
click pada gambar, untuk memperbesar
- Jalankan melalui browser, akan ditampilkan hasil seperti ini (selamat mencoba).
jQuery adalah Javascript Library, atau dengan kata lain kumpulan kode/fungsi Javascript siap pakai, sehingga mempermudah dan mempercepat kita dalam membuat kode Javascript. Kesimpulannya, jQuery menyederhanakan kode Javascript. Hal ini sesuai dengan slogannya "Write less, do more" cukup tulis sedikit, tapi bisa melakukan banyak hal.
Salah satu kelebihan jQuery dibandingkan dengan Javascript Library yang lain adalah banyaknya ketersediaan plugin yang dimilikinya. Pada pembahasan kali ini, kita akan coba membuat efek content web dalam bentuk accordion menggunakan plugin jQuery UI, adapun langkah-langkahnya sebagai berikut :
- Simpan dengan nama accord.html. selanjutnya silakan jalankan di browser.
Hasil yang akan diperoleh adalah seperti ini.
