Adobe Dreamweaver'da yerleşik JavaScript davranışları uygulamayı anlamak için bu konuyu kullanın.

Yerleşik davranışlar kullanma

Dreamweaver'da yer alan davranışlar, modern tarayıcılarda çalışacak şekilde yazılmıştır. Davranışlar eski tarayıcılarda sessiz biçimde başarısız olur.

Not:

Dreamweaver eylemleri, olabildiğince çok tarayıcıda çalışmak üzere yazılmıştır. Dreamweaver eyleminden bir kodu elle kaldırırsanız veya kendi kodunuzla değiştirirseniz, tarayıcılar arası uyumluluğu kaybedebilirsiniz.

Dreamweaver eylemleri tarayıcılar arası uyumluluğu en yüksek seviyeye getirmek için yazılmış olmasına rağmen, bazı tarayıcılar JavaScript hiç desteklemez ve birçok insan web'de gezinirken tarayıcılarında JavaScript'i kapalı tutar. En iyi platformlar arası sonuçları elde etmek için <noscript> etiketleri arasında alternatif arabirimler sağlayın, böylece JavaScript'i olmayan kullanıcılar sitenizi kullanabilirler.

JavaScript Çağır davranışı uygulama

JavaScript Çağır eylemi, bir olay gerçekleştiğinde özel bir işlevi veya JavaScript kodunda bir satırı yürütür. (Komut dosyasını kendiniz yazabilirsiniz veya web'deki çeşitli ücretsiz JavaScript kitaplıkları tarafından sağlanan kodu kullanabilirsiniz.)

  1. Bir nesne seçin ve Davranışlar panelinin Davranış Ekle menüsünden JavaScript Çağır öğesini seçin.
  2. Yürütülecek JavaScript'i tam olarak yazın veya işlevin adını yazın.

    Örneğin, Geri düğmesi oluşturmak için if (history.length > 0){history.back()} yazabilirsiniz. Kodunuzu bir işlevin içine dahil ettiyseniz, sadece işlevin adını yazın (örneğin, hGoBack()).

  3. Tamam'ı tıklatın ve varsayılan olayın doğru olduğunu doğrulayın.

Özelliği Değiştir davranışı uygulama

Nesnenin özelliklerinden birinin değerini değiştirmek için (örneğin, bir bölümün arka plan rengi veya formun eylemi) Özelliği Değiştir davranışını kullanın.

Not:

Bu davranışı sadece HTML ve JavaScript'i çok iyi biliyorsanız kullanın.

  1. Bir nesne seçin ve Davranışlar panelinin Davranış Ekle menüsünden Özellik Değiştir öğesini seçin.
  2. Öğe Türü menüsünden bu türün tanımlanmış tüm öğelerini görüntülemek üzere bir öğe türü seçin.
  3. Öğe Kimliği menüsünden bir öğe seçin.
  4. Özellik menüsünden bir özellik seçin veya kutuya özelliğin adını girin.
  5. Yeni Değer alanına yeni özelliğin yeni değerini girin.
  6. Tamam'ı tıklatın ve varsayılan olayın doğru olduğunu doğrulayın.

Eklentiyi Denetle davranışını uygulama

Belirli bir eklentinin yüklü olup olmadığına bağlı olarak ziyaretçileri farklı sayfalara göndermek üzere Eklentiyi Denetle davranışını kullanın. Örneğin, ziyaretçilerinizin Shockwave uygulaması varsa bir sayfaya, yoksa farklı bir sayfaya gitmesini sağlayabilirsiniz.

Not:

Internet Explorer'da JavaScript kullanarak özel eklentileri algılayamazsınız. Ancak, Flash veya Director öğesini seçmek, Windows üzerindeki Internet Explorer'daki bu eklentileri algılamak için sayfanıza uygun VBScript kodunu ekleyecektir. Mac OS üzerindeki Internet Explorer'da eklentinin algılanması mümkün değildir.

  1. Bir nesne seçin ve Davranışlar panelinin Davranış Ekle menüsünden Eklentiyi Denetle öğesini seçin.
  2. Eklenti menüsünden bir eklenti seçin veya Enter tuşuna basın ve yanındaki kutuya eklentinin adını tam olarak yazın.

    Eklentinin adını, Netscape Navigator'da Eklentiler Hakkında sayfasında kalın olarak belirtildiği biçimde, tam olarak yazmalısınız. (Windows'ta, Navigator Yardımı > Eklentiler Hakkında komutunu seçin; Mac OS'ta, Apple menüsünden Eklentiler Hakkında'yı seçin.)

  3. Bulunursa URL'ye Git kutusunda eklentiye sahip ziyaretçiler için bir URL belirleyin.

    Uzak URL girerseniz, adrese http:// önekini de dahil etmelisiniz. Bu alanı boş bırakırsanız, ziyaretçiler aynı sayfada kalırlar.

  4. Aksi Taktirde Bu URL'ye Git kutusunda eklentiye sahip olmayan ziyaretçiler için alternatif URL belirleyin. Bu alanı boş bırakırsanız, ziyaretçiler aynı sayfada kalırlar.
  5. Eklenti algılaması mümkün olmadığında ne yapılacağını belirleyin. Varsayılan olarak, algılama mümkün olmadığında ziyaretçi Aksi Taktirde kutusunda listelenen URL'ye gönderilir. Ziyaretçiyi ilk (Bulunursa) URL'sine göndermek için Algılanmıyorsa Her Zaman İlk URL'ye Git seçeneğini işaretleyin. Seçili olduğunda bu seçenek etkin olarak “tarayıcı açık olarak eklentinin olmadığını belirtmedikçe, ziyaretçinin eklentisi olduğunu varsay” anlamına gelir. Genel olarak, eklenti sayfanızın tamamlayıcı bir öğesiyse bu seçeneği belirleyin; aksi durumda boş bırakın.

    Not:

    Bu seçenek sadece Internet Explorer'a uygulanır; Netscape Navigator her zaman eklentileri algılayabilir.

  6. Tamam'ı tıklatın ve varsayılan olayın doğru olduğunu doğrulayın.

