Behaviors Call Javascript, Change Properties, Check Plugin
Behaviors call javascript, change properties, check plugin

sayfada kullanılan tagda yazılı olan javascript fonksiyonunu çağırır ve işetir

-Behaviors kısmında yeni davranış eklemek(+) veya davranış silmek(-) yapabiliriz.
-Eklediğimiz javascript kodu davranışını gördüğümüz ve ne zaman çalışacağını ayarladığımız kısımdır.
Alt resimde yanda görülen açılan bölüm ise script kodumuzun hangi olaya göre hareket edeceğini belirler.

Body tagine eklediğimiz javascript kodunun çalıştığının tarayıcımızda görüyoruz.
Change Property: Herhangi bir sayfa öğesinin özelliklerini değiştirmenizi sağlar.
Bu olay gerçekleştirmek için bir div tag’I ekleriz.

Daha sonra tag inspector içerisindeki behaviors kısmından change property seçeneğine tıklayalım.

-Type of elementimiz yani elementimizin tipi div olduğu için div seçeriz.
-element id kısmına en başta ekledğimizi div tagına verdiğimiz idyi seçelim.
-select kısmından değiştirmek istediğimiz özellik seçebiliriz.Veya enter kısmı ile kendimiz bir özellik verebiliriz.
-New value kısmından ise yeni değeri veririz.

Yukarıdaki New value yazan kısımdaki metin renk kodudur metne penbe tonlu bir renk vermektedir.
Aşağıdaki resimdeki dıv ise resmin arkaplan rengini değiştirmektedir.

Eklediğimiz özellikler behaviors kısmından görülebilir

Aşağıdaki resim tarayıcımızn ilk çalışdığı anki görüntüsüdür.

Aşağıdaki resim tarayıcı üzerinde metne bir sefer tıklandığında alığı hâl

Aşağıdaki resim ise yazı üzerinde çift tıklanıldığında ortaya çıkan arka plan renk değiştirme biçimidir.

Check Plug-In: Web sayfanızda Flash, Shockwave gibi plug-in gerektiren nesneler ve teknolojiler kullanıyorsanız bu özellik ile ziyaretçinizin plug-inini kontrol ederek sonuca göre muamele yapabilirsiniz. Mesela Flash plug-ini yoksa başka bir sayfaya yönlendirerek uyarıda bulunabilirsiniz...
Uygulamayı yapabilmek için bir button ekleleylim (link de olabilir).

Behaviorstan check plugine tıklarız.

Daha sonra yüklenmesini istediğimiz Flash, Shockwave gibi plug-in eklentiyi select kısmından seçeriz.
Sonra ilk yüklenme linkini veririz.İlk link çalışmassa diye altında yedek bir link daha veririz.

Ve son olarak tarayıcıdan butona tıklayarak kullanıcı eksik olan plugini indirebilir. Ya da linke gidebilir

Kaynak : Samet ERDEM