Penerapan Field Auto Repeat pada form dapat digunakan pada form pemesanan barang/produk, dimana tedapat field untuk pemesan dan field untuk penerima yang kemungkinan besar memiliki value yang sama.
Sebagai contoh dapat dilihat pada gambar form di bawah ini.
Tambahkan fungsi javascript seperti di bawah ini sebelum form.
<script type=”text/javascript”>
function RepeatName(source,target){
document.forms[“form1”].elements[“shipping_name”].value=source.value;
}
</script>
Form1 merupakan nama form yang digunakan dan shipping_name merupakan nama field yang membutuhkan auto repeat.
Selanjutnya adalah menambahkan event onkeyup dan onblur seperti di bawah ini pada field yang menjadi master. Dalam hal ini field yang menjadi master adalah field Name pada bagian Buyer Contact.
onkeyup=”RepeatName(this,’p’);” onblur=”RepeatName(this,’p’);”
Sekarang lihat hasilnya.
Mudah bukan? Nah, anda bisa mengembangkannya lagi sesuai kreatifitas dan kebutuhan anda.
Kunjungi www.proweb.co.id untuk menambah wawasan anda.