Membuat Link Pop-up Responsive

By HP Yitno

Akhir-akhir ini ane tertarik sekali mempelajari javascript. Soalnya ane mau membuat menu pop-up yang berisi link sahabat blogger yang sering berkunjung dan berkomentar disini. Tujuannya sih untuk memudahkan saya berkunjung balik ke rumah maya sobat netter dengan berurutan dan terencana. Yang menjadi masalah adalah ane belum paham dengan javascript dan cara kerjanya. Untuk itulah ane mencari tutorial yang membahas menu pop-up lewat bantuan mbah Google. Sayangnya dari beberapa pembahasan yang ada, tidak ada yang berhasil ane terapkan di platform blogspot.

Susahnya melakukan percobaan tanpa didukung ilmu yang memadai ya seperti ini sob, nggak tahu letak permasalahannya. Apakah terjadi kesalahan di pengaturan mozilla firefox, internet explorer, operamini atau javascript itu sendiri. Karena sudah mentok, terpaksa ane bertanya pada seseorang yang saya anggap ahli dan paham dengan bidang ini. Beberapa kawan blogger yang sempet ane tanyain adalah pak Marsudiyanto, Lozzakbar setelah bulan sebelas dan Dak milano. Cara bertanya yang saya gunakan juga beragam, mulai dari menyebarkan pertanyaan di wall facebook sampai private message.

Dari wall facebook kang Dak Milano, ada salah satu temennya yang ikut berkontribusi dengan memberikan kode java-script yang dia punya melalui kolom komentar. Terus terang awalnya ane ragu dengan kode yang diberikan, soalnya hampir mirip dengan kode yang beredar di internet. Meskipun demikian ane tetep mencobanya berharap kodenya bekerja dengan baik. Dan ternyata kode Js-nya berhasil di eksekusi dengan sempurna.

Berikut kode javascript:

<a href='http://coker.wen.ru/' onclick='window.open(this.href,&quot;popupwindow&quot;,&quot;status=0, height=500, width=330, scrollbars=yes, resizable=0, top=0, left=0&quot;); return false;' target='_blank'>klik disini</a>

Keterangan:
top      : mengatur posisi dari atas (pixel)
left      : mengatur posisi dari kiri (pixel)
status  : mengaktifkan status bar atau tidak
width  : mengatur lebar window (pixel)
height  : mengatur tinggi jendela baru (pixel)
target  : membuka jendela munculan yang baru
scrollbars  : mengaktifkan fungsi scroll
resizable   : mengaktifkan jendela resizable
return false: mengelabui fungsi href dan mengalihkan ke onclick='window.open()'

Kalau mau lihat demo-nya, silahkan klik disini

Note:
1. Jangan malu bertanya pada masternya jika tidak tahu
2. Artikel ini semata-mata saya gunakan sebagai arsip pembelajaran
3. Terima kasih pada pemilik mdf-blog atas solusi yang diberikan

SHARE :