JavaScript - Pop-Up Pencere

27.09.2012 / Serdar Kardan

Uygulamalarınızda ihtiyaç duyduğunuzda kullanabileceğiniz bir Pop-Up kodu. Tarayıcıların ya da diğer Pop-Up blocker programların engeline takılmıyor.

Kendi çalışmalarımdan birinde kullandım ve Pop-Up engelleyici yazılımlar ile bir sıkıntı yaşamadım. Kullanışlı bir kod...

Kodu ilk bölümünü sayfanızın HEAD tagı içerisine yerleştirin.

<SCRIPT LANGUAGE="JavaScript">
<!-- Idea by:  Nic Wolfe -->
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->

<!-- Begin
function popUp(URL) {
day = new Date();
id = day.getTime();
eval("page" + id + " = window.open(URL, '" + id + "', 'toolbar=0,scrollbars=1,location=1,statusbar=1,menubar=0,resizable=1,width=800,height=600,left = 240,top = 212');");
}
// End -->
</script>

Toolbar, Scroolbars, location, statusbar, menubar, resizable parametrelerini 1 ya da 0 belirleyerek pencere şeklini özelleştirebilir, boyutunu ve konumunu da diğer parametrelerle belirleyebilirsiniz.

İkinci bölümü ise sayfanızın gerekli yerinde pencere açtırmak için kullanabilirsiniz. Aşağıdaki kod örneğinde bunu bir buton yoluyla nasıl yapabileceğinizi görebilirsiniz.

<form>
<input type=button value="Open the Popup Window" onClick="javascript:popUp('orneksayfa.html')">
</form>

Diğer bir örnekte de bir fotoğrafa onClick tanımladığınızda link vermeden bir pop-up' ta nasıl gösterebileceğinizi bulacaksınız.

<img src="images/Photos/foto.jpg" onClick="javascript:popUp('images/Photos/gocek1.jpg')" />

Kodun lisans hakları gereği ilk bölümdeki tanıtıcı bilgileri kaldırmayınız.

27.09.2012 - 8813