Textfield Input To URL

Cara Input Text URL

Cara yang sangat jarang dibahas, namun cukup penting untuk waper ataupun blogger!

Pada umumnya tag input dalam form html berfungsi untuk menentukan value dari sebuah parameter!
Kalau masih bingung, saya beri contoh sederhananya saja!

http://google.com/search?q=Kata input

Untuk menentukan value pada parameter 'q' diatas ckup mudah!

<form action="http://google.com/search?" method="get">
<input type="text" name="q" value="" />
<input type="submit" value="tarik mang" />
</form>

Tampilan script diatas!

textfield diatas gunanya menentukan value dari 'q'!



Berbeda dengan contoh URL seperti dibawah!

http://x-sun.net/musik/search/kata_kunci

Bentuk URL diatas tidak bisa dengan cara pertama tadi, berikut adalah script yang saya pakai di x-sun.net untuk pencarian kata kunci pada Urlnya!

<script>
function converturl() {
document.go.url.value = document.go.url.value.replace( /\s/g, "+");
var url = document.getElementsByName("url")[0];
var fullurl = document.getElementsByName ("fullurl")[0];
fullurl.value = "http://x-sun.net/musik/search/"+ url.value +"";
}
</script>

<form name="go" onsubmit='converturl()
;location.href=fullurl.value;return false'>
<input name='url' type='text' /> <input name='fullurl' type='hidden' />
<input type='submit' value=" Go " />
</form>

Ok, saya kira sudah cukup jelas! Dengan script diatas Anda juga bisa menggunakannya layaknya mensubmit alamat web, untuk tampilannya silahkan dicoba sendiri! Thanks

---

Posted by: dian_sunday

diansunday Updated at: 16.57