Php & Resources

Şimdide bir bloğun zemin renginin nasıl değiştirilebileceğini görelim. Bu örneğimizin diğer iki örnekten farlı olan tarafı javascript ile bir fonksiyon tanımlayacak olmamız ve sonrada bu fonksiyon üzerinden zemin rengini değiştirecek olmamızdır. Bunun nedeni ise iki browser içinde tek bir ifadeyi kullanmak ve sayfamızın iki browser üzerinden de çalışmasını sağlamaktır.

Öncelikle bloğumuzu tanımlayalım.

<DIV ID="alan"
        STYLE="margin : 20; background-color: gray;
        width: 300; height:100;
        border-style:solid; border-color:red;
        border-width:1"
        onClick="zRenginiDegistir('alan')">
        alan kimliği verdiğimiz bir blok.
</DIV>

Tanımladığımız elemana alan adı verdik. Biz bu elemanın değişik özelliklerini artık IDsi ile kolaylıkla denetleyebileceğiz.

Okumaya Devam Et »

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.

Okumaya Devam Et »

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.

Okumaya Devam Et »

Browser üreticileri farklı şekillerde broserler için bir Document Object Model geliştirdiklerinden ve browserlere farklı yaklaşımlar sunduklarından browserler arası DHTML uygulamalarında farklılıklar olmaktadır. Bu nedenle bir DHTML uygulaması hazırlarken ilk olarak bu uygulmayı çalıştıracak browseri tanımlamamız gerekmektedir.

Bir websayası değişik üreticilerin sundukları değişik sürümlerde browserlerle ziyaret edilebilir. Bu nedenle eğer sayfamızı özel bir browsere göre hazırlamıyorsak hazırladığımız uygulama her brower üzerinde çalışmak zorundadır. Bunun içinde öncelikle browser tanımlaması yapmak zorundayız.

Okumaya Devam Et »

Document Object Model yada kısa yazılışıyla DOMun anlamı; Belge Nesne Yapısıdır. Browserler hazırladığınız sayfayı bir belge olarak kabul ederler ve bu belge içerisine yerleştirdiğiniz tüm elemanları ( resim, form, yazı, tag v.s ) da bir nesne olarak kabul ederler. Bu yapı içerisinde istediğiniz nesnenin istediğiniz özelliği üzerinde oynama yapmak için bir script dili ( JavaScript gibi ) kullanabilirsiniz.

Browserler hazırladığınız sayfayı işlerken onu bir belge kabul ederler ve bu belgeyi yorumlarlar. Bu yorumlamayı yaparken tüm sayfa elemanlarını bir nesne gurubu içerisine yerleştirirler. Mesela bir resim Image nesnesi içerisinde yerini alacaktır. Her nesnenin kendine has özellikleri ve metodları bulunmaktadır. Mesela bir resmin genişliği, yüksekliği ve adresi ( src özelliği ) gibi özellikleri bulunmaktadır. Biz her özelliğin değerini görebildiğimiz gibi bazı özelliklerin değerlerini de değitirecek yöntemlere ( metod ) sahibiz.

Okumaya Devam Et »

Konumuza girmeden önce DHTMLin ne olduğunu kavramamız gerekmektedir. Bu nedenle kısa bir açıklama yapmakta fayda bulunmaktadır.

DHTML bir programlama veya işaretleme dili değildir. Bu nedenle yeni bir dil öğrendiğinizi düşünmeyin. Çünkü DHTML; CSS, JavaScript ve HTMLin birleşiminden oluşan, browser DOM ( document object model ) yapısını kullanarak sayfa üzerinde yeni denetimler ve düzenlemeler sunun teknikler zinciridir. Bu nedenle bu bölüme başlamadan önce HTML , CSS ve JavaScript hakkında orta seviyede bilgi sahibi olmanız gerekmektedir.

Okumaya Devam Et »