JavaScript davranışlarını kullanma (genel talimatlar)

Adobe Dreamweaver davranışları belgelere JavaScript kodu yerleştirir, böylece ziyaretçiler web sayfasını çeşitli yöntemlerle değiştirebilir veya bazı görevleri başlatabilir. Davranış, bir olayın ve bu olayla tetiklenen bir eylemin birleşimidir. Davranışlar panelinde bir eylem ve ardından bu eylemi tetikleyen bir olay belirleyerek davranış eklersiniz.

Olaylar, tarayıcılar tarafından üretilen, ziyaretçinin sayfanızda bir şey yaptığını belirten mesajlardır. Örneğin ziyaretçi işaretçiyi bir bağ üzerine getirdiğinde, tarayıcı bu bağ için onMouseOver olayı üretir; ardından tarayıcı yanıt olarak bir JavaScript kodunu (görüntülenen sayfada belirtilmiştir) çağırıp çağırmayacağını denetler. Farklı sayfa öğeleri için farklı olaylar tanımlanmıştır; örneğin, onMouseOver ve onClick, bağlarla ilişkilendirilirken onLoad görüntülerle ve belgenin body bölümüyle ilişkilendirilir.

Eylem, tarayıcı penceresi açma, AP öğesini görüntüleme veya gizleme, ses çalma veya Adobe Shockwave filmini durdurma gibi bir görevi yerine getirmek üzere önceden yazılan JavaScript kodudur. Dreamweaver ile gelen eylemler tarayıcılar arası maksimum uyumluluğu sağlar.

Sayfa öğesine bir davranış ekledikten sonra davranış, bu olay her gerçekleştiğinde kendisiyle ilişkilendirilen eylemi (JavaScript kodu) çağırır. (Belirli bir eylemi tetiklemek için kullanabileceğiniz olaylar tarayıcıya göre değişir.) Örneğin bir bağa Açılır Mesaj eylemi eklerseniz ve onMouseOver olayıyla tetikleneceğini belirlerseniz, işaretçi bu bağın üzerine her geldiğinde mesajınız açılır.

Tek bir olay çeşitli eylemleri tetikleyebilir ve bu eylemlerin hangi sırada gerçekleşeceğini belirleyebilirsiniz.

Dreamweaver yaklaşık iki düzine eylem sunar; diğer eylemler www.adobe.com/go/dreamweaver_exchange_tr adresindeki Exchange web sitesinde ve üçüncü taraf geliştiricilerin sitelerinde bulunabilir. JavaScript konusunda bilgiliyseniz, kendi eylemlerinizi de yazabilirsiniz.

Davranışlar panelini (Pencere > Davranışlar) sayfa öğelerine (esas olarak etiketlere) davranışlar eklemek ve daha önce eklenen davranışların parametrelerini değiştirmek için kullanırsınız.

Seçili sayfa öğesine önceden eklenen davranışlar, olaya göre davranış listesinde (panelin ana alanında) alfabetik olarak görüntülenir. Aynı olay için birden fazla eylem listelenmişse, listede görüntülendikleri sıraya göre yürütülür. Davranış listesinde herhangi bir davranış listelenmiyorsa, seçili öğeye eklenmiş davranış yoktur.

Davranışlar paneli aşağıdaki seçeneklere sahiptir:

Sadece geçerli belgeye eklenen davranışları görüntüler. Olaylar, istemci tarafı ve sunucu tarafı kategorilerinde düzenlenmişlerdir. Her kategorinin olayları daraltılabilir listededir. Ayarlanan Olayları Göster varsayılan görünümdür.

Belirtilen kategorinin tüm olaylarını alfabetik sırada görüntüler.

Seçili öğeye eklenebilecek eylemlerin menüsünü görüntüler. Bu listeden bir eylem seçtiğinizde, eylem için parametreleri tanımlayabileceğiniz bir iletişim kutusu görüntülenir. Eylemlerin tümü soluk ise, seçili öğeyle herhangi bir eylem üretilemez.

Seçili olayı ve eylemi davranış listesinden çıkarır.

Seçili eylemi, belirli bir olayın davranış listesinde yukarı veya aşağı taşır. Sadece belirli bir olayın eylem sırasını değiştirebilirsiniz; örneğin, onLoad olayının çeşitli eylemlerinin sırasını değiştirebilirsiniz, ancak tüm onLoad eylemleri davranış listesinde bir arada kalır. Ok düğmeleri, listede yukarı veya aşağı taşınamayan eylemler için devre dışı bırakılmıştır.

