Javascript Centered Popup Window

Published by Concept Phone Selasa, 18 September 2018

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 yaitu lebar jendela, 500 yaitu ketinggian jendela. Angka-angka yang mengikuti di belakangnya memilih apakah properti-properti jendela diaktifkan ("1") atau dinonaktifkan ("0"), urutannya adalah: scrollbar, resizable, menubar, toolbar, addressbar, statusbar, fullscreen
• popup yaitu nama jendela. Jika setiap link dilengkapi dengan nama jendela yang sama, maka dikala 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).

Sumber https://www.dte.web.id/