TUTORIAL MEMBUAT MINIMAZE DAN MAXIMAZE MESSAGE BOX

MINIMAZE DAN MAXIMAZE MESSAGE BOX

Sebelumnya saya akan menjelaskan tentang minimaze dan maximaze Apa itu minimaze dan maximaze ? Minimaze adalah untuk memperkecil jendela message box sehingga membentuk icon aktif pada taskbar. Untuk membuka atau menampilkan kembali di layar, klik icon yang berada di taskbar. Maximaze adalah untuk memperbesar jendela message box sehingga terlihat dalam satu layar penuh. Setelah jendela message box terlihat satu layar penuh, maka tombol ini akan berubah menjadi Restore. Nah.. dibawah ini adalah contoh tampilan message box yang saya buat. 

 

Dibawah ini cara membuat minimaze dan maximaze message box  dengan jQuery dan CSS

HTML

Dalam hal ini kita perlu mempersiapkan struktur HTML terlebih dahulu untuk penyimpanan, buat nama file pemberian nama ditambahkan .html contoh: minimaze.html.

Setelah itu ketikkan kode seperti pada notepad file .html yang telah di buat tadi

jQuery

Tambahkan file jQuery dan letakkan pada folder yang sama dengan file html dan css. 

Pada  file html jangan lupa sertakan pemanggilan nama file jQuery.

Untuk mempercantik tampilan, anda bisa menambahkan  styling sesuai keinginan anda dengan kode css dan simpan dengan file .css contoh dhtmlx.css

Setelah selesai semua,  cek dengan membuka file html yang telah dibuat tadi dengan browser anda.