Hallo teman-teman Dumet School, kembali lagi dengan saya di kursus web design. Kali ini saya akan membahas tentang Cara Memanfaatkan Fungsi Resizable Pada jQuery UI. Fungsi Resizeable adalah fungsi yang ada pada Jquery UI untuk dapat mengubah ukuran suatu elemen.

Nah pada pembahasan kali ini yang akan saya ubah ukurannya adalah elemen div. Oke teman-teman langsung saja kita buat struktur htmlnya agar dapat mengetahui Cara Memanfaatkan Fungsi Resizable Pada jQuery UI. Dan teman-teman bisa salin script yang ada di bawah ini.

Jika sudah teman-teman jangan lupa masukkan link jquery ui ke dalam tag head yang ada di struktur htmlnya. Dan berikut adalah linknya.

Dan langkah terakhir untuk teman-teman bisa buat fungsi resizable di dalam script jquerynya. Dan berikut linknya, teman-teman bisa salin script di bawah ini.

Sebelum di jalankan di browser masing-masing, teman-teman bisa perhatikan untuk script di atas. Dimana div dengan nama id resizable saya berikan fungsi resizable agar ukuran tinggi maupun lebarnya dapat kita ubah dengan cara di Tarik menggunaan kursor.

Nah teman-teman bisa langsung jalankan di browser masing-masing. Maka tampilannya akan seperti pada gambar di bawah ini.

 Kali ini saya akan membahas tentang Cara Memanfaatkan Fungsi Resizable Pada jQuery UI. Fungsi Resizeable adalah fungsi yang ada pada Jquery UI untuk dapat mengubah ukuran suatu elemen

Dan ketika di ubah ukurannya dengan cara ditarik maka akan seperti gambar di bawah ini. Dimana ukuran divnya akan berubah sesuai yang kita inginkan.

 Kali ini saya akan membahas tentang Cara Memanfaatkan Fungsi Resizable Pada jQuery UI. Fungsi Resizeable adalah fungsi yang ada pada Jquery UI untuk dapat mengubah ukuran suatu elemen.

Demikian artikel tentang Cara Memanfaatkan Fungsi Resizable Pada jQuery UI. Semoga bisa bermanfaat dan selamat mencoba ya.

WhatsApp chat