Ada banyak keperluan dalam membuat sistem informasi php. Salah satunya adalah keperluan membuat pop up dalam sistem informasi. Sebelum itu kita harus mengetahui apa yang dimaksud dengwn popup. Pop up adalah sebuah window yang muncul pada halaman browser karena suatu kondisi tertentu. Misalkan popup ynag muncul pada saat berhasil memasukkan data ke dalam database, popup yang muncul pada saat ada kesalahan penginputan, ada popup yang muncul karena ada halaman terbaru yang di buka dan banyak lagi keperluan pop up lainnya dalam membuat website atau sistem informasi.

1. Contoh Pop Up javascript. (Letakkan di dalam tag head)

<img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-wp-preserve="%3Cscript%3Ealert(%E2%80%98Selamat%20Datang%20Di%20Website%20Saya%20!%E2%80%99)%3B%3C%2Fscript%3E" data-mce-resize="false" data-mce-placeholder="1" class="mce-object" width="20" height="20" alt="&lt;script&gt;" title="&lt;script&gt;" />

2. Contoh Pop Up Window Baru
popup.php

<html> 
<head> 
<title>Membuat Pop-Up Window</title> <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-wp-preserve="%3Cscript%20language%3D%22javascript%22%3E%20%0Afunction%20buka_popup()%7B%20%C2%A0%0Awindow.open('popup2.php'%2C%20''%2C%20'width%3D640%2C%20height%3D480%2C%20menubar%3Dyes%2Clocation%3Dyes%2Cscrollbars%3Dyes%2C%20resizeable%3Dyes%2C%20status%3Dyes%2C%20copyhistory%3Dno%2Ctoolbar%3Dno')%3B%20%0A%7D%20%0A%3C%2Fscript%3E" data-mce-resize="false" data-mce-placeholder="1" class="mce-object" width="20" height="20" alt="&lt;script&gt;" title="&lt;script&gt;" /> 
<body onLoad="buka_popup();"> 


Anda juga dapat membuka window popupnya dari sini

 <a href="javascript: buka_popup();">KLIK DISINI</a> 
</body> 
</html>

popup2.php

<html> 
<head> 
<title>Ini Window Ke 2</title> 
</head> 
<body> 


Jika anda dapat melihat saya maka anda berhasil

 <a href="javascript: window.close()">Tutup Window[X]</a> 
</body> 
</html>