Php & Resources

Aynı işlemi Netscape 6.x ile de yapabiliriz. Netscape standart DOM yapısını kullandığından bu işlemi farklı bir şekilde yapıyor. Öncelikle bir elemana IDsi üzerinden erişmek için Netscape 6.x getElemanById yöntemini kullanıyor. Şimdi bu işlemin nasıl olacağını görelim.

İlk olarak bir döküman üzerinde çalıştığımızdan document ve ardından kullanacağımız yöntem olan getElemanById gelir. Ulaşacağımız elemanın IDsi burada kullanılır.

document.getElemanById('elemanIDsi')

Ardından sitil özellikleri kullanılacağından style eki ve kullanacağımız sitil özelliği ve değerini ekliyoruz.

document.getElementById('elemanIDsi').style.ozellik="yeni_değer";

Bu ifadeleri yukarıdaki örneğimize uyarlarsak.

DHTML sayfa tasarımcıları için
  <B ID="onemli"
  onMouseOver="document.getElementById('onemli').style.color='red'"
  onMouseOut="document.getElementById('onemli').style.color='black'">
  önemli
  </B>
teknikler sunar.

Şeklinde yeni ifadelerimiz oluşur. Şimdi bu ifadelerin Netscape 6.x ve IE 5.5 üzerinde deneyebilirsiniz.

DHTML sayfa tasarımcıları için önemli teknikler sunar.

Bu yöntemler kullanılarak istenilen elemanın istenilen özelliği üzerinde yeni denetimler kurulabilir. Şimdi aynı örneğimizde onemli adlı elemanın font boyunu değiştirelim. Önce IE cephesi:

DHTML sayfa tasarımcıları için
        <B ID="onemli"
        onMouseOver="onemli.style.fontSize='30px'"
        onMouseOut="onemli.style.fontSize='small'">
        önemli
        </B>
teknikler sunar.

Yeni örneğimizde elemanımız üzerine mouse geldiğinde font boyutu 30px olacak ve sonra mouse ayrıldığında ise small değerine dönüşecektir. Sonucu aşağıda görebilirsiniz.

DHTML sayfa tasarımcıları için önemli teknikler sunar.

Dikkat edeceğimiz konu sitil özelliği eğer birden fazla kelimeden oluşuyora font-size gibi bu özelliği javascripten ulaşmak için bu kelimeleri birleştiriyoruz ve ikinci ve varsa üçüncü kelimelerin başharflerini büyük harf yapıyoruz. Yukardaki örneği NS6 ya uygulamak için aşağıdaki ifadeleri kullanıyoruz.

DHTML sayfa tasarımcıları için
  <B ID="onemli"
  onMouseOver="document.getElementById('onemli').style.fontSize='30px'"
  onMouseOut="document.getElementById('onemli').style.fontSize='small'">
  önemli
  </B>
teknikler sunar.

Yukarıdaki ifadelerin NS6 sonucunu aşağıdaki paragrafta görebilirsiniz.