AP Öğesini Sürükle davranışını uygulama

AP Öğesini Sürükle davranışı, ziyaretçinin kesin olarak konumlandırılmış (AP) öğesini sürüklemesine olanak sağlar. Yapbozlar, kaydırıcı denetimleri ve diğer hareket ettirilebilir arabirim öğeleri oluşturmak için bu davranışı kullanın.

Ziyaretçinin AP öğesini hangi yöne sürükleyeceğini (yatay, dikey veya herhangi bir yöne), ziyaretçinin AP öğesini sürüklemesi gereken hedefi, AP öğesi hedefin belirli bir piksel sayısı içindeyse, AP öğesini hedefe yapıştırılıp yapıştırılmayacağını, AP öğesi hedefe çarptığında ne olacağını ve daha fazlasını belirleyebilirsiniz.

AP Öğesini Sürükle davranışının, ziyaretçi AP öğesini sürüklemeden önce çağrılması gerektiğinden, AP Öğesini Sürükle'yi body nesnesine (onLoad olayıyla birlikte) eklemelisiniz.

  1. Ekle > Mizanpaj Nesneleri > AP Div öğesini seçin veya Ekle panelindeki AP Div Çiz düğmesini tıklatın ve Belge penceresinin Tasarım görünümünde bir AP Div öğesi çizin.
  2. Belge penceresinin sol alt köşesindeki etiket seçicide <body> öğesini seçin.
  3. Davranışlar panelinin Davranış Ekle menüsünden AP Öğesini Sürükle'yi belirleyin.

    AP Öğesini Sürükle kullanılamıyorsa, seçili AP öğeniz yoktur.

  4. AP Öğesi açılır menüsünden AP öğesini seçin.
  5. Hareket açılır menüsünden Sınırlanmış veya Sınırlanmamış'ı seçin.

    Sınırlanmamış hareketi yapbozlar ve diğer sürükle ve bırak oyunları için uygundur. Kaydırıcı denetimleri ve çekmece, perde ve güneşlikler gibi hareket edebilir sahneler için sınırlanmış hareketi seçin.

  6. Sınırlanmış hareket için Yukarı, Aşağı, Sol ve Sağ kutularına değerleri (piksel cinsinden) girin.

    Değerler, AP öğesinin başlangıç konumuna göredir. Hareketi dikdörtgen bölgeyle sınırlamak için dört kutuya da pozitif değerler girin. Sadece dikey harekete izin vermek için Yukarı ve Aşağı kutularına pozitif, Sol ve Sağ kutularına 0 değerini girin. Sadece yatay harekete izin vermek için Sol ve Sağ kutularına pozitif, Yukarı ve Aşağı kutularına 0 değerini girin.

  7. Sol ve Üst kutularındaki bırakma hedefi için değerler (piksel cinsinden) girin.

    Bırakma hedefi, ziyaretçinin AP öğesini sürüklemesini istediğiniz noktadır. AP öğesinin sol ve üst koordinatları Sol ve Üst kutularına girilen hedefle eşleştiğinde, AP öğesinin bırakma hedefine eriştiği kabul edilir. Değerler, tarayıcı penceresinin üst sol köşesine göredir. AP öğesinin geçerli konumuyla metin kutularının otomatik doldurulması için Geçerli Konumu Al'ı tıklatın.

  8. AP öğesi hedefe yapışmadan önce ziyaretçinin bırakma hedefine ne kadar yakın olması gerektiğini belirlemek için Bu Aralık İçindeyse Yapış kutusuna değeri (piksel cinsinden) girin.

    Büyük değerler, ziyaretçinin bırakma hedefini bulmasını kolaylaştırır.

  9. Basit yapbozlar ve sahne değişimi için burada durabilirsiniz. AP öğesinin sürükleme tutamacını belirlemek için AP öğesi sürüklenirken hareketi izleyin ve AP öğesi bırakıldığında eylemi tetikleyin, Gelişmiş sekmesini tıklatın.
  10. Ziyaretçinin AP öğesini sürükleyebilmesi için AP öğesinin belirli bir alanını tıklatmasını belirlemek için Sürükleme Tutamacı menüsünden öğe içinde Alan'ı seçin, ardından sol ve üst koordinatlar ile sürükleme tutamacının genişliğini ve yüksekliğini girin.

    Bu seçenek, AP öğesinin içindeki görüntü, başlık çubuğu veya çekmece kulpu gibi sürüklemeyi gerektiren bir öğe içerdiğinde kullanışlıdır. Ziyaretçinin AP öğesini sürüklemek için herhangi bir yeri tıklatabilmesini istiyorsanız, bu seçeneği ayarlamayın.

  11. Kullanmak istediğiniz herhangi bir Sürüklerken seçeneğini belirleyin:
    • AP öğesi sürüklenirken yığın sırasının önünde hareket etmeliyse, Öğeyi Öne Getir'i seçin. Bu seçeneği belirlerseniz, AP öğesini önde mi bırakmak veya yığın sırasında orijinal konumuna mı döndürmek istediğinizi belirlemek üzere açılır menüyü kullanın.

    • AP öğesi sürüklenirken kodu veya işlevi sürekli yinelemek için JavaScript Çağır kutusuna JavaScript kodunu veya işlevin adını (örneğin, monitorAPelement()) girin. Örneğin, AP öğesinin koordinatlarını izleyen ve metin kutusunda “ısınıyorsunuz” veya “bırakma hedefinden çok uzaksınız” gibi ipuçları görüntüleyen bir işlev yazabilirsiniz.

  12. AP öğesi bırakıldığında kodu veya işlevi yürütmek için ikinci JavaScript Çağır kutusuna JavaScript kodunu veya işlevin adını (örneğin, evaluateAPelementPos()) girin. Sadece AP öğesi bırakma hedefine eriştiğinde JavaScript'in yürütülecekse, Sadece Yapıştığında seçeneğini belirleyin.
  13. Tamam'ı tıklatın ve varsayılan olayın doğruluğunu denetleyin.

