Pages

w3codez © 2015. Powered by Blogger.

adchoices

adchoices

Membuat pop up

Saya akan memberitahukan tentang cara membuat 'pop up'. Dimana Anda bisa menampilkan halaman terpisah dalam bentuk 'pop up' pada browser yang Anda gunakan. Untuk bentuk tampilannya bisa Anda klik beberapa tombol yang ada dibawah sebagai hasil dari tampilan beberapa kode yang ada dibawah. Ukuran tampilan 'pop up' nya bisa Anda sesuaikan sendiri, dimana 'width' untuk lebarnya, 'height' untuk tingginya. Silahkan Anda ubah nilai dari 'width' maupun 'height' nya sesuai dengan keinginan Anda.

Untuk kode di bawah ini akan menampilkan 'pop up' dengan halaman kosong. Kode 'about:blank' akan menampilkan halaman kosong. Anda bisa mengubahnya dengan link yang Anda inginkan. Berikut ini kode yang bisa Anda gunakan untuk menampilkan halaman kosong:

<form onsubmit="window.open('about:blank','popupwindow','scrollbars=no, width=250,height=250');return false">
<input type="submit" value="Klik Disini">
</form> 

Nanti hasilnya akan seperti ini:


Sedangkan untuk yang satu ini akan mengarahkan Anda pada tampilan pop up dengan link 'http://w3codez.blogspot.com/'. Berikut ini kodenya:

<form onsubmit="window.open('http://w3codez.blogspot.com/','popupwindow',   'scrollbars=no, width=250,height=250');return false">
<input type="submit" value="Klik Disini">
</form>

Untuk kode diatas hasilnya akan seperti ini:



Sekian, semoga bermanfaat. Mohon maaf bila ada kesalahan.

No comments:

Post a Comment

 

Most Reading

Ads 200x200

Ads 200x200