Javascript – Cara Buat PopUp sederhana

on

mau buat PopUp seperti gambar berikut..
src

langsung aja berikut script sederhananya:

1. buat file html untuk membuat akses popup. kasih nama popup.html
<html>
<head>
<script language=”javascript”>
var popupWindow = null;
function centeredPopup(url,winName,w,h,scroll){
LeftPosition = (screen.width) ? (screen.width-w)/2 : 0;
TopPosition = (screen.height) ? (screen.height-h)/2 : 0;
settings =’height=’+h+’,width=’+w+’,top=’+TopPosition+’,left=’+LeftPosition+’,scrollbars=’+scroll+’,resizable’
popupWindow = window.open(url,winName,settings)
}
</script>
</head>
<body>
<a href=’test_popup.html’ onclick=”centeredPopup(this.href,’myWindow’,’600′,’200′,’yes’);return false”>PopUp</a>
</body>
</html>

2. buat halaman popupnya. kasih nama test_popup.html
<html>
<head>
<title>Contoh PopUp sederhana By XI DOC</title>
</head>
<body>
<center>Tampilan PopUp sederhana by Hand Excel Supported XI DOC</center>
</body>
</html>

outputnya:
popup

ketika diklik tulisan PopUp maka akan muncul jendela baru dengan tulisan seperti diatas..
cukup sekian posting dari saya trimakasih🙂

3 Comments Add yours

  1. Diabet mengatakan:

    Ikutan praktek gan, makasih,,,

    1. informatika11d mengatakan:

      silahkan! thanks dah mampir

  2. gustab mengatakan:

    XI DOC…

    Artikelnya menarik… mudah dipraktekkan mas…

    Kan di pop up ada tombol print, minta tolong scriptnya mas… klo boleh ditambahin tombol export to excel.. makasih yaaa…..

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s