Bilindiği gibi Açılır (Popup) Pencerelerde bir sorun vardır. Tıkladığınız zaman ekranın tam ortasına gelmezler. Aksine rasgele yada sol üst köşede belirirler. Bu Javascript dersinde Açılır (Popup) Pencerelerimizi ekranın tam ortasına nasıl alacağımızı göreceğiz.

Öncelikle aşağıdaki kodu Not Defteri yada Dreamweaver gibi editör aracılığı ile boş bir sayfaya yapıştırın:

<script>
	var Pencerem;

	function PencereOrtala(url,w,h) {
		var left = parseInt((screen.availWidth/2) - (w/2));
		var top = parseInt((screen.availHeight/2) - (h/2));
		var windowFeatures = "width=" + w + ",height=" + h + ",status,resizable,left=" + left + ",top=" + top + "screenX=" + left + ",screenY=" + top;
		Pencerem = window.open(url, "subWind", windowFeatures);
	}
</script>

Kullanımı ise gayet basit, yukardaki kodun altına hemen şunu yapıştırın:

<a href="javascript:PencereOrtala('deneme.html',520,420);"">TIKLA VE AÇILIR PENCEREYİ AÇ</a>

'deneme.html',520,420

Burada deneme.html açılacak sayfamız, 520 açılacak olan pencerenin genişliği, 420 ise açılacak olan pencerenin yüksekliğidir. Dilediğiniz gibi bu değerle oynayabilirsiniz.

Kaynak dosyayı indirmek için tıklayın