dhtml_Degisen_icerikler_hazirla1.htm

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

 
Yardım İçin Sadece Bir Tık Yeter
 
Sponsor
 
.tk
 
Bu web sitesi ücretsiz olarak Bedava-Sitem.com ile oluşturulmuştur. Siz de kendi web sitenizi kurmak ister misiniz?
Ücretsiz kaydol