netbozum
tr.link

css ile text e göre css uygulama

5 Mesajlar 690 Okunma
acebozum
tr.link

halilkayazade halilkayazade Sanat Bilginin Gıdasıdır! Kullanıcı
  • Üyelik 25.03.2017
  • Yaş/Cinsiyet 25 / E
  • Meslek İş Çözücü
  • Konum Ankara
  • Ad Soyad H** K**
  • Mesajlar 182
  • Beğeniler 5 / 30
  • Ticaret 0, (%0)
Merhabalar Css ile etiketin içerisindeki yazıya göre css uygulama şansımız varmı ?

Örnk:

Wm Aracı ise span{background:red;}

*** ise span{background:yellow;}
 

 

googleasistan
reklam

vkonca vkonca WM Aracı Kullanıcı
  • Üyelik 12.08.2013
  • Yaş/Cinsiyet 28 / E
  • Meslek Web Developer
  • Konum Tekirdağ
  • Ad Soyad V** K**
  • Mesajlar 294
  • Beğeniler 73 / 63
  • Ticaret 0, (%0)
Sadece bu ikisi için yapacaksan javascript ile şu şekilde basitçe yapabilirsin

***

<script></script>
<script>
var veri = document.getElementById("span").textContent;
if(veri == "***"){
$("#span").css({background: 'yellow'});
}else{
$("#span").css({background: 'red'});
}
</script>
 

 

VBA Developer

wpuzman wpuzman WordPress Developer Kullanıcı
  • Üyelik 13.01.2017
  • Yaş/Cinsiyet 33 / E
  • Meslek Yazılım
  • Konum Trabzon
  • Ad Soyad B** M**
  • Mesajlar 2771
  • Beğeniler 293 / 949
  • Ticaret 33, (%100)
https://jsfiddle.net/L2m9t3ok/ şöyle bir şey de yapabilirsin. Daha ayrıntılı css yazmak istersen.
 

 

halilkayazade halilkayazade Sanat Bilginin Gıdasıdır! Kullanıcı
  • Üyelik 25.03.2017
  • Yaş/Cinsiyet 25 / E
  • Meslek İş Çözücü
  • Konum Ankara
  • Ad Soyad H** K**
  • Mesajlar 182
  • Beğeniler 5 / 30
  • Ticaret 0, (%0)

vkonca adlı üyeden alıntı

Sadece bu ikisi için yapacaksan javascript ile şu şekilde basitçe yapabilirsin

***

<script></script>
<script>
var veri = document.getElementById("span").textContent;
if(veri == "***"){
$("#span").css({background: 'yellow'});
}else{
$("#span").css({background: 'red'});
}
</script>



birden fazlasına etki edecek şekilde nasıl kullanabilirim ?
 

 

wmaraci
wmaraci

vkonca vkonca WM Aracı Kullanıcı
  • Üyelik 12.08.2013
  • Yaş/Cinsiyet 28 / E
  • Meslek Web Developer
  • Konum Tekirdağ
  • Ad Soyad V** K**
  • Mesajlar 294
  • Beğeniler 73 / 63
  • Ticaret 0, (%0)
o zaman getElementByClass ile getElementById bunu değiştir
 

 

VBA Developer
wmaraci
wmaraci
Konuyu toplam 1 kişi okuyor. (0 kullanıcı ve 1 misafir)
Site Ayarları
  • Tema Seçeneği
  • Site Sesleri
  • Bildirimler
  • Özel Mesaj Al