Linke tıklayınca Javascript çalıştırmak

Yazan: karflake | Tarih

25 Kasım 2008 | Yorum

Yorum Yok

Henüz puan verilmemiş

Loading ...

Bir web sayfası hazırlarken en çok unuttuğum şey bir linke tıklanınca nasıl Javascript kodu çalıştırılacağıdır. Buraya not düşerek bir daha bu kodları aramamayı umut ediyorum.

Bir linkte tıklayınca Javascript çalıştırmanın birkaç yolu var. Birinci yol için şu işlemler yapılır. Önce sayfanın head bölümünde script tag'ının içinde şu kodlar yazılır.

PLAIN TEXT

JAVASCRIPT:

function mesajver()
    {
      alert("Merhaba dünya!");
    }

Daha sonra body bölümünde bu fonksiyon şu şekilde çağrılır:

PLAIN TEXT

JAVASCRIPT:

<a href="javascript:mesajver()">Tıkla</a>

Bu şekilde sayfada Tıkla linkine basıldığında ekranda Merhaba Dünya mesajı gösterilecektir.

İkinci yöntem olarak a etiketinin onClick olayı kullanılabilir. Bu sefer de kullanıcıdan onay isteyen aşağıdaki Javascript fonksiyonunu çağırmak isteyelim.

PLAIN TEXT

JAVASCRIPT:

<script>
  function onay()
  {
    if (confirm("Google'a gitmek istediğinizden emin misiniz?"))
      return true;
    else
      return false;
  }
</script>

Bu fonksiyonu ikinci yöntemde şu şekilde çağırıyoruz.>

PLAIN TEXT

JAVASCRIPT:

<a href="http://www.google.com" onclick="return onay();">Google'a git</a>

Burada da Google'a git linkine tıklanılınca, verilen bir onay mesajından alınan sonuca göre, ya siteye gidiliyor, ya da işlem iptal ediliyor. Burada return onay(); kısmına özellikle dikkat çekmek istiyorum. Eğer return kelimesi yazılmazsa; ister işlem onaylansın, isterse onaylanmasın Google'ın ana sayfasına gidiliyor.

Javascript konusu açılmışken, bir düğme kullanılarak nasıl Javascript çağrılacağını da aşağıdaki örnek ile belirteyim. Üstelik bu kod, Javascript'le nasıl yönlendirme yapılacağını da gösteriyor.

Önce aşağıdaki Javascript fonksiyonunu yazıyoruz.

PLAIN TEXT

JAVASCRIPT:

<script>
  function git()
  {
    if (confirm("Google'a gitmek istediğinizden emin misiniz?"))
      window.location.href="http://www.google.com";
  }
  </script>

Daha sonra body'de aşağıdaki kodu kullanıyoruz.

PLAIN TEXT

JAVASCRIPT:

<button onclick="git();">Tıkla</button>

Çok sevdim, başkalarıyla paylaşayım:

Yazdır | 463 Görüntülenme | Kategori: HTML & Javascript & Ajax | Trackback

Geri İzleme

Etiketler: link, javascript, komut

Linke tıklayınca Javascript çalıştırmak

Benzer Yazılar

Yorum Yap

Yazarlar

Son Dakika

Navigasyon

Tanıdıklar