Sesuai judul kali ini kita akan belajar bagaimana supaya link atau mungkin tepatnya gambar yang mempunyai link jika kita klik akan terbuka di jendela baru atau lebih tepatnya jendela Pop Up jika biasanya kita mebuat kodenya seperti ini
<a href="alamat link disini" target="_blank">nama link</a>
atau
<a href="alamat link disini" target="new">nama link</a>
Kali ini kita perlu melakukan sedikit modifikasi dengan menambahkan kode Javascript pada deretan kode-kode HTML dan CSS. ini kode Javascriptnya dan letakan di atas kode </head>
<script type='text/javascript'>
function popUp(URL) {
day = new Date();
id = day.getTime();
eval("page" + id + " = window.open(URL, '" + id + "', 'toolbar=0,scrollbars=0,location=0,statusbar=0,menubar=0,resizable=0,width=400,height=400,left = 440,top = 200');");
}
</script>
jangan lupa disave dulu ya...
selanjutnya kita gunakan kode ini untuk memanggil javascript yang sudah kita pasang pada elemen kode templet kita ini kodenya.
<a href="javascript:popUp('URLGAMBAR')"><img src="URLGAMBAR" alt="KETERANGAN" width="113" height="200" border="0" id="2102" style="display:block; margin:0px auto 0px;" /></a>
untuk demonya bisa dilihat disini, dan sobat klik gambarnya dan lihat apa yang terjadi. o ya saya mau mengucapkan terima kasih untuk kawan saya Z33S atas informasinya. Ingin lebih tau banyak lagi soal tips dan trik seputar dunia blog ? makanya ayo gabung di Foblog tempat ngumpulnya para blogger, makin banyak teman dan ilmu, oke...selamat mencoba dan tetap semangat wassalam.