Silakan tunggu sedang proses
Jum'at Kliwon 29 Maret 2024 12:28
learn make rich
share make it perfect
Ayat Suci
mereka itu tempatnya ialah neraka, disebabkan apa yang selalu mereka kerjakan.
(QS. YUNUS:8)

 otomatis refresh

Javascript ayat
Daftar Fungsi
pasaran
Mencari nama hari dan nama pasaran
pdu2sms
Konversi dari PDU ke Teks SMS
bacarss
Membaca RSS dari beberapa situs
Para Rekan
MyWeblog

Autocomplete Pada Form

Aryo Sanjaya
Contoh script berikut ini menampilkan cara mengisi value field suatu form, tanpa harus melakukan submit data

Aryo Sanjaya
Rabu Pahing, 5 April 2006

Hampir sama dengan artikel Merubah Isi Combobox, artikel ini menerapkan AJAX sebagai teknik untuk memanipulasi tampilan. Yang membedakan adalah, teknik ini menggunakan XML sebagai format data kembalian dari script PHP, dikarenakan jumlah data yang lebih banyak.

Simpan file ini dengan nama tesautocomplete.html:

File PHP, simpan dengan nama getdata.php:

Pada script utama (tesautocomplete.html), yang dilakukan adalah:

  • melihat perubahan pada textbox kode
  • jika kode dirubah (event onchange), maka fungsi cari( ) akan dijalankan
  • pada fungsi cari, diambil value dari kode yang diketikkan
  • mem-fetch script getdata.php dengan parameter kode sesuai value yang dipilih
  • user menunggu output dari getdata.php
  • script ambildata.php dijalankan, dan memproses kode yang diberikan
  • memberikan output sesuai dengan hasil proses
  • output diterima oleh javascript
  • data yang diterima, diparsing sesuai dengan tag "data"
  • masing-masing data ditampilkan pada field yang bersangkutan

Untuk mencoba script di atas, silakan masuk Tes Autocomplete.

Selamat coding :)

Komentar


Belum ada komentar

Mengisi Komentar





untuk kode program, apit dengan tanda [code][/code].
contoh:

[code]
(kode program)
[/code]



Daftar Artikel PHP

» Menghitung Jarak Waktu (4)
Rabu Wage, 17 Mei 2006

Mengitung jarak waktu dan menampilkan sebagai Javascript

» Grabbing Kurs Dari BI (10)
Rabu Pahing, 5 April 2006

Grabbing data adalah tindakan tidak sopan. Tapi kali ini yang dibahas adalah teknik grabbing, masalah moral dan etika silakan cari sendiri (inspired by Iwan Fals)

» Merubah Isi Combobox (1)
Selasa Legi, 4 April 2006

Pada artikel ini dibahas bagaimana cara merubah isi suatu combobox, sesuai dengan isi combobox lain yang dipilih oleh user

» Membuat Tampilan Perhalaman (11)
Jum'at Pon, 17 Maret 2006

Masih banyak yang menanyakan cara untuk menampilkan data perhalaman

» AJAX, langkah 2 (3)
Kamis Kliwon, 9 Maret 2006

Membahas respon berupa XML, Request Timeout, dan method Post



Halaman:    1  2  3  >  

Artikel Rame
Aplikasi Handphone (250)
Senin Pon, 20 Februari 2006

Mengirim SMS dari PC (208)
Senin Wage, 28 November 2005

Membaca SMS dari PC (162)
Selasa Pahing, 14 Juni 2005

Source SMS Autorespond (66)
Senin Legi, 24 April 2006

Penyembunyian Password di Database (36)
Kamis Kliwon, 2 Juni 2005

Bukutamu
» Imam Izzatir Rizzan
Jum'at Kliwon
7 Juli 2006

» adindri
Selasa Pahing
4 Juli 2006

» Je Malakian
Selasa Pahing
4 Juli 2006

» A.Azis
Jum'at Pon
30 Juni 2006

» zorro
Kamis Pahing
29 Juni 2006


Halaman Bukutamu
Lain-lain
User online: 177
User login: 0

user/passwd: bpuser

Status Y!M
Saya sedang Offline. Silakan gunakan menu Kontak atau tinggalkan pesan di Yahoo! Messenger pada Id: aryo_sanjaya
© 2005-2024 BengkelProgram.com