Tutorial Belajar HTML Javascript Button Onclick redirect URL

July 12th, 2007

Artikel tutorial javascript ini saya buat berdasarkan permintaan salah satu pembaca di blog ini yaitu sdr.Rendy. Sebenarnya untuk menggunakan fungsi-fungsi html javascript pada artikel ini, paling tidak, lebih baik anda menguasai dasar-dasar HTML dan sedikit mempunyai basic javascript. Tetapi jika anda tidak ingin repot, anda bisa tinggal copy dan paste
source code javascript / html dari artikel ini, dan observe saja dengan teliti, semoga anda mendapatkan sedikit ilustrasi.

Anda tahu mengenai tags INPUT pada HTML ?
Jika belum, saya kasih sedikit contoh, anda pasti sering menemukan FORM saat misalnya anda melakukan registrasi ke forum diskusi,milis,
berlangganan newsletter,membuka account email baru,dll. Disana anda pasti menemukan blanko password yang jika isi akan muncul bintang-bintang yang harus anda isi dan confirm.
Itu salah satu contoh TAGS INPUT pada HTML.

.

Ada lagi property-property lain (saya sebut properti karena tdk tahu istilah apa yang cocok) seperti input type=submit, input type=text, input type=button, input type=hidden.
Yang kita bicarakan adalah input type=button.

Ini dia kode sumber untuk menredirect URL dengan button onclick dengan sedikit sentuhan javascript,
anda bisa membuatkan secara terpisah menjadi dua file, atau jika malas, tinggal copy paste dan coba analisa,
ganti URL yang ada dicontoh dibawah ini dengan URL yang anda ingin forward / direct ke…

1. Ini javascriptnya ! anda bisa menaruhnya di bagian antara TAGS HEAD

function searchvideo() {

ip = document.getElementById(”inputbox”);
document.location.href=’http://www.google.co.id/search?q=‘ + ip.value ;

}

2. Ini taruh di mana saja pokoknya diantara tags BODY :

Anda pasti terinspirasi untuk mengcustomisasi search box search engine google yang ada di blog anda.. Silahkan dicoba dulu, baru anda bisa mengetahui dan menelusuri lebih lanjut jalannya program javascript ini …