Animasi slideUp dan slideDown di jQuery

Berikut akan dijelaskan bagaimana membuat efek slideUp dan slideDown di jQuery. Pertama-tama siapkan div yang akan dianimasikan dan controlnya :<button id=”tampil”>Tampilkan</button>&nbsp;<button id=”sembunyi”>Sembunyikan</button>&nbsp;<div id=”kutipan”>The LORD bless you   and keep you,<br/> the LORD make his face shine on you  and be gracious

Animasi fadeIn dan fadeOut di jQuery

Untuk membuat animasi fadein dan fadeout di jQuery, kita dapat menggunakan function fadeIn() dan fadeOut(). Berikut akan dijalskan langkah-langkahnya Tentukan div yang akan dianimasikan dan juga controlnya :<button id=”tampil”>Tampilkan</button>&nbsp;<button id=”sembunyi”>Sembunyikankan</button><div id=”kutipan”>The LORD bless you   and keep you,<br/> the LORD make

Animasi speed di jQuery

Kita dapat menambahkan animasi speed di jQuery dengan memasukkan paramater kecepatan. Sebagai contoh untuk function show dan hide yang telah kita bahas sebelumnya. Pertama-tama kita siapkan div yang akan dianimasikan dan juga button untuk mengontrolnya: <button id=”tampil”>Tampilkan</button>&nbsp; <button id=”sembunyi”>Sembunyikankan</button> <div

Show dan hide di jQuery

Kita dapat dengan mudah menampilkan dan menyembunyikan suatu div dengan memakai fungsi show() dan hide() yang ada di jQuery. Berikut akan dijelaskan langkah-langkahnya. Pertama kita membuat div dan juga button untuk mengontrol show dan hide tersebut:<button id=”tampil”>Tampilkan</button>&nbsp;<button id=”sembunyi”>Sembunyikankan</button><div id=”kutipan”>The LORD

Event toggle di jQuery

Event toogle di jQuery akan menimbulkan efek semacam on/off. Secara teknis pada saat klik pertama dia akan menjalankan function 1, saat klik kedua akan menjalankan function 2, setelah klik ketiga akan kembali menjalankan function 1, klik  keempat menjalankan function 2

Event handler di jQuery

Untuk menambahkan event handler melalui jQuery kita dapat menggunakan bind pada selector yang bersangkutan. Sebagai contoh kita akan menambahkan event handler saat user melakukan click pada id buat-besar    $(‘#buat-besar’).bind(‘click’,function(){        $(‘#kutipan’).removeClass(‘normal’);                $(‘#kutipan’).removeClass(‘normal’);                $(‘#kutipan’).addClass(‘besar’);       

Selector jQuery yang utama

Selector merupakan salah satu kelebihan dari jQuery. Dalam jQuery ini kita menjumpai 3 selector utama yaitu Tag nama Class ID Misal kita mempunyai file selector_1.html :<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.0 Transitional//EN”><html><head><title></title><link rel=”stylesheet” href=”selector1.css”> <script src=”development-bundle/jquery-1.6.2.js”></script></head><body><h1>Psalm 23</h1><div class=”ayat” id=”pertama”>The LORD

Mengenal format JSON

JSON  atau Javascript Object Notation adalah format pertukaran data dengan ukuran data yang kecil. Kita dapat dengan mudah membuat dan membaca format JSON. Ada 2 macam struktur JSON yaitu Array Formatnya [value1,value2,value3 …] Object yang merupakan kumpulan dari pasangan nama/nilai

Upload progress bar

Pernahkan anda berusaha menampilkan progress dari proses upload? Berikut akan dijelaskan salah satu solusi mengenai upload progress bar. Jika kita browsing di Google mencari solusi ini tidak ada solusi menyeluruh yang bisa diterapkan di berbagai macam platform. Salah satu artikel