Javascript Dersleri Pencere Komutları (Yeni Pencere – Sayfa Açma window.open)

Yeni Pencere Açma

Yeni bir pencerede sayfa açmak için window.open(…) kodundan yararlanılır. Parantez içine açılacak sayfanın adresi yazılır.

<html>
<head>
<title>Yeni Pencere, yeni sayfa.</title>
<script language=“JavaScript”>
//Fonksiyonu hazırlıyoruz.
function pencere()
{
//Açılacak sayfanın dosya ismi: dersjscr.asp
window.open(“dersjscr.asp”) }
</script>
</head>
<body>

<form>
JavaScipt‘e giriş sayfasını açmak için düğmeye basın.<br>
<!Düğmeye basıldığında fonksiyon çağrılır.>
<input type=button” onclick=“pencere()” value=“JavaScript’
e Giriş>
</form>

</body>
</html>

Bu uygulamayı çok rahat anlamışsınızdır, bu uygulamada kod varsayılan değerleriyle biçimlendiriliyor. Ama şimdiki uygulamayı çok dikkatli inceleyin, uygulamadan sonra gerekli açıklamayı yapacağım

 

<html>
<head>
<title>Yeni Pencere, yeni sayfa.</title>
<script language=“JavaScript”>
//Fonksiyonu hazırlıyoruz.
function pencere()
{
//Açılacak sayfanın dosya ismi: dersjscr.asp
window.open(“dersjscr.asp”, “Yeni_Sayfa”, toolbar=no,location=no,directories=no, status=no, menubar=yes,scrollbars=yes,resizable=no,copyhistory=yes,width=760, height=460″) }
</script>
</head>
<body>

<form>
JavaScipt‘e giriş sayfasını açmak için düğmeye basın.<br>
<!Düğmeye basıldığında fonksiyon çağrılır.>
<input type=button” onclick=“pencere()” value=“JavaScript’
e Giriş>
</form>

</body>
</html>

Bu uygulamadaki pencere açma komutu biraz daha değişik: open.window(dosya adresi, pencere ismi, pencere özellikleri). Aşağıdaki listede pencere özelliklerini ve açıklamalarını görüyorsunuz:

menubar Pencerenin üst bölümünde yer alan gözatıcı (browser) menü çubuğunu ifade eder.

menubar=yes

status Pencerenin alt bölümünde yer alan küçük mesajları ifade eder.

status = no

scrollbars Kaydırma çubuklarını ifade eder.

scrollbars = yes

resizable Pencerenin büyüklüğünün fare ile değiştirilebilirliğini ifade eder.

resizable = no

width Pencere genişliğini piksel cinsinden ifade eder.

width = 600

heigth Pencere yüksekliğini piksel cinsinden ifade eder.

heigth = 400

toolbar Pencerenin üstünde, menü çubuğunun altında yer alan gözatıcı araç çubuğunu ifade eder.

toolbar = no

location Pencerenin adres kutusunu ifade eder.

location = 600

directories Netscape gözatıcılarının “What’s new!”, “What’s cool!” isimli dizinlerini ifade eder.

directories = no

left Pencerenin ne kadar solda yer alacağını belirler; Netscape göz atıcıları desteklemiyor.

left = 100

screenX Pencerenin ne kadar solda yer alacağını belirler; Internet Explorer göz atıcıları desteklemiyor.

screenX = 100

top Pencerenin ne kadar üstte yer alacağını belirler; Netscape göz atıcıları desteklemiyor.

top = 50

screenY Pencerenin ne kadar üstte yer alacağını belirler; Internet Explorer göz atıcıları desteklemiyor.

screenY = 50

NOT1: Internet Explorer ve Netscape Navigator pencereyi konumlandırmak için farklı özellikler kullanılıyor. Her ikisinin desteklediği özellikleri beraber kullanırsanız sorun kalmaz.

NOT2: Evet/hayır tipi değer alan (boolean) özellikleri yes/no veya 1/0 gibi değerler alır.

X

Pin It on Pinterest

X