Membuat Pop Up pada Website

Pada saat kita mengunjungi sebuah website terkadang kita menemukan website yang ketika kita kunjungi atau pada saat kita melakukan klik di dalam website tersebut, tiba-tiba terbuka website atau iklan di jendela yang baru. Hal inilah yang disebut dengan Pop Up pada Website.

Jadi Pop Up adalah jendela baru yang muncul tanpa kita merasa telah membukanya. Biasanya dimanfaatkan untuk memasang iklan. Ukurannya juga bervariasi, ada yang hanya kecil tetapi ada juga berukuran selayar monitor penuh. Hal ini biasanya sangat mengganggu pengunjung website.

Untuk membuat pop up pada website, kita hanya memerlukan beberapa baris script sederhana yang dapat kita sesuaikan dengan kebutuhan kita.
Ada 2 tempat yang musti kita edit

Head
untuk bagian head, kita perlu masukkan fungsi script untuk Pop Up.





<script language="JavaScript">

function popUp(URL) {

day = new Date();

id = day.getTime();

eval("page" + id + " = window.open(URL, '" + id + "','toolbar=1,

scrollbars=1,location=1,statusbar=1,menubar=1,

resizable=1,width=100,height=200,left = 462,top = 284');");

}

</script>

Untuk nilai yang tercetak tebal silahkan diganti sesuai dengan kebutuhan kita.

Body
Pada bagian body kita akan menampilkan trigger untuk fungsi popUp tersebut.
Untuk terbuka otomatis :





<body onLoad="javascript:popUp('http://margoutomo.net')">

Untuk terbuka dengan klik link :





<a href="javascript:popUp('http://margoutomo.net')"

>Buka popUp</a>

Untuk terbuka dengan klik button atau tombol :





<input type=button value="Buka popUP" onClick="javascript:popUp

('http://margoutomo.net')">

Demikian metode pembuatan popUp pada website, kita masih dapat lagi memodifikasinya lagi sesuai keinginan kita.

SERBA SERBI KEHIDUPAN

Membuat Pop Up pada Website

Pengikut