Sadece bir olay seçildiğinde görüntülenen, eylemi tetikleyebilen tüm olayların açılır menüsünü görüntüler (bu menü, seçili olay adının yanındaki ok düğmesi tıklatıldığında görüntülenir). Seçili nesneye bağlı olarak farklı olaylar görüntülenebilir. Beklediğiniz olaylar görüntülenmezse, doğru sayfa öğesinin veya etiketin seçili olduğundan emin olun. (Belirli bir etiketi seçmek için Belge penceresinin sol alt köşesindeki etiket seçiciyi kullanın.)

Olaylar hakkında

Her tarayıcı, Davranış panelinin Eylemler (+) menüsünde listelenen eylemlerle ilişkilendirilmiş bir dizi olay sunar. Web sayfanızın ziyaretçisi sayfayla etkileşime geçtiğinde (örneğin bir görüntüyü tıklattığında) tarayıcı olayları üretir; bu olaylar bir eylemi gerçekleştiren JavaScript işlevlerini çağırmak için kullanılabilir. Dreamweaver, bu olaylarla tetikleyebileceğiniz birçok ortak eylemi sağlar.

Tarayıcıların sağladığı olayların adları ve açıklamaları için www.adobe.com/go/dreamweaver_support_tr adresindeki Dreamweaver Destek Merkezi'ne bakın.

Seçili nesneye bağlı olarak Olaylar menüsünde farklı olaylar görüntülenebilir. Belirtilen sayfa öğesi için tarayıcıda desteklenen olayları bulmak üzere belgenize sayfa öğesini yerleştirin ve buna bir davranış ekleyin, ardından Davranışlar panelinde Olaylar menüsüne bakın. (Varsayılan olarak, olaylar HTML 4.01 olay listesinden alınır ve birçok modern tarayıcıda desteklenir.) İlgili nesneler henüz sayfada yoksa veya seçilen nesne olayları alamıyorsa, olaylar devre dışı bırakılabilir (soluk renkli). Beklenen olaylar görüntülenmezse, doğru nesnenin seçili olduğundan emin olun.

Bir görüntüye davranış ekliyorsanız, kimi olaylar (onMouseOver gibi) parantez içinde görüntülenir. Bu olaylar sadece bağlarda kullanılabilir. Bunlardan birini seçtiğinizde, boş bağı tanımlamak için Dreamweaver görüntünün çevresine <a> etiketi getirir. Boş bağ Özellik denetçisinin Bağ kutusunda javascript:; ile gösterilir. Bu bağı başka bir sayfaya olan gerçek bir bağa dönüştürmek istiyorsanız, bağ değerini değiştirebilirsiniz, ancak farklı bir bağ ile değiştirmeden JavaScript bağını silerseniz, davranışı silersiniz.

Belirli bir tarayıcıda belirli bir olayla kullanabileceğiniz etiketleri görmek için Dreamweaver/Configuration/Behaviors/Events klasöründeki dosyalarda olayı arayın.

Davranış uygulama

Belgenin tamamına (diğer bir deyişle <body> etiketine), bağlara, görüntülere ve diğer çeşitli HTML öğelerine davranışlar ekleyebilirsiniz.

Seçtiğiniz hedef tarayıcı belirli bir öğe için desteklenen olayları belirler.

Her olay için birden fazla eylem belirleyebilirsiniz. Eylemler, Davranışlar panelinin Eylemler sütununda listelendiği sırada gerçekleşir ancak bu sırayı değiştirebilirsiniz.

Davranışı değiştirme veya silme

Bir davranış ekledikten sonra eylemi tetikleyen olayı değiştirebilir, eylemler ekleyebilir veya kaldırabilir ve eylemlerin parametrelerini değiştirebilirsiniz.

Davranışı güncelleştirme

Üçüncü taraf davranışları indirme ve yükleme

Dreamweaver için Exchange web sitesinde (www.adobe.com/go/dreamweaver_exchange_tr) birçok eklenti vardır.

Daha fazla bilgi için bkz. Dreamweaver'da eklenti ekleme ve yönetme.