Web Design

Cara membuat tombol pencarian data pada dreamweaver dengan mudah

Jadiberkah.com|kali ini mengulas tentang cara membuat tombol pencarian data dimana tombol atau button tersebut sangatlah penting dalam pencarian data khususnya bagi teman teman yang sedang membangun web berbasis PHP atau web yang bersifat berhubungan dengan inventory data.kenapa bisa dibilang wajib karena untuk memudahkan pengguna untuk proses pencarian data dengan mudah untuk dimodifikasi ataupun untuk dihapus.

Yuk langsung aja ke TKP ulasan berikut ini.

1). Pada Dreamweaver, Buatlah file cari_mhs.php dan simpan di folder C:\xampp\htdocs\latihan_web

2). Tambahkan aksesoris seperti gambar berikut. ( semoga gambarnya jelas .)

3). Sehingga tampilannya seperti ini. Blok From nya dan ganti Method POST > GET  pada panel Properties yang biasanya ada di bawah layar .

4). Pada menu Insert. pilih Data Object > Dynamic Data > Dynamic Table.

5). Akan muncul form seperti ini, Pada nomor 4 tidak tercentang. Hal ini menandakan bahwa kita belum membuat Recordset nya. Klik pada link nya untuk pengaturan.

 

6). Setting seperti gambar dibawah ini.

7), Atur juga untuk tabel yang akan digunakan nantinya untuk menampilkan data .

8). Maka Recordset akan tercentang.

9). Ini adalah tampilan pada halaman cari_mhs.php.

10). Sebagai tambahan. kita akan menyembunyikan tampilan tabel data dan akan muncul sesuai dengan data yang hendak dicari. untuk itu kita menggunakan fitur Show If Record Not Empty. Pertama blok tabel data.

11). Selanjutnya pada menu Insert, pilih Data Object > Show Region > Show If Record Not Empty.

12). Setelah itu, tentukan Recordset nya.

13. Jika sudah, silahkan jalankan Browser nya dan buka file cari_mhs.php.  Karena kita hanya mencari data nama, maka ketiklah nama saja. kemudian tekan tombol CARI.

Semoga bermanfaat bila kurang jelas bisa ditanyakan di kolom komentar dibawah ini.
Share
Leave a Comment