CSS İle HTML'de Bulunan title="Başlık" Görünümünü Gizlemek Mümkün mü?
7
●385
- 27-10-2019, 06:59:36Linklerde title kullanıyorum ancak mause üzerine gelince görünmemesini istiyorum, bunu nasıl yapabilirim? Yani <a href="#" title="Görünmez">Bağlantı Adı</a> kodundaki "Görünmez" başlığının ekranda görünmemesini istiyorum.
- 27-10-2019, 07:09:30Bağlantının üstüne gelince açılan şu http://prntscr.com/pon7vv title'dan bahsediyorum hocam, nasıl seçeceğimi bilmiyorum, acaba CSS'de sitil atamak için seçicisi var mıdır?entriko adlı üyeden alıntı: mesajı görüntüle
- 27-10-2019, 07:09:49Update: js ile çözümü varmış https://stackoverflow.com/questions/...g-on-mouseover
Update 2 :https://stackoverflow.com/questions/...078446#8078446 - 27-10-2019, 11:03:33CSS ile title'a müdahale edemiyoruz. Bunun yerine aşağıdaki çözümü sunuyorum, kullanıp kullanmamak size kalmış bir durum.
https://jsfiddle.net/9gLfkphr/ - 27-10-2019, 11:09:00CSS ile bildiğim kadarıyla yok. Bir elemanın title özelliğini [title~="örnek title"] şeklinde yakalayabilirsiniz ancak elemanın kendisine etki edebilirsiniz hover yapıldığında çıkan title metnine değil.
Javascript kullanarak şu kod ile title özelliğini silebilirsiniz bu sayede gösterilmeyecektir. Kaynak kodlarda title kalır ancak öğeyi denetle derseniz fonksiyon çalışır olacağından title görünmeyecektir. SEO açısından sonuçları ne olur bilemiyorum.
$(document).ready(function() { $("a").removeAttr("title"); }); - 28-10-2019, 00:25:48belki bu da çözüm olarak bi alternatif olabilir diye aklıma geldi koymak istedim
$("a[title]").hover(function(){ $(this).attr('data-title',$(this).attr('title')); }, function(){ $(this).attr('title',$(this).attr('data-title')); });yani title etiketine sahip linkin üzerine geldiğinde title data-title olarak değişicek, mouse linkin üzerinden ayrılınca eski haline gelebilir.