CSS ile linki tıklanamaz yapma

CSS ile linki tıklanamaz yapma

  • 4 Aralık 2015
  • 31 Okunma
  • Yorum Yok
  • 2 DK

Merhabalar CSS severler,

Bu yazımda sizlere çok basit olarak css ile bir a etiketinin tıklanamaz yapmayı göstereceğim. Mantığı iyice anlamamız için bir senaryo oluşturalım.

Diyelim ki 3 tane tab menünüz var. Bunlar

  1. işlem
  2. işlem
  3. işlem

Bu işlemler sırayla geçilmesi gerekiyor. O yüzden 1. işlemdeyken 2. ve 3. tıklanmaması lazım. O zaman hemen hiç js ile uğraşmadan basit bir css komutuyla işlemi bitiriyoruz.

 pointer-events: none; 

Yukarıdaki css komutu ile artık o a etiketine tıklanamaz hale getirebiliyoruz. Bir daha gelişmiş bir şey yapacak olursak aşağıdaki örneği inceleyebilirsiniz.

Yukarıdaki örnekte class=”disabled” almış olan class değerindeki a etiketlerine tıklanamaz hale getiriyoruz.

Anlamyanlar yapamayanlar bana yorumdan ulaşsın 🙂

HAYATI KODLA'YA ABONE OLUN!!
ETKİLEYİCİ BİR YORUM BIRAK

CSS ile linki tıklanamaz yapma İle Benzer Yazılar

"CSS ile linki tıklanamaz yapma" Yazısına uygun diğer makalerler