Artikel Kali ini kita akan membahas tentang PHP dan ajax dalam membuat drag and drop pada aplikasi web. drag and drop dapat kita buat pada ajax serta tidak lupa menggunakan php untuk display interface ke web aplikasi kita. untuk artikel drag and drop kita dapat membuat gallery sendiri misal: gallery foto, biodata dan lain-lainnya. untuk contoh drag and drop dapat di lihat pada gambar :

Gambar Drag and Drop



Untuk dapat mengaplikasikan project drag and drop proses yang harus dilakukan sebagai berikut :

1. Download file Drag and drop Part 2 silahkan klik disini. download file seperti dicontohkan pada gambar berikut :




















2. Proses selanjutnya yang harus anda lakukan adalah mengekstrak file tersebut.

3. cari file task.sql kemudian buka file tersebut dengan Notepad. terlihat seperti dibawah ini :


Sql Query



4. Buka phpMyadmin lalu buat sebuah database _dragdrop. kemudian pilih database tadi seperti terlihat pada gambar.


PhpMyadmin database



5. kembali ke task.sql di notepad. sekarang copykan sql query yang di notepade tadi. ke sintaks query di phpmyadmin, kemudian setelah selesai di paste klik ok atau go.


PhpMyadmin query sintaks



6. kemudian copy dan pastekan kode dibawah ini kedalam halaman yang ingin diletakkan drag and drop. untuk contoh, jika kita mau mengaktifkan nya pada mypage.php atau pagecoba.php yang telah kita buat, copy dan paste coding dibawah ini.


    echo $myTasksList->BuildTasksList();
    ?>


7. jika tidak ada error dan aplikasi sukses berarti anda telah menunjukkan kemajuan tentang php dan ajax. didalam folder .zip tadi terdapat 2 folder yaitu folder drag-and-drop dan folder Mysite. sekarang copy kan folder tersebut di folder htdocs. load menggunakan IE atau browser lalu ketikkan localhost atau 127.0.0.1/nama_folder_tadi. selamat mencoba dan semoga bermanfaat. tutorial ini original dari easykiss123. jika ada pertanyaan dapat dikirimkan ke Kontak easykiss123