Tampilkan postingan dengan label jquery. Tampilkan semua postingan
Tampilkan postingan dengan label jquery. Tampilkan semua postingan

Kamis, 29 Desember 2016

Menambahkan Data Pada Combo Box Menggunakan Laravel dan JQuery

Desember 29, 2016 0

Combo box atau dropdown adalah sebuah bagian dari form yang berfungsi untuk memberikan pilihan. biasanya pilihan itu di tuliskan langsung melalui kode html, namun apabila di tuliskan langsung melalui kode html seorang admin sebuah website tidak dapat menambah maupun menghapus dan mengedit pilihan tersebut, dan hanya dapat di tangani oleh programmer website tersebut. dan ada pula data dari pilihan tersebut disimpan melalui database, dengan cara ini maka seorang admin dapat merubah menghapus dan mengedit data pilihan tersebut.

biasanya dalam mengedit menghapus dan menambah data pilihan tersebut adalah melalui menu khusus yang di sengaja dibuat untuk proses tersebut, nah dalam catatan kali ini kita akan mempelajari tentang cara menambahkan pilihan tersebut langsung ketika melakukan proses pengisian form.

Bagaimana caranya ikuti catatan berikut ini.

1) pada route web.php tambahkan kode berikut ini.

2) buat database schema seperti berikut ini.
3) Pada resource view index.blade.php buat script seperti dibawah ini.
Maka ketika menekan tombol + di sebelah combobox tersebut maka akan muncul form isian dari combobox tersebut seperti gambar 15.7 berikut ini
Gambar 15.7

Senin, 29 Agustus 2016

Membuat Animasi Loading Ketika Menampilkan iFrame

Agustus 29, 2016 0
Jika kita bekerja dengan iframe di mana konten membutuhkan waktu untuk memuat, kita dapat menampilkan indikator loading sederhana agar pengguna tidak hanya melihat layar kosong di halaman ketika di load. Untuk melakukan hal ini, salah satu caranya dengan menggunakan javascript seperti langkah-langkah dibawah ini.
1. Buat kode style css berikut ini.
2. Kemudian pada content iframe buat kode seperti dibawah ini.
3. Lalu buat kode Javascript seperti berikut ini.
4. Maka hasilnya akan terlihat seperti gambar 3.0 dibawah ini.
Gambar 3.0

Kamis, 28 Mei 2015

Input Jam Dengan JQuery UI Timepicker di Laravel 5

Mei 28, 2015 0
Kalau sebelumnya kita menggunakan Datepicker sebagai input tanggal kini kita akan menggunakan Timepicker sebagai input jam. maka dengan adanya Timepicker pada inputan jam akan terlihat interaktif dan mempermudah dalam penginputan. Tambahkan field baru setelah tgl_info yaitu jam_info sebagai Jam Informasi.


Buka kembali resources/views/app.blade.php dan sematkan:




Tambahkan form jam_info pada file resources/views/infokriminalitas/create.blade.php dan edit.blade.php:

pada Controller di App/Http/Controllers/InfoKriminalitasController.php

Sehingga jika dirender pada browser akan menghasilkan tampilan seperti ini:



tutacare/sismin
Referensi:
http://trentrichardson.com/examples/timepicker/