Sürüklenebilir AP öğesiyle ilgili bilgiler toplama

AP Öğesini Sürükle davranışını bir nesneye eklediğinizde Dreamweaver, MM_dragLayer() işlevini belgenizinhead bölümüne ekler. (İşlev AP öğelerinin eski adlandırma kuralını [örn: “Layer’] korur, böylece Dreamweaver'ın önceki sürümlerinde oluşturulan katmanlar düzenlenebilir olmaya devam eder.) AP öğesini sürüklenebilir olarak kaydetmeye ek olarak bu işlev her sürüklenebilir AP öğesi için, AP öğesinin görece yatay konumunu, AP öğesinin görece dikey konumunu ve AP öğesinin bırakma hedefine erişip erişmediğin belirlemek üzere JavaScript işlevlerinizde kullanabileceğiniz üç özellik —MM_LEFTRIGHT, MM_UPDOWN ve MM_SNAPPED—tanımlar.

Not:

Burada verilen bilgiler sadece deneyimli JavaScript programcıları hedeflemektedir.

Örneğin, aşağıdaki işlev MM_UPDOWN özelliğini (AP öğesinin geçerli dikey konumu) curPosField adlı form alanında görüntüler. (Form alanları, dinamik olduğundan, diğer bir deyişle sayfanın yüklenmesi tamamlandıktan sonra içeriklerini değiştirebildiğinizden sürekli güncelleştirilen bilgileri görüntülemek için kullanışlıdır.)

function getPos(layerId){ 
    var layerRef = document.getElementById(layerId); 
    var curVertPos = layerRef.MM_UPDOWN; 
    document.tracking.curPosField.value = curVertPos; 
}

Form alanında MM_UPDOWN veya MM_LEFTRIGHT değerlerini görüntülemek yerine, bu değerleri çok çeşitli yöntemlerde kullanabilirsiniz. Örneğin, değerin bırakma alanına yakınlığına göre form alanında bir mesaj görüntüleyen işlev yazabilir veya değere bağlı olarak AP öğesini görüntüleyen veya gizleyen başka bir işlevi çağırabilirsiniz.

Sayfada çok sayıda AP öğesi varsa ve ziyaretçi bir sonraki sayfa veya göreve geçmeden önce bu öğelerin hedeflerine erişmesi gerekiyorsa, MM_SNAPPED özelliğini okumak özellikle kullanışlıdır. Örneğin, kaç tane AP öğesinde MM_SNAPPED değeri bulunduğunu saymak -ki butrue değerinindir- ve AP öğesi bırakıldığında çağırmak üzere bir işlev yazabilirsiniz. Yapışma sayısı, istenilen sayıya eriştiğinde, ziyaretçiyi bir sonraki sayfaya gönderebilir veya tebrik eden bir mesaj görüntüleyebilirsiniz.

URL'ye Git davranışını uygulama

URL'ye Git davranışı, geçerli pencerede veya belirlenen çerçevede yeni bir sayfa açar. Bu davranış, iki veya daha fazla çerçevenin içeriğini tek bir tıklatmayla değiştirmek için kullanışlıdır.

  1. Bir nesne seçin ve Davranışlar panelinin Davranış Ekle menüsünden URL'ye Git öğesini belirleyin.
  2. Bununla Aç listesinden URL'nin hedefini seçin.

    Bununla Aç listesi ana pencerenin yanı sıra geçerli çerçeve kümesindeki tüm çerçevelerin adını otomatik listeler. Çerçeve yoksa, ana pencere tek seçenektir.

    Not:

    Çerçeveler üst, boş, kendi başına veya üst seviye olarak adlandırılmışsa, bu davranış beklenmedik sonuçlar doğurabilir. Tarayıcılar kimi zaman ayrılmış hedef adları için bu adları yanlış değerlendirir.

  3. URL kutusunda açılacak belgeyi seçmek için Gözat'ı tıklatın veya belgenin yolunu ve dosya adını girin.
  4. Diğer çerçevelerde farklı belgeleri açmak için 2. ve 3. adımları yineleyin.
  5. Tamam'ı tıklatın ve varsayılan olayın doğru olduğunu doğrulayın.

Atla Menüsü davranışı uygulama

Ekle> Form > Atla Menüsü kullanarak bir atla menüsü oluşturduğunuzda Dreamweaver, bir menü nesnesi oluşturur ve buna Atla Menüsü (veya Atla Menüsü Git) davranışı ekler. Genellikle nesneye elle Atla Menüsü eklemeye gerek yoktur.

Mevcut atla menüsünü iki yöntemle düzenleyebilirsiniz:

  • Davranışlar panelinin mevcut Atla Menüsü davranışını çift tıklatarak menü öğelerini düzenleyebilir ve yeniden sıralayabilir, dosyaları atlanacak olarak değiştirebilir ve bu dosyaların açılacağı pencereyi değiştirebilirsiniz.

  • Menüyü seçip, Özellik denetçisindeki Değerler düğmesini kullanarak menüdeki öğeleri herhangi bir menüdeki öğeler gibi düzenleyebilirsiniz.

  1. Belgenizde yoksa, bir atla menüsü nesnesi oluşturun.
  2. Nesneyi seçin ve Davranışlar panelinin Davranış Ekle menüsünden Atla Menüsü öğesini belirleyin.
  3. Atla Menüsü iletişim kutusunda istediğiniz değişiklikleri yapın ve Tamam'ı tıklatın.

Atla Menüsü Git davranışı uygulama

Atla Menüsü Git davranışı, Atla Menüsü davranışıyla yakından ilişkilidir; Atla Menüsü Git davranışı, atla menüsüne Git düğmesi iliştirmenize olanak sağlar. (Bu davranışı kullanmadan önce belgede bir atla menüsü olmalıdır.) Git düğmesine tıklatıldığında, atla menüsünde seçilen bağ açılır. Atla menüsünün genellikle Git düğmesine gereksinimi yoktur; atla menüsünden bir öğe seçme, genellikle kullanıcının başka bir eylem gerçekleştirmesine gerek kalmadan URL'nin yüklenmesine neden olur. Ancak ziyaretçi zaten atla menüsünden seçilen öğeyi seçerse, atlama gerçekleşmez. Genellikle bu sorun olmaz ancak, atla menüsü bir çerçevede görüntüleniyorsa ve atla menüsü öğeleri farklı bir çerçevedeki sayfalara bağlantı kuruyorsa, ziyaretçilerin atla menüsünde zaten seçili olan öğeyi tekrar seçmelerine olanak sağlamak için Git düğmesi kullanışlıdır.

Not:

Atla menüsüyle Git düğmesini kullandığınızda Git düğmesi, kullanıcının menüdeki seçimle ilişkilendirilen URL'ye "atlatan" tek mekanizma olur. Atla menüsünde bir menü öğesini seçme artık kullanıcıyı otomatik olarak başka bir sayfa veya çerçeveye yeniden yönlendirmez.

  1. Git düğmesi olarak kullanılacak nesneyi seçin (genellikle düğme görüntüsü) ve Davranışlar panelinin Davranış Ekle menüsünden Atla Menüsü Git öğesini seçin.
  2. Atla Menüsü Git menüsünde Git düğmesinin etkinleştireceği bir menü seçin ve Tamam'ı tıklatın.

Tarayıcı Penceresini Aç davranışını uygulama

Yeni bir pencerede sayfa açmak için Tarayıcı Penceresini Aç davranışını kullanın. Boyutu, nitelikleri (yeniden boyutlandırılabilir, menü çubuğu vb. gibi öğelerin olup olmaması gibi) ve adı olmak üzere yeni pencerenin özelliklerini belirleyebilirsiniz. Örneğin, ziyaretçi minik resmi tıklattığında ayrı pencerede büyük görüntüyü açmak için bu davranışı kullanabilirsiniz; bu davranışla yeni pencereyi görüntüyle tam olarak aynı boyutta yapabilirsiniz.

Pencere için nitelik belirlemezseniz yeni pencere içinden açıldığı pencereyle aynı boyut ve niteliklerle açılır. Pencere için nitelik belirleme, özel olarak açılmamış diğer nitelikleri kapatır. Örneğin, pencere için nitelik ayarlamazsanız, 1024 x 768 pikselde açılabilir, gezinme çubuğu (Geri, İleri, Giriş ve Yeniden Yükle düğmeleriyle), konum araç çubuğu (URL'yi gösteren), durum çubuğu (altta durum mesajlarını gösteren) ve menü çubuğu (Dosya, Düzen, Görünüm ve diğer menülerle) olabilir. Genişliği özel olarak 640 ve yüksekliği 480 olarak ayarlar ve diğer nitelikleri ayarlamazsanız, pencere 640 x 480 pikselde araç çubukları olmadan açılır.

  1. Bir nesne seçin ve Davranışlar panelinin Davranış Ekle menüsünden Tarayıcı Penceresini Aç öğesini seçin.
  2. Dosyayı seçmek için Gözat'ı tıklatın veya görüntülenmesini istediğiniz URL'yi girin.
  3. Pencerenin genişlik ve yükseklik değerlerini (piksel cinsinden) ve çeşitli araç çubukları, kaydırma çubukları, yeniden boyutlandırma tutamaçları vb. ile ilişkisi için seçenekleri belirleyin. Bağların hedefi olmasını veya JavaScript ile denetlenmesini istiyorsanız, pencereye bir ad verin (boşluk veya özel karakterler kullanmayın).
  4. Tamam'ı tıklatın ve varsayılan olayın doğru olduğunu doğrulayın.

Açılır Mesaj davranışı uygulama

Açılır Mesaj davranışı, belirlediğiniz mesajı içeren bir JavaScript uyarısı görüntüler. JavaScript uyarılarında sadece bir düğme (Tamam) olduğundan, bu davranışı kullanıcılara seçim sunmak yerine bilgi vermek amaçlı kullanın.

Metne geçerli herhangi bir JavaScript işlevi çağrısını, özelliğini, genel değişkeni veya diğer ifadeleri gömebilirsiniz. JavaScript ifadesi gömmek için kaşlı ayraçlar ({}) içine yerleştirin. Kaşlı ayraç görüntülemek için önüne geriye doğru eğik çizgi (\{) getirin.

Örnek:

The URL for this page is {window.location}, and today is {new Date()}.

Not:

Tarayıcı, uyarının görünümünü denetler. Görünüm üzerinde daha fazla denetim istiyorsanız, Tarayıcı Penceresini Aç davranışını kullanmayı düşünün.

  1. Bir nesne seçin ve Davranışlar panelinin Davranış Ekle menüsünden Açılır Mesaj öğesini seçin.
  2. Mesaj kutusuna mesajınızı girin.
  3. Tamam'ı tıklatın ve varsayılan olayın doğru olduğunu doğrulayın.

Görüntüleri Önceden Yükle davranışı uygulama

Görüntüleri Önceden Yükle davranışı, sayfa ilk görüntülendiğinde gösterilmeyen görüntüleri önbelleğe alarak görüntülenme süresini kısaltır (örneğin, davranışlar veya komut dosyalarıyla değiştirilen görüntüler).

Not:

Görüntü Değiştir davranışı, Görüntü Değiştir iletişim kutusunda Görüntüleri Önceden Yükle seçeneğini belirlediyseniz, vurgulanan tüm görüntüleri otomatik olarak önceden yükler.

  1. Bir nesne seçin ve Davranışlar panelinin Davranış Ekle menüsünden Görüntüleri Önceden Yükle öğesini belirleyin.
  2. Görüntü dosyasını seçmek için Gözat'ı tıklatın veya Görüntü Kaynak Dosyası kutusuna görüntünün yolunu ve dosya adını girin.
  3. Görüntüleri Önceden Yükle listesine görüntü eklemek için iletişim kutusunun üzerindeki Artı (+) düğmesini tıklatın.
  4. Geçerli sayfada önceden yüklenmesini istediğiniz diğer görüntüler için 2. ve 3. adımları yineleyin.
  5. Görüntüleri Önceden Yükle listesinden bir görüntüyü kaldırmak için görüntüyü seçin ve Eksi (–) düğmesini tıklatın.
  6. Tamam'ı tıklatın ve varsayılan olayın doğru olduğunu doğrulayın.

Çerçeve Metni Ayarla davranışı uygulama

Çerçeve Metni Ayarla davranışı, çerçevenin içeriğini ve formatlamasını belirlediğiniz içerikle değiştirerek, çerçeve metnini otomatik olarak ayarlamanızı sağlar. İçerik herhangi bir geçerli HTML kodunu içerebilir. Bilgileri dinamik olarak görüntülemek için bu davranışı kullanın.

Çerçeve Metni Ayarla davranışı çerçevenin formatlamasını değiştirse bile, sayfanın arka plan rengini ve metin rengi niteliklerini korumak için Arka Plan Rengini Koru'yu seçebilirsiniz.

Metne geçerli herhangi bir JavaScript işlevi çağrısını, özelliğini, genel değişkeni veya diğer ifadeleri gömebilirsiniz. JavaScript ifadesi gömmek için kaşlı ayraçlar ({}) içine yerleştirin. Kaşlı ayraç görüntülemek için önüne geriye doğru eğik çizgi (\{) getirin.

Örnek:

The URL for this page is {window.location}, and today is {new Date()}.
  1. Bir nesne seçin ve Davranışlar panelinin Davranış Ekle menüsünden Metni Ayarla > Çerçeve Metni Ayarla öğesini seçin.
  2. Çerçeve Metni Ayarla iletişim kutusunda, Çerçeve menüsünün hedef çerçevesini seçin.
  3. Hedef çerçevenin body bölümünün geçerli içeriğini kopyalamak için Geçerli HTML'yi Al düğmesini tıklatın.
  4. Yeni HTML kutusuna bir mesaj girin.
  5. Tamam'ı tıklatın ve varsayılan olayın doğru olduğunu doğrulayın.

Kap Metni Ayarla davranışı uygulama

Kap Metni Ayarla davranışı, sayfadaki mevcut kabın (diğer bir deyişle, metin veya diğer öğeleri içerebilen herhangi bir öğenin) içeriğini ve formatlamasını belirlediğiniz içerikle değiştiren davranıştır. İçerik herhangi bir geçerli HTML kaynak kodunu içerebilir.

Metne geçerli herhangi bir JavaScript işlevi çağrısını, özelliğini, genel değişkeni veya diğer ifadeleri gömebilirsiniz. JavaScript ifadesi gömmek için kaşlı ayraçlar ({}) içine yerleştirin. Kaşlı ayraç görüntülemek için önüne geriye doğru eğik çizgi (\{) getirin.

Örnek:

The URL for this page is {window.location}, and today is {new Date()}.
  1. Bir nesne seçin ve Davranışlar panelinin Davranış Ekle menüsünden Metni Ayarla > Kap Metni Ayarla öğesini seçin.
  2. Kap Metni Ayarla iletişim kutusunda, Kap menüsünü kullanarak hedef öğeyi seçin.
  3. Yeni HTML kutusuna yeni metni veya HTML'yi girin.
  4. Tamam'ı tıklatın ve varsayılan olayın doğru olduğunu doğrulayın.

Durum Çubuğu Metni Ayarla davranışı uygulama

Durum Çubuğu Metni Ayarla davranışı, tarayıcı penceresinin sol alt köşesindeki durum çubuğunda bir mesaj görüntüler. Örneğin bu davranışı, durum çubuğunda kendisiyle ilişkilendirilen URL'yi görüntülemek yerine bağın hedefini tanımlamak için kullanabilirsiniz. Ziyaretçiler genellikle durum çubuğundaki mesajları yok sayar veya gözden kaçırırlar (ayrıca tarayıcıların tümü durum çubuğunda metin ayarlamak için tam destek sağlamaz); mesajınız önemliyse, açılır mesaj veya AP öğesinin metni olarak görüntülemeyi düşünün.

Not:

Dreamweaver'da Durum Çubuğu Metni Ayarla davranışını kullanırsanız, bazı tarayıcılar durum çubuğu metnini değiştirirken ek ayarlar gerektirdiğinden tarayıcıdaki durum çubuğu metninin görüntülenme garantisi yoktur. Örneğin Firefox, JavaScript'in durum çubuğu metnini değiştirmesine izin veren Gelişmiş seçeneğinin değiştirilmesini gerektirir. Daha fazla bilgi edinmek için tarayıcınızın belgelerine bakın.

Metne geçerli herhangi bir JavaScript işlevi çağrısını, özelliğini, genel değişkeni veya diğer ifadeleri gömebilirsiniz. JavaScript ifadesi gömmek için kaşlı ayraçlar ({}) içine yerleştirin. Kaşlı ayraç görüntülemek için önüne geriye doğru eğik çizgi (\{) getirin.

Örnek:

The URL for this page is {window.location}, and today is {new Date()}.
  1. Bir nesne seçin ve Davranışlar panelinin Davranış Ekle menüsünden Metni Ayarla > Durum Çubuğu Metni Ayarla öğesini seçin.
  2. Durum Çubuğu Metni Ayarla iletişim kutusunda Mesaj kutusuna mesajınızı yazın.

    Mesajınızı kısa tutun. Mesaj durum çubuğuna sığmazsa tarayıcı mesajı keser.

  3. Tamam'ı tıklatın ve varsayılan olayın doğru olduğunu doğrulayın.

Metin Alanı Metni Ayarla davranışı uygulama

Metin Alanı Metni Ayarla davranışı, formun metin alanı içeriğini belirlediğiniz içerikle değiştirir.

Metne geçerli herhangi bir JavaScript işlevi çağrısını, özelliğini, genel değişkeni veya diğer ifadeleri gömebilirsiniz. JavaScript ifadesi gömmek için kaşlı ayraçlar ({}) içine yerleştirin. Kaşlı ayraç görüntülemek için önüne geriye doğru eğik çizgi (\{) getirin.

Örnek:

The URL for this page is {window.location}, and today is {new Date()}.

Adlandırılmış metin alanı oluşturma

  1. Ekle > Form > Metin Alanı'nı seçin.

    Dreamweaver, form etiketi eklemeniz için sizi uyarırsa Evet'i tıklatın.

  2. Özellik denetçisinde metin alanı için bir ad yazın. Adın, sayfada benzersiz olduğundan emin olun (aynı sayfada, farklı formlarda olsalar bile birden fazla öğe için aynı adı kullanmayın).

Metin Alanı Metni Ayarla davranışı uygulama

  1. Bir metin alanı seçin ve Davranışlar panelinin Davranış Ekle menüsünden Metni Ayarla > Alan Metni Ayarla öğesini belirleyin.
  2. Metin Alanı menüsünden hedef metin alanını seçin ve yeni bir metin girin.
  3. Tamam'ı tıklatın ve varsayılan olayın doğru olduğunu doğrulayın.

Öğeleri Göster/Gizle davranışı uygulama

Öğeleri Göster/Gizle davranışı, bir veya daha fazla sayfa öğesini görüntüler, gizler veya varsayılan görünürlüğünü geri yükler. Bu davranış, kullanıcı sayfayla etkileşim kurduğunda bilgileri görüntülemek için kullanışlıdır. Örneğin, kullanıcı tarla resmi üzerinde işaretçiyi hareket ettirirken, tarlanın büyüme mevsimi ve bölgesi, ne kadar güneş gerektirdiği ve ne kadar büyüyebileceği gibi ayrıntılar veren bir sayfa öğesi görüntüleyebilirsiniz. Davranış sadece uygun öğeyi gösterir veya gizler; gizli olduğunda öğeyi gerçekte sayfa akışından kaldırmaz.

  1. Bir nesne seçin ve Davranışlar panelinin Davranış Ekle menüsünden Öğeleri Göster/Gizle seçeneğini belirleyin.

    Öğeleri Göster/Gizle seçeneği kullanılamıyorsa, seçili AP öğeniz yoktur. AP öğeleri her iki 4.0 tarayıcıdaki olayları kabul etmediğinden, farklı bir nesne (örneğin, <body> etiketi veya bir bağ (<a>) etiketi) seçmelisiniz.

  2. Öğeler listesinden görüntülenmesini veya gizlenmesini istediğiniz öğeyi seçin ve Göster, Gizle veya Varsayılan (varsayılan görünürlüğü geri yükler) düğmelerinden birini tıklatın.
  3. Görünürlüğünü değiştirmek istediğiniz diğer öğeler için 2. adımı yineleyin. (Birden çok öğenin görünürlüğünü tek davranışla değiştirebilirsiniz.)
  4. Tamam'ı tıklatın ve varsayılan olayın doğru olduğunu doğrulayın.

Bu davranış Dreamweaver CS5'ten itibaren çıkarılmıştır.

Görüntü Değiştir davranışı uygulama

Görüntü Değiştir davranışı src özelliğini değiştirerek ki<img> etiketinin özelliğidir, görüntüyü bir başkasıyla değiştirir. Bu davranışı düğme rollover'ları ve diğer görüntü efektleri (bir kerede birden fazla görüntü değiştirme dahil) oluşturmak için kullanın. Rollover görüntüsü ekleme, sayfanıza otomatik olarak Görüntü Değiştir davranışını ekler.

Not:

Bu davranıştan sadece src niteliği etkilendiğinden, orijinaliyle aynı boyutlara sahip (yükseklik ve genişlik) bir görüntüyle değiştirme yapmalısınız. Aksi durumda, değiştirdiğiniz görüntü, orijinal görüntünün boyutlarına uymak için küçülür veya genişler.

Değiştirilen son görüntü kümesini önceki kaynak dosyalara sıfırlayan Görüntü Değiştir Geri Yükle davranışı da vardır. Bu davranış, bir nesneye Görüntü Değiştir davranışını eklediğinizde varsayılan olarak otomatik eklenir; Görüntü Değiştir davranışını eklerken Geri Yükle seçeneğini işaretlenmiş olarak bırakırsanız, Görüntü Değiştir Geri Yükle davranışını hiçbir zaman elle seçmenize gerek olmaz.

  1. Görüntü eklemek için Ekle > Görüntü'yü seçin veya Ekle panelinde Görüntü düğmesini tıklatın.
  2. Özellik denetçisinde en sondaki metin kutusuna görüntü için bir ad yazın.

    Görüntüye ad vermek zorunlu değildir; davranışı nesneye eklediğinizde otomatik olarak adlandırılırlar. Bununla birlikte, görüntüleri daha önceden adlandırırsanız, Görüntü Değiştir iletişim kutusunda görüntüleri ayırmak daha kolay olur.

  3. Diğer görüntüleri eklemek için 1. ve 2. adımı yineleyin.
  4. Bir nesne seçin (genellikle değiştireceğiniz görüntü) ve Davranışlar panelinin Davranış Ekle menüsünden Görüntü Değiştir öğesini belirleyin.
  5. Görüntüler listesinden, kaynağını değiştirmek istediğiniz görüntüyü seçin.
  6. Yeni görüntü dosyası seçmek için Gözat'ı tıklatın veya Kaynağı Buna Ayarla kutusuna yeni görüntünün yolunu ve dosya adını girin.
  7. Değiştirmek istediğiniz diğer görüntüler için 5. ve 6. adımı yineleyin. Bir kerede değiştirmek istediğiniz tüm görüntüler için aynı Görüntü Değiştir eylemini kullanın; aksi halde ilgili Görüntü Değiştir Geri Yükle eylemi görüntülerin tamamını geri yüklemez.
  8. Sayfa yüklendiğinde yeni görüntülerin önbelleğe alınması için Görüntüleri Önceden Yükle seçeneğini belirleyin.

    Bu, görüntüler gösterildiğinde gerçekleşen indirme gecikmelerini önler.

  9. Tamam'ı tıklatın ve varsayılan olayın doğru olduğunu doğrulayın.

Formu Doğrula davranışı uygulama

Formu Doğrula davranışı, kullanıcının doğru veri türü girdiğinden emin olmak için belirlenen metin alanlarının içeriğini denetler. Bu davranışı, kullanıcı formu doldururken alanları doğrulamak için onBlur olayına sahip metin alanlarına veya kullanıcı Gönder düğmesini tıklattığında birden çok metin alanını bir kerede değerlendirmek üzere onSubmit olayına sahip forma ekleyin. Bu davranışı forma eklemek geçersiz veriler içeren formların gönderilmesini önler.

  1. Form eklemek için Ekle > Form'u seçin veya Ekle panelinde Form düğmesini tıklatın.
  2. Metin alanı eklemek için Ekle > Form > Metin Alanı'nı seçin veya Ekle panelinde Metin Alanı düğmesini tıklatın.

    Diğer metin alanlarını eklemek için bu adımı yineleyin.

  3. Doğrulama yöntemi seçin:
    • Kullanıcı formu doğrularken tek bir alanı doğrulamak için metin alanını seçin ve Pencere > Davranışlar'ı belirleyin.

    • Kullanıcı formu gönderdiğinde birden fazla alanı doğrulamak için Belge penceresinin sol alt köşesindeki etiket seçiciden <form> etiketini tıklatın ve Pencere > Davranışlar'ı seçin.

  4. Davranış Ekle menüsünden Formu Doğrula'yı seçin.
  5. Aşağıdakilerden birini yapın:
    • Alanları ayrı ayrı doğruluyorsanız, Alanlar listesinden Belge penceresinde seçtiğiniz alanı seçin.

    • Birden fazla alanı doğruluyorsanız, Alanlar listesinden metin alanını seçin.

  6. Alanın veri içermesi gerekiyorsa, Gerekli seçeneğini belirleyin.
  7. Aşağıdaki Kabul Et seçeneklerden birini belirleyin:

    Herhangi Birini Kullan

    Gerekli alanın veri içerip içermediğini denetler; herhangi bir veri türü olabilir. 

    E-posta Adresi Kullan

    Alanın @ simgesi içerip içermediğini denetler.

    Sayı Kullan

    Alanın sadece rakam içerdiğini denetler.

    Sayı Aralığı Kullan

    Alanın belirli bir aralıktaki sayıyı içerdiğini denetler.

  8. Birden çok alanı doğrulamayı seçtiyseniz, doğrulamak istediğiniz diğer alanlar için 6. ve 7. adımları yineleyin.
  9. Tamam'ı tıklatın.

    Kullanıcı formu gönderdiğinde birden fazla alanı doğruluyorsanız, onSubmit olayı, Olaylar menüsünde otomatik olarak görüntülenir.

  10. Alanları ayrı ayrı doğruluyorsanız, varsayılan olayın onBlur veya onChange olduğunu denetleyin. Değilse, bu olaylardan birini seçin.

    Her iki olayda, kullanıcı alandan uzaklaştığında Formu Doğrula davranışını tetikler. Aralarındaki fark ise, onBlur olayı kullanıcı alana yazmış olsun veya olması gerçekleşirken onChange olayının sadece kullanıcı alanın içeriğini değiştirdiğinde gerçekleşmesidir. Alan zorunluysa, onBlur olayı tercih edilir.

Bu çalışma Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License kapsamında lisanslanmıştır  Creative Commons şartları, Twitter™ ve Facebook sitelerinde paylaşılanları kapsamaz.

Yasal Uyarılar   |   Çevrimiçi Gizlilik İlkesi