Aplikasi form sering kita gunakan dalam membuat webpage. Apa yang terjadi jika kita mensubmit form dalam facebox? Faceboxnya akan close dengan sendirinya dan result akan ditampilkan di halaman biasa. Apakah kita bisa menampilkan result form di dalam facebox yang sama? Ternyata jawabannya bisa, dengan menggunakan function ajaxForm.
Kita dapat menambahkan script berikut pada halaman dimana form belum disubmit:
<script type=”text/javascript”>
$(document).ready(function() {
$(‘#submitform’).ajaxForm({
target: ‘#contactform’,
success: function() {
$(‘#contactform’).fadeIn(‘slow’);
}
});
});
</script>
submitform adalah id dari form yang akan kita gunakan untuk mengirim value, sedangkan contactform adalah id dari div, dimana pada saat tombol submit ditekan, halaman baru akan ditampilkan ke dalam div yang ditunjuk oleh id tersebut. Cukup mudah dan sederhana bukan?