Açtırdığınız Pencerenin Özelliklerinin Ayarlanması
Biliyorsunuz webde surf siteden siteye olur ve bu sırada gittiğimiz websitesi ya mevcut pencereye yüklenir veya yeni bir pencere açılır.
İsterseniz işe en başından, pencerenin açılmasından başlayıp, açılacak olan pencerenin özelliklerini nasıl ayarlandığını görüp, sonrada pencereyi kapatalım.
Pencere Açma
Mevcut sayfamızdan diğer sayfalara iki değişik tür link verebiliriz. Bunlardan birincisi:
<a href="http://www.otolist.com">OtoList.com seri ilanlar sitesi</a>
şeklinde olursa ziyaretçi linki tıkladığında yeni sayfa mevcut açık olan pencereye yüklenir ve ziyaretçi izlemekte olduğu sayfa ile ilişkiyi keser.
<a href="http://www.otolist.com" target="_blank">OtoList.com seri ilanlar sitesi</a>
Diye link verirsek, target="_blank" ilavesi yeni bir pencere açılmasına gidilen sayfanın yeni pencereye yüklenmesine sebep olur. Bu arada link veren siteye geri dönüş açılan pencereyi kapatmakla mümkün olabilir. Denemek için OtoList.com seri ilanlar sitesi linkini tıklayın (belki otomobillere bir göz atarsınız!)
Açılan Pencerenin Özelliklerini Kilitleme (Sabitleme)
Zaten bütün yukardaki girişi aramıza yeni katılanlar kaybolmasın diye burada anlatacaklarım için yaptım, ama olsun bilenlere faydalı bir tekrar olmuştur.
Gelelim kurufasulyenin nimetlerine, sabit ölçülü pencere niçin gerekebilir:
- Bir yerde gördünüz ve sizde merak ediyorsunuz.
- Tam bir sayfaya ihtiyaç olmayan, herhangi bir metindeki konuyu destekler açıklamalara izleyicinin dikkatini dağıtmadan yer vermek istiyorsunuz, iş bitince kapanacak küçük bir pencere lazım.
- Hesap makinası gibi bir an için kullanılıp tekrar kapatılacak araçlar için.
Mesela OtoList.com taşıt kredisi hesapları için böyle bir hesap makinasını el altında bulunduruyor, burayı tıklarsanız normal bir pencere ama burada ebatları kısıtlanmış bir pencere açılacaktır.
Dilerseniz bu işin nimetlerini gördükten sonra nasıl yapıldığını bir inceleyelim:
<a href="javascript://"onclick="javascript:window.open('http://www.otolist.com','HB','toolbar=1, location=1, scrollbars=1,resizable=1, width=500,height=300');">OtoList.com Seri ilanlar Sitesi</a>
Hemen böyle cin gibi bir bakışta anladınız değil mi? Kırmızı dışındaki renklerle kodlanmış olan kısımlar değiştirilebilir. Kırmızı yazılara dokunmayın sakın. Gelelim hangisinin ne işe yaradığına:
- www.otolist.com Ziyaret edilecek sitenin/sayfanın adının yazılacağı bölüm, ziyaretçi buraya URLsini yazdığınız sayfayı görür.
- toolbar=1: Eğer toolbar istemiyorsanız toolbar=0 (sıfır) yazmanız lazım, toolbarı olmayan pencereyi görmek için : burayı tıklayın
- location=1 Adres çubuğunu istemeyenler ise location=0 yazmalı örnek için
burayı tıklayın
(tabii toolbar geri geldi)
- scrollbars=1 Kaydırma çubuklarından kurtulmanın ilacı ise scrollbars=0 yazmak şimdide kaydırma çubuksuz pencere için burayı tıklayın (bu sefer de adres çubuğu geri geldi)
- resizable=1 Pencerenin küçültüp büyütülmesini istemeyenler için gereken ise resizable=0 yazmak burayı tıklayın bakın bakalım pencere boyutları değişiyormu?
- width=500,height=300 bunun açıklaması kendinden menkul, efendim, buraya açılacak pencerenin boyutlarını yazıyorsunuz, bir image dosyası gibi pencerenin width ve height özellikleri olabilir.
- Son örnek ise bütün özellikleri = 0 yapılmış pencere neye benziyor merak edenler meraklarını gidermek için Tıklasın bakalım!..
Pencere Kapatma
Biliyorsunuz açılan herşey mutlaka kapanmalıdır, pencerelerede ayrımcılık
yapacak halimiz yok. Açılan pencereler eğer tam olarak yeni bir sayfa veya başka bir sitenin
websayfası değilse insanlara mutlaka kapatmalarınıda hatırlatın. Yoksa şaşırıp kalırlar, sanki netarafa
gideceğini bilemeyen çocuklar gibi. Onun için insanları sıkıntıya sokmayın
<a href="javascript://" onclick="javascript:window.close();">Pencereyi Kapat</a>
|
