Membuka popup dengan tag link

Pada Artikel yang lalu kita telah membahas cara membuka windows baru (popup) dengan java script. Kali ini kita akan membuat sebuah link html yang akan membuka sebuah popup.

Untuk membuat sebuah link bisanya kita menggunakan tag <a href="alamat dituju">text</a>. Nah kali ini kita akan membuat tag link tersebut membuka fungsi java script yang akan membuka sebuah popup.


Langkah pertama kita akan membuat fungsi javascript yang membuka popup terlebih dahulu:

<script>
var mywin; 
function popup_window()
{       mywin=window.open("http://adfoc.us/20014335795582","_blank","toolbar=yes,location=yes,menubar=yes,copyhistory=yes,directories=no,status=no,resizable=no,width=500,height=400"); 
}
</script>

Silakan ubah 'http://adfoc.us/20014335795582'  dengan alamat url yang akan kita buka.
Langkah berikutnya membuat tag link yang digunakan membuka fungsi tersebut. Untuk tag link, href kita isi tanda '#' ditambah event onClick='fungsi yang dibuka'.

<form>
<a href='#' onclick="popup_window()">click disini untuk membuka popup</a>
</form>

Hasil dari script diatas akan seperti berikut:
click disini untuk membuka popup

Nah coba klik link diatas makan popup akan terbuka.