Cara Membuat Popup Window

Contoh 1
Klik sini untuk melihat teman lelaki Eriyza

Contoh 2
Klik sini untuk melihat laman blog Eriyza
Puasa sudah, beraya pun sudah, kini Eriyza kembali lagi meneruskan perkongsian ilmu di blog ini. Kali ini tutorial khusus untuk Daus yang ingin mengetahui cara² untuk membikin pop-up window. Justeru, penulis telah memberikan dua contoh di atas sebagai panduan asas.


Contoh 1

<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjgUSBfgkVUpjItv_oEIlXryM7c0IwKu46QN87pyu83ROnDzm4xPWXRJDPBeXzWdKfOW4G8bCaAZ-Ue9vsRylTN21amSXoaX1sYd6PI6ksuqSH2Hk0tshYv3TYZevpD_L2a7sX/s320/mike-44.jpg" onclick="window.open('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjgUSBfgkVUpjItv_oEIlXryM7c0IwKu46QN87pyu83ROnDzm4xPWXRJDPBeXzWdKfOW4G8bCaAZ-Ue9vsRylTN21amSXoaX1sYd6PI6ksuqSH2Hk0tshYv3TYZevpD_L2a7sX/s320/mike-44.jpg','popup','width=300,height=280,scrollbars=no,resizable=no,toolbar=no,directories=no,location=no,menubar=no,status=no,left=0,top=0'); return false">Klik sini untuk melihat teman lelaki Eriyza</a>
Penulis menggunakan gambar sebagai contoh 1. Tulisan berwarna biru adalah alamat gambar yang ingin digunakan, warna merah pula adalah saiz lebar (width) dan tinggi (height) gambar tersebut manakala warna ungu pula melambangkan penerangan kepada gambar tersebut.

Contoh 2

<a href="http://eriyza.aeropama.com/" onclick="window.open('http://eriyza.aeropama.com/','popup','width=500,height=500,scrollbars=yes,resizable=no,toolbar=no,directories=no,location=no,menubar=no,status=no,left=0,top=0'); return false">Klik sini untuk melihat laman blog Eriyza</a>
Contoh 2 pula penulis menggunakan laman blog. Setiap warna biru, merah dan ungu, caranya lebih kurang sama dengan contoh 1 tadi. Cuma warna hijau sahaja yang membuatkannya sedikit berbeza. Penulis meletakkan 'yes' pada 'scrollbars' bermaksud penulis mahukan skrolbar pada window tersebut boleh digerakkan. Manakala fungsi² yang lain penulis sembunyikan dengan tanda 'no'. Anda boleh menukarnya sendiri sama ada mahu dihidupkan (yes) atau dimatikan (no).

Mudah sahajakan?? Selepas ini, anda bolehlah mencuba membuat pop-up window ini. Sila komen selepas anda membuatnya.