Bukan Togel Tapi Toggle

25 04 2010

Togel adalah sebuah judi yang diharamkan, tapi toggle adalah sebuah animasi buka tutup heee… 😉

Untuk membuat animasi buka tutup, dimana sebuah bagian (div) yang berisi teks tertentu dapat ditampilkan dan disembunyikan.

Pada masa lampau, jika terdapat banyak teks (misalkan help sebuah aplikasi), biasanya dibikin sebuah anchor (link pada halaman yang sama), namun dengan menggunakan jQuery kita dapat membuat solusi yang lebih indah.
Baca entri selengkapnya »





Animasi Image Menggunakan CSS dan jQuery

23 04 2010

Bagi anda yang sudah mahir membuat animasi flash, mungkin hal ini bukan menjadi sebuah masalah, tapi bagi saya yang awam, rasanya ribet harus membuat animasi flash, apalagi di linux belum ada hee… trus di browser juga harus terinstall plugin flash player, cape deh…

Solusinya kita bisa memanfaatkan kemampuan jQuery dan sedikit CSS, logikanya kita tinggal membuat sebuah ruang (div) untuk melakukan proses animasi ini, dalam ruang itulah kita ganti gambar secara bergantian dengan menggunakan jQuery, lebih tepatnya menampilkan satu gambar dan menyembunyikan yang lain…

Berikut ini script css untuk bagian utamanya, silahkan disesuaikan:
Baca entri selengkapnya »





Dasar jQuery

22 04 2010

Perhatikan contoh sederhana dibawah ini:

 <!DOCTYPE html>
 <html lang="en">
 <head>
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
   <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js" type="text/javascript"></script>
   <script type="text/javascript">
     $(document).ready(function(){
       $("a").click(function(event){
         alert("As you can see, the link no longer took you to jquery.com");
         event.preventDefault();
       });
     });

   </script>
 </head>
 <body>
   <a href="http://jquery.com/">jQuery</a>
 </body>
 </html>

dan mari kita bahas satu per satu… :

  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js" type="text/javascript"></script>

Digunakan untuk meload jquery, jika anda tidak memiliki koneksi internet, maka harus di download dulu ke komputer local

$(document).ready(function(){
       $("a").click(function(event){
         alert("As you can see, the link no longer took you to jquery.com");
         event.preventDefault();
       });
     });

Digunakan untuk mencari tags <a></a> di halaman html, kemudian menghandle fungsi klik (event click), dengan cara menampilkan pesat (alert).

Untuk membatalkan proses link yang ada digunakan perintah event.preventDefault()

Silahkan merujuk ke website jQuery untuk lebih jelasnya.





Mengenal jQuery

21 04 2010

jQuery adalah pustaka JavaScript kecil bersumber terbuka yang menekankan pada interaksi antara JavaScript dan HTML. Pustaka ini dirilis pada Januari 2006 di BarCamp NYC oleh John Resig dan berlisensi ganda di bawah Lisensi MIT dan GPL.

Microsoft dan Nokia telah mengumumkan akan mengemas jQuery di platform mereka [1]. Microsoft awalnya mengadopsinya dalam Visual Studio [2] untuk digunakan dalam ASP.NET AJAX dan ASP.NET MVC Framework, sedangkan Nokia akan mengintegrasikannya dalam kerangka Web Run-Time mereka.
Baca entri selengkapnya »