Assalamu'alaikum warrahmatullahi wabarakatuh.

Pada postingan kali ini saya akan menjelaskan mengenai jQuery.

Langsung saja, saya akan menjelaskan berdasarkan list di bawah ini :

1. Buatlah sebuah paragraf yang berisi pemahaman Anda tentang jQuery.
2. Buatlah sebuah/beberapa paragraf yang menjelaskan maksud perintah jQuery berikut:


• $(this).hide();
• $("h1").click(function(){ alert('Dor') });
• $(".barisgenap").hide();
• $("#elemenkedua").focus(function(){ $(this).css("background-color", "#cccccc"); });
3. Memiliki sebuah tombol yang apabila ditekan akan menghilangkan sebuah elemen. Setelah elemen tadi hilang, maka akan muncul sebuah elemen yang lain. Setelah elemen kedua ini muncul, maka akan muncul pesan pemberitahuan yang bertuliskan "Taraaaa".
4. (Poin 3) Buatlah sebuah tulisan dan sebuah tombol. Sebelum tombol ditekan, maka tulisan ini normal. Tapi setelah tombol ditekan sekali, maka tulisan ini akan menjadi misterius, yakni dia menghilang begitu cursor mouse melewatinya dan muncul kembali ketika cursor mouse tidak lagi melewatinya.
5. Menggunakan jQuery Ajax, buatlah sebuah requst ke alamat http://api.babyhanana.com/index.php/home/kategori_produk lalu tampilkan produk pertama dari setiap kategori menggunakan elemen list.
6. (poin 3) Menggunakan jQuery Ajax, tampilkan semua pesan secara real time menggunakan elemen <li> dengan cara mengambil pesan baru pada tautan http://api.babyhanana.com/index.php/home/pesan_with_id_bigger_than dengan method "GET" dan parameter "last_id" yang merupakan id pesan terakhir yang sudah pernah diterima, yang diakses pesan baru setiap 5 detik.

---



1. Pertama, - .

 Outputnya : 


2. -.

 Outputnya : 


3. -.

 Outputnya : 


4. -.

 Outputnya : 


5. -.

 Outputnya : 


6. -.

 Outputnya : 


7. -.

 Outputnya : 

---

Download file final di sini.


Wassalamu'alaikum warahmatullah wabarakatuh.


Fadilah Nur Imani.

Assalamu'alaikum warrahmatullahi wabarakatuh.

Pada postingan kali ini saya akan menjelaskan mengenai AJAX&JSON.

Langsung saja, saya akan menjelaskan berdasarkan list di bawah ini :

1. Memiliki sebuah tombol yang jika di-klik akan mengambil judul pada tautan http://api.babyhanana.com/index.php/home/judul dan menampilkannya pada web Anda.
2. Memiliki sebuah tombol yang jika di-klik akan mengambil url gambar pada tautan  http://api.babyhanana.com/index.php/home/gambar dan menampilkan gambarnya pada web Anda.
3. Memiliki sebuah tombol yang jika di-klik akan mengambil daftar kategori pada tautan http://api.babyhanana.com/index.php/home/kategori dan menampilkan setiap kategori tersebut pada web Anda dengan menggunakan elemen <li>.
4. Memiliki sebuah tombol yang jika di-klik akan mengambil daftar kategori dalam format JSON pada tautan http://api.babyhanana.com/index.php/home/kategori_json dan menampilkan setiap kategori tersebut pada web Anda dengan menggunakan elemen <li> (gunakan for).
5. Memiliki sebuah tombol yang jika di-klik akan mengambil daftar kategori beserta produknya dalam format JSON pada tautan http://api.babyhanana.com/index.php/home/kategori_produk dan menampilkan setiap kategori tersebut pada web Anda dengan menggunakan elemen <li> beserta setiap produk kategori tersebut dengan juga menggunakan elemen <li>.
6. Memiliki sebuah input untuk memasukkan nama kategori dan sebuah tombol yang jika di-klik akan mengambil daftar produk untuk kategori tersebut dalam format JSON pada tautan http://api.babyhanana.com/index.php/home/produk_by_kategori  dengan parameter "kategori" dan menampilkan setiap produk tersebut pada web Anda dengan menggunakan elemen <li>.
7. Memiliki sebuah input untuk memasukkan pesan dan sebuah tombol yang jika di-klik akan mengirimkan paremeter "pesan" dengan method "POST" dalam format JSON pada tautan http://api.babyhanana.com/index.php/home/kirim_pesan. Lihat halaman http://api.babyhanana.com/index.php/home/timeline untuk mengecek apakah pesan Anda berhasil terkirim atau tidak (refresh untuk melihat pesan baru ;d).
8. Memiliki sebuah list yang menampikan semua pesan yang diambil ada tautan http://api.babyhanana.com/index.php/home/pesan menggunakan elemen <li>.
9. (4 poin) Memiliki sebuah list yang menampikan semua pesan secara real time menggunakan elemen <li> dengan cara mengambil pesan baru pada tautan http://api.babyhanana.com/index.php/home/pesan_with_id_bigger_than dengan method "GET" dan parameter "last_id" yang merupakan id pesan terakhir yang sudah pernah diterima, yang diakses pesan baru setiap 5 detik.

---



1. Pertama, - .

 Outputnya : 


2. -.

 Outputnya : 


3. -.

 Outputnya : 


4. -.

 Outputnya : 


5. -.

 Outputnya : 


6. -.

 Outputnya : 


7. -.

 Outputnya : 

---

Download file final di sini.


Wassalamu'alaikum warahmatullah wabarakatuh.


Fadilah Nur Imani.