Cara Membuat Form Tombol Pencarian Data Dengan Dreamweaver CS6.

Pada tutorial ini akan membahas cara membuat tombol pencarian terhadap data yang telah dibuat pada tutorial sebelumnya. 


Jika sudah tidak sabar lagi. kita langsung ke TKP.

Jangan lupa aktifkan Dreamweaver, XAMPP dan Browser nya terlebih dahulu. 

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.

Sampai disini ada pertanyaan? 

Silahkan sampaikan di bagian komentar.

Simak juga tutorial versi videonya berikut ini.

Sekian dan terima kasih  ^_^.

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s