dhtml - Değişen içerikler hazırlama
Websayfaları browser ekranına geldiklerinde tanımlandıkları şekillerde görünürler. Tasarımcılar sayfaları üzerinde sayfa görüntülendikten sora da denetim sahibi olmak isterler.
Bu gibi durumlarda DHTML tekniklerini kullanarak sayfa üzerinde denetim sahibi olunabir. Netscape 4.x serisi sadece konumsal özellikler üzerinde denetime izin verir. Mesela bir bloğu başka bir yere taşımak veya gizlemek gibi. Fakat IE 4.x ve üzeri ayrıca Netscape 6.x serisi sayfa yüklendikten sonra da sayfa üzerinde denetime izin vermektedir. Bu denetimler içerik değiştirmek olduğu gibi yeni içerikler yerleştirmek veya ver olan sitillerin değiştirilmesi de olabilir.
Biz bu bölümde sadece sayfa içerisindeki sitilleri nasıl değiştirebileceğimizi göreceğiz. İlk olarak bir yazının üzerine gelindiğinde renginin nasıl değiştirilebileceğini görelim.
DHTML sayfa tasarımcıları için <B ID="onemli">önemli<B> teknikler sunar.
Şimdi yukarıda tanımladığımız onemli adlı elemanımızın üzerine mouse geldiğinde nasıl rengini değiştirebileceğimizi görelim.
IE de bu işlemi yapmak için direkt olarak elemanın IDsi verilerek yeni sitil bilgisi verilebilir. Aşağıdaki ifadeler IE 4.x ve üzerinde çalışacaktır.
DHTML sayfa tasarımcıları için <B ID="onemli" onMouseOver="onemli.style.color='red'" onMouseOut="onemli.style.color='black'"> önemli </B> teknikler sunar.
Yukarıdaki ifadeleri incelediğinizde onMouseOver ve onMouseOut eventlerine şu ifadeleri ekledik
onemli.style.color='red';
IE de bir elemanın style bilgilerine erişmek ve onları değiştirmek için elemanın IDsini kullanıyoruz.
elemanIDsi
Sonra sitil bilgisi üzerinde çalışacağımız için ona style şeklide bir ekleme yapıyoruz.
elemanIDsi.style
Ardından hangi özelliğe ulaşacaksak o özelliği ekliyoruz.
elemanIDsi.style.ozellik
En son olarakta yeni değeri atıyoruz.
elemanIDsi.style.ozellik="yeni_değer";
Bu işlemi sayfa yüklendikten sonra sayfanın herhangi bir yerinde yapabiliriz. Şimdi yukarıdaki ifadelerin nasıl bir sonuç verdiğini görelim. Mouse ile önemli yazısı üzerine gelin ve yazının renginin nasıl değiştiğine dikkat edin.
DHTML sayfa tasarımcıları için önemli teknikler sunar
|