Thursday, December 29, 2011

JavaScript Centered Popup Window

JavaScript Popup Window

JavaScript

<script>
/*
Updated by: Mike Weiner :: http://www.wearebent.com 
Original author: Eric King (eric_andrew_king@hotmail.com)
Last Updated: May 2006
Changes: Added parameters for optional scrollbars, resizablility,
menubar, toolbar, addressbar, statusbar, fullscreen. Also tweaked the
implementation a bit - links will now give the user a popup window
even if JavaScript is disabled.
Notes: Some parameters are not cross-browser capable (e.g. fullscreen).
Browsers that do not support these abilities will ignore them.
Sumber: http://javascriptsource.com/navigation/centered-popup.html
*/
function newWindow(a_str_windowURL, a_str_windowName, a_int_windowWidth, a_int_windowHeight, a_bool_scrollbars, a_bool_resizable, a_bool_menubar, a_bool_toolbar, a_bool_addressbar, a_bool_statusbar, a_bool_fullscreen) {
    var int_windowLeft = (screen.width - a_int_windowWidth) / 2;
    var int_windowTop = (screen.height - a_int_windowHeight) / 2;
    var str_windowProperties = 'height=' + a_int_windowHeight + ',width=' + a_int_windowWidth + ',top=' + int_windowTop + ',left=' + int_windowLeft + ',scrollbars=' + a_bool_scrollbars + ',resizable=' + a_bool_resizable + ',menubar=' + a_bool_menubar + ',toolbar=' + a_bool_toolbar + ',location=' + a_bool_addressbar + ',statusbar=' + a_bool_statusbar + ',fullscreen=' + a_bool_fullscreen + '';
    var obj_window = window.open(a_str_windowURL, a_str_windowName, str_windowProperties)
    if (parseInt(navigator.appVersion) >= 4) {
         obj_window.window.focus();
    }
}
</script>

Penggunaan

<a href="//latitudu.blogspot.com" onclick="newWindow(this.href, 'popup', 600, 500, 1, 1, 0, 0, 0, 1, 0); return false;" target="_blank">Kunjungi Situs Life is Be U to Full</a>

<a href="//www.blogger.com" onclick="newWindow(this.href, 'prikitiw', 600, 500, 1, 1, 0, 0, 0, 1, 0); return false;" target="_blank">Kunjungi Situs Blogger</a>

Lihat Demo

  • 600 adalah lebar jendela, 500 adalah ketinggian jendela. Angka-angka yang mengikuti di belakangnya menentukan apakah properti-properti jendela diaktifkan ("1") atau dinonaktifkan ("0"), urutannya adalah: scrollbar, resizable, menubar, toolbar, addressbar, statusbar, fullscreen
  • popup adalah nama jendela. Jika setiap link dilengkapi dengan nama jendela yang sama, maka saat sebuah URL diakses pada jendela munculan, link berikutnya dengan nama jendela yang sama akan diakses pada jendela munculan yang sama mengantikan halaman yang terbuka sebelumnya. (Dua kali klik pada nama jendela yang sama tidak akan membuka dua buah jendela munculan).

Labels: , ,

0 Comments:

Post a Comment

<< Home