Home » Artikel JavaScript » Membuat Pop-Up Window di JavaScript

Thursday, October 11, 2012

Membuat Pop-Up Window di JavaScript

Dengan JavaScript dimungkinkan anda membuat dan menampilkan suatu jendela yang baru kepada pengguna. Selain bisa menentukan ukuran jendelanya.

Anda bisa menentukan kapan jendela tersebut ditampilkan atau dipanggil, untuk itu perlu melibatkan atribut event ONLOAD atau ONCLICK, karena kedua atribut event ini yang sering digunakan.

Untuk membuat jendela baru anda bisa menggunakan metode open() dari objek Window. Bentuk sintaksnya seperti berikut:

window.open(URL, windowName, windowFeatures)
  • URL adalah string yang menetapkan lokasi dokumen yang akan dibuka di dalam jendela yang baru.
  • windowName adalah string untuk memberikan nama dokumen yang dibuka dijendela baru.
  • windowFeatures mempunyai nilai yang akan menentukan tinggi, lebar, statusbar tampil atau tidak, dst.

Contoh kode di bawah ini membuat jendela dengan lebar 190 piksel dan tinggi 190 piksel:

function loadNewWin() { window.open("A.html","x","width=190,height=190"); }

Kemudian memanggilnya ketika halaman pertama muat:

<BODY ONLOAD="loadNewWin()">

Contoh kode di bawah ini, parameter URL adalah kosong, untuk isinya menggunakan metode document.write():

function loadNewWin() { var newWin = window.open("","x","width=190,height=190"); newWin.document.write("<H1>Halo Dunia!</H1>"); }

Kemudian memanggilnya ketika halaman pertama muat:

<BODY ONLOAD="loadNewWin()">

Untuk menampilkan jendela baru ketika diklik, silahkan dengan contoh berikut:

<BUTTON ONCLICK="loadNewWin()">Buka jendela baru.</BUTTON>
Posted by at