Membuka popup window dengan method open.window

Untuk membuka halaman baru dengan meng klik sebuah link, anda memerlukan method window.open dari kode javascript.

Contoh sederhana popup window

klik disini contoh sederhana popup window

<a href="javascript: void(0)" 

   onclick="window.open('popup.html', 

  'windowname1', 

  'width=200, height=77'); 

   return false;">klik disini contoh sederhana popup window</a>

Dari kode diatas anda sudah bisa membuka halaman baru dengan mengklik link yang disediakan ,fungsi ini juga bisa dimodifikasi sesuai keperluan.

Syntax

window.open([URL], [Window Name], [Feature List], [Replace]);
Feature List:

Property	Default value	Description
width	auto	specifies width of the new window in pixels
height	auto	height of the window in pixels
top	auto	specifies window position
left	auto	specifies window position
directories	no	should the directories bar be shown? (Links bar)
location	no	specifies the presence of the location bar
resizable	no	specifies whether the window can be resized.
menubar	no	specifies the presence of the menu bar
toolbar	no	specifies the presence of the toolbar
scrollbars	no	specifies the presence of the scrollbars
status	no	specifies the presence of the statusbar

klik disini contoh sederhana popup window

<a href="javascript: void(0)" 

   onclick="window.open('popup.html', 

  'windowname2', 

  'width=200, \

   height=77, \

   directories=no, \

   location=no, \

   menubar=no, \

   resizable=no, \

   scrollbars=1, \

   status=no, \

   toolbar=no'); 

  return false;">klik disini contoh sederhana popup window</a>

Fullscreen popup window

Jika anda ingin saat di klik muncul fullscreen anda bisa menggunakan fungsi script berikut ini:
fullscreen popup window

<script type="text/javascript">

<!--

function popup(url) 

{

 params  = 'width='+screen.width;

 params += ', height='+screen.height;

 params += ', top=0, left=0'

 params += ', fullscreen=yes';



 newwin=window.open(url,'windowname4', params);

 if (window.focus) {newwin.focus()}

 return false;

}

// -->

</script>



<a href="javascript: void(0)" 

   onclick="popup('popup.html')">fullscreen popup window</a>

Centered popup window (popup ditengah)

Untuk menghasilkan popup yang munculnya ditengah gunakan kode dibawah ini.
Centered popup window

<script type="text/javascript">

<!--

function popup(url) 

{

 var width  = 300;

 var height = 200;

 var left   = (screen.width  - width)/2;

 var top    = (screen.height - height)/2;

 var params = 'width='+width+', height='+height;

 params += ', top='+top+', left='+left;

 params += ', directories=no';

 params += ', location=no';

 params += ', menubar=no';

 params += ', resizable=no';

 params += ', scrollbars=no';

 params += ', status=no';

 params += ', toolbar=no';

 newwin=window.open(url,'windowname5', params);

 if (window.focus) {newwin.focus()}

 return false;

}

// -->

</script>



<a href="javascript: void(0)" 

   onclick="popup('popup.html')">Centered popup window</a>