Javascript ile açılan menü
Sayfanızın bir yerinde, Navigation çubuklarında gösterilemeyecek kadar çok belgeye veya sayfaya ulaşım imkanı vermek isteyebilirsiniz. Sözgelimi bir kitabın farklı bölümlerine ulaşma kolaylığı sağlamak isteyebilirsiniz. Ya da kendi sitenizin çeşitli sayfalarına bir menü ile ulaşılması daha az yer kaplaması bakımından uygun olabilir. Bunu FORM tekniği ile sağlamak mümkün. Önce HEAD bölümünde kısa bir Javascript yazalım:
<script language="JavaScript">
<!--
function goster(form) {
var index=form.hedef.selectedIndex
window.location=(form.hedef.options[index].value);
}
// -->
</script>
Sonra, bu Script’in yardımıyla kullanacağımız açılan menü bölümü için bir FORM oluşturalım:
<form name="menü">
<select name="hedef" size="1">
<option selected value="...">Bir sayfa seçin</option>
<option value="birinci.htm">Birinci Sayfa</option>
<option value="ikinci.htm">İkinci Sayfa</option>
<option value="ucuncu.htm">Üçüncü Sayfa</option>
<option value="dorduncu.htm">Dördüncü Sayfa</option>
</select>
<input type="BUTTON" value="Göster" onclick="goster(this.form)">
</form>
Tabiî menüde gösterilecek kelimeler ve bunların karşılığı olan HTML sayfalarının adını kendi sitenize uygun şekilde düzeltmeniz gerekiyor.
Tek pencere yetmiyorsa
Diyelim ki sayfalarınızın içeriği öylesine arttı ki, artık size bir Browser penceresi yetmiyor ve ziyaretçi bir bağlantıyı tıkladığında bilgisayar ekranında ikinci bir pencere açılsın ve talep edilen içerik yeni pencerede gösterilsin istiyorsunuz. Yani size bir pop-up pencere gerekiyor. İkinci ve 640x480 piksellik pencere için kodumuz şöyle olabilir.
<script language="JavaScript">
<!--
function yeniPencere() {
popupWin = window.open('http://www.benimsitem.com/hedefsayfa.htm', 'remote', 'width=640,height=480')
}
// -->
</script>
Bu penceresi ziyaretçinin ekranında belirli bir konumda da açtırabiliriz. Bunun için popupWin satırı şöyle olacak:
popupWin=window.open('http://www.psacake.com','remote','width=640,height=480,to p=100,left=100')
Sonra, hangi bağlantı yeni bir pencere açtırsın istiyorsanız, o bağlantıyı şöyle yazabilirsiniz:
<form><input type=button value="Burayı tıklayınız!" onClick="yeniPencere();"></form>
İsterseniz, bu kolaylıktan düz bağlantı metninde de yararlanabilirsiniz:
<a href="javascript
:yeniPencere();">Burayı tıklayınız</a>
Açtıracağınız pencerenin menü ve araç çubuğu olup olmaması, kaydırma çubukları bulunup bulunmaması da bu arada belirtilebilir.
Kaynağı kolayca görüntületmek
Özellikle Internet, Web teknikleri, HTML ile ilgili bir siteniz varsa ve ziyaretçileriniz o anda izledikleri sayfanın kaynağını görmek için zahmet edip, Mouse’un sağ düğmesini tıklayıp, menü açarak kaynağı görüntülemekle uğraşmasınlar istiyorsanız, sayfanızın altına mesela bir “Kaynağı Görüntüle” satırı koyun, bu satırı şöyle bağlantılayın:
<script>document.writeln("<A ID='btm' HREF='view-source:"+document.location.href+"'>View Source</A>");</script>
57267
Char w/space:57000
Char w/space:64000
Alıntıdır---