Loading Progress for Ajax

By -
Dibawah ini adalah contoh ajax untuk membuat progress bar selama request ke server menggunakan ajax serta web service.

Selain menampilkan progress bar, contoh skrip dibawah juga akan melakukan disable halaman page selama proses request masih on progress atau belum selesai.

Sample skrip dapat anda download disini.

Berikut ini adalah file-file yang dibutuhkan sebagai penunjang untuk pembuatan sample loading progress di ajax. File-file tersebut sudah terdapat pada skrip yang dapat anda download pada link diatas.
File-file tersebut adalah jquery-1.3.2.min.js & file GIF untuk animasi loading progress.


Skrip dibawah adalah web service yang akan dipanggil, berisi perulangan berdasar argumen yang dikirim dari client. Fungsi perulangan adalah agar dapat melihat progress bar di klien untuk beberapa saat selama perulangan masih di proses di server.

Loading Progress for Ajax

Javascript dibawah ini digunakan untuk memanggil web service, menampilkan progress bar selama proses di server, memanggil fungsi javascript lain untuk mendisable form, dan menampilkan hasil dari server.

Loading Progress for Ajax

Skrip dibawah ini digunakan untuk melakukan disable terhadap objek di halaman page selama proses masih berlangsung.

Loading Progress for Ajax

Berikut ini adalah sintak HTML untuk halaman page.

Loading Progress for Ajax

Berikut ini adalah tampilan pertama kali halaman page di load.

Loading Progress for Ajax

Berikut ini adalah tampilan progress bar saat request berlangsung di server.


Loading Progress for Ajax


Recommended Reading:
CRUD using Ajax
Adding Custom Permission Levels in SharePoint

Semoga posting tentang Loading Progress for Ajax  ini dapat bermanfaat.



Salam

Popular posts from this blog

SmartObject property ID is a required property for selected method Create. Value must be set.

By -
Image
Pernahkah menemukan error pada saat simpan data dari SmartForm di K2 yang pesannya sebagai berikut " SmartObject property ID is a required property for selected method Create. Value must be set " Dibawah ini adalah tampilan pesan yang muncul : Biasanya error tersebut muncul jika kita membuat SmartObject melalui K2 Web Designer. Untuk mengatasi masalah tersebut maka hilangkan check pada properties SmartObject pada bagian Required. Seperti terlihat pada gambar dibawah ini : Semoga posting tentang " SmartObject property ID is a required property for selected method Create. Value must be set. " diatas dapat bermanfaat. Salam,
Read more

Cara inject USB 3.0 Driver pada instalasi Windows - How to Inject USB 3.0 Driver in Windows 7

By -
Image
Beberapa laptop belakangan ini sudah menggunakan USB 3.0 daripada USB 2.0. Namun kebanyakan versi windows yang ada adalah menggunakan driver USB 2.0 sehingga saat instalasi akan diminta driver USB 3.0 sebelum melakukan partisi hardisk. Tanpa itu, tidak bisa melanjutkan instalasi. Berikut adalah cara untuk inject driver USB 3.0 ke file installer Windows yang sudah kalian punya. Sebelum melakukan injeksi, terlebih dahulu download driver USB 3.0 sesuai dengan merk dan tipe laptop yang ada. Jika ragu dengan merk laptop, bisa download driver USB 3.0 sebanyak mungkin. Create folder pada tempat yang mudah di akses, hal ini dilakukan untuk mempercepat proses dan mempunyai copy file jika gagal (misalnya C:\ubs3) Create folder mount di dalam folder yang sudah dibuat tadi Extract driver ke folder di dalamnya (misal C:\usb3\driver) Selanjutnya, kita perlu file yang digunakan untuk menginject driver ke dalamnya. Masuk ke Flashdisk dan copy file boot.wim dan install.wim ke folder y
Read more

Python Font Color in Console

By -
Image
Pada posting kali ini saya akan memberikan sample pemberian warna pada font jika kita menggunakan console pada pemrograman Python. Latar Belakang Penggunaan warna biasanya digunakan untuk membedakan bagian yang perlu diperhatikan oleh user. Langkah Hal pertama yang perlu dilakukan untuk menampilkan warna di console Python adalah import package colorama seperti dibawah ini : from colorama import init, Fore, Back, Style Setelah itu kita panggil init pada baris awal. init() init() berfungsi agar kode warna dimengerti oleh console. Dibawah ini sample pemakaian package colorama. Semoga posting tentang " Python Font Color in Console " diatas dapat bermanfaat. Link menarik lainnya : Install a module using pip for specific python version Salam,
Read more