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.