Kamis, 26 Januari 2012

Video
Text

CSS HTML No.7: Membuat Drag and Drop object (Html5)

By Request :: Membuat Drag and Drop object (html5)
Pemirsa, selamat berjumpa kembali bersama Mediatutorial.web.id, masih melanjutkan kembali tutorial kita sebelumnya yaitu tentang html5.

Nah, pada pembahasan tutorial kali ini kita akan sharing mengenai Drag and Drop untuk Html5. Pada html4, untuk drag and drop kita membutuhkan JQuery atau library lainnya. Tetapi karena fitur baru ada pada html5 seperti (ondrag, ondragstart, ondragenter, dan lain lain) maka kita pun bisa membuat drag and drop dengan sangat mudah.

pada tutorial ini kita akan membahas tentang:
- Pembuatan container terlebih dahulu
- Pembuatan script addevent untuk cross browser
- Pembuatan script ondragstart, ondragenter, ondragend, ondrop, dan lainnya
- Penggunaan preventDefault pada firefox dan kawan kawan dengan ie
- Penggunaan draggable=true pada firefox dan kawan kawan dengan safari


ANDA DAPAT MELIHAT TUTORIALNYA DI BAWAH INI

Video di atas dapat anda download dengan menggunakan IDM (Internet Download Manager) atau aplikasi downloader yang lain yang telah terinstall di komputer anda.
Jangan lupa juga untuk like Mediatutorial on Facebook

Please share bila tutorial ini cukup berbobot untuk anda!

MediaTutorial mengedepankan tutorial yang berkualitas. Semua penjelasan dipaparkan sedetail mungkin.
Please, bila tutorial ini membantu anda dan cukup berkualitas bagi anda mohon untuk share pada button sharing berikut ini.

Writen by: Okie Eko Wardoyo

Comments