Autocomplete: Memberi Sugesti Saat User Input Data

Feb 9, 2013 By Ellyx Christian   Level: Menengah Komentar Print
Pernahkah Anda memperhatikan saat Anda mencari sesuatu dengan google, google akan memberi sugesti ketika Anda mulai mengetik kata kunci. Misalkan Anda ingin mencari "tutorial php", saat Anda mulai mengetik kata "tutorial" google akan memberi sugesti di bawah inputbox seperti tutorial photoshop, tutorial window 8.
[image].
Hal di atas sering disebut dengan autocomplete. Tutorial ini akan menjelaskan cara membuat autocomplete atau memberi sugesti pada user menggunakan jQuery UI Autocomplete.
Di ...
Read more »

PHP AJAX jQuery

Nov 12, 2010 By Ellyx Christian   Level: Menengah Komentar Print
Tutorial PHP AJAX jQuery ini merupakan versi kedua dari Tutorial AJAX JQuery. Tutorial kedua ini dibuat karena ada banyak yang tidak mengerti dengan tutorial versi pertama. Sebelum mengikuti tutorial ini silahkan download jQuery di jQuery.com.

Seperti dijelaskan sebelumnya di Tutorial AJAX JQuery. AJAX memerlukan XMLHttpRequest Object untuk dapat me-request sebuah halaman web secara Asynchronous. Untuk membentuk object XMLHttpRequest dijelaskan di Tutorial Dasar Dasar Ajax. Dengan adanya jQuery anda tidak perlu lagi memikirkan kode javascript untuk membentuk object XMLHttpRequest. jQuery akan...
Read more »

Dasar Dasar jQuery

Jul 29, 2010 By MyPHPtutorials   Level: Pemula Komentar Print

Tutorial dasar dasar jQuery berisikan slide show yang dibuat oleh Marc Grabanski menjelaskan dasar dasar jQuery. Mulai dari filosofi jQuery itu sendiri, cara memanipulasi DOM html, menghandel attribute html. Dalam silde show juga dijelaskan cara menghandel event, menambahkan event pada element html. Yang lebih menarik lagi adalah cara membuat animasi dan efek dengan jQuery. Tidak ketinggalan juga cara menggunakan komponent AJAX dan cara membuat plugin JQuery.


Read more »

Tutorial AJAX JQuery

May 4, 2010 By MyPHPtutorials   Level: Menengah Komentar Print

Di tutorial tutorial ajax sebelumnya telah dijelaskan tentang kosep dasar AJAX dimana AJAX merupakan kombinasi dari:

  • XMLHttpRequest object
  • JavaScript/DOM
  • CSS
  • XML

AJAX memelukan XMLHttpRequest Object untuk dapat me-request sebuah halaman web secara Asynchronous. Di tutorial sebelumnya juga telah dijelaskan cara membentuk XMLHttpRequest Object. Dimana pembentukan XMLHttpRequest Object ini berbeda disetiap browser. Sehingga setiap membuat javascript untuk membentuk XMLHttpRequest Object perlu memperhatikan kompatibelitas script disetiap browser. Membuat javascript yang kompatibel dengan setiap browser tidaklah mudah dilakukan. Salah satu cara untuk mengatasi kompatibelitas bisa digunakan JQuery. Dengan JQuery tidak perlu lagi ada pertanyaan seperti ini "Apakah script ini akan berjalan di browser A?" atau "Apakah script ini  berfungsi dengan baik di browser B?".


Read more »
Tags: ajax, jquery

Membuat Animate Login Form Dengan JQuery UI

Mar 31, 2010 By MyPHPtutorials   Level: Menengah Komentar Print Download Pdf

Tutorial Membuat Animate Login Dengan JQuery UI menjelaskan langkah langkah membuat animate form login menggunakan JQuery UI. Diasumsikan anda telah memiliki pengetahuan dasar javascript. Contoh bisa dilihat di http://example.myphptutorials.com/animate-login/.

Pertama kunjungilah website JQuery UI dan download salah satu versi JQuery UI, yang digunakan pada tutorial ini adalah versi 1.8


Read more »