şeklinde. ..
javascriptle bu checkbox seçili olunca aşağıdaki css i aktifleştirmesini istiyorum. Bunu yazabilecek birisi var mıdır? Şimdiden teşekkürler.
.ac::after {
content: "\f068"!important;
} 
Basit bir javascript isteği |
11 Mesajlar | 1.520 Okunma | ||
- Ü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)
Merhaba arkadaşlar. Elimde id si #touch olan bir checkbox var.
şeklinde. ..
javascriptle bu checkbox seçili olunca aşağıdaki css i aktifleştirmesini istiyorum. Bunu yazabilecek birisi var mıdır? Şimdiden teşekkürler.
şeklinde. ..
javascriptle bu checkbox seçili olunca aşağıdaki css i aktifleştirmesini istiyorum. Bunu yazabilecek birisi var mıdır? Şimdiden teşekkürler.
- Üyelik 14.04.2017
- Yaş/Cinsiyet 33 / E
- Meslek Yazılım Destek Lideri
- Konum İzmir
- Ad Soyad İ** K**
- Mesajlar 50
- Beğeniler 7 / 18
- Ticaret 0, (%0)
Merhaba,
Javascripte gerek yok gibi, aşağıda ki gibi dener misin?
Javascripte gerek yok gibi, aşağıda ki gibi dener misin?
#touch:checked ~ .ac::after {
content: "\f068"!important;
}
- Ü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)
kyzaghan hocam bunu denedim. Neden çalışmadığını bir türlü anlayamadım. O yüzden javascripte yöneldim.
- Üyelik 14.04.2017
- Yaş/Cinsiyet 33 / E
- Meslek Yazılım Destek Lideri
- Konum İzmir
- Ad Soyad İ** K**
- Mesajlar 50
- Beğeniler 7 / 18
- Ticaret 0, (%0)
Aslında bu şekilde çalışıyor ama başka bir sıkıntı olmasın, illa gerekliyse js kodu da verebilirim.
Ben test için arka plan rengi vermiştim, doğru şekilde çalıştı.
Ben test için arka plan rengi vermiştim, doğru şekilde çalıştı.
#touch:checked ~ .ac::after {
content: "\f068"!important;
background-color:red;
}
- Ü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)
kyzaghan benim site üzerinden mi denediniz? imzamda site mevcut. Sol tarafa nav bar ekledim. Kategorilere tıklayınca checkbox seçiliyor ve dropdown menü açılıyor. Yapmak istediğim sağdaki artı işaretinin checkbox seçildikten sonra eksi olması.
- Üyelik 14.04.2017
- Yaş/Cinsiyet 33 / E
- Meslek Yazılım Destek Lideri
- Konum İzmir
- Ad Soyad İ** K**
- Mesajlar 50
- Beğeniler 7 / 18
- Ticaret 0, (%0)
Şöyle birşey işini görecek sanırım.
ac::after css i aşağıda ki şekilde revize et yani test adında ek bir css oluştur.
Aşağıda ki alana touch için bu kodu ekle.
ac::after css i aşağıda ki şekilde revize et yani test adında ek bir css oluştur.
.ac::after{font-family:fontawesome;float:right;right:10%;content:"\f067 ";}
.test::after{font-family:fontawesome;float:right;right:10%;content: "\f068"!important;}
Aşağıda ki alana touch için bu kodu ekle.
jQuery(document).ready(function($){
$('.menutoggle').click (function() {
$('.menumobile').toggleClass("menuoff");
$('.menutoggle').toggleClass("buttonmove");
});
$('#touch').on('click', function() {
$("#ac").toggleClass('test');
});
});
- Üyelik 14.04.2017
- Yaş/Cinsiyet 33 / E
- Meslek Yazılım Destek Lideri
- Konum İzmir
- Ad Soyad İ** K**
- Mesajlar 50
- Beğeniler 7 / 18
- Ticaret 0, (%0)
Yazmayı unutmuşum, uyku zamanı geldi sanırım :)
Bunu aşağdıa ki kod ile değiştirir misin birde?
Bunu aşağdıa ki kod ile değiştirir misin birde?
Kategoriler
Kategoriler
- Ü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)
kyzaghan son yazdığınızı da uygulayınca sorun çözüldü hocam çok teşekkür ederim :)
- Üyelik 20.04.2017
- Yaş/Cinsiyet 27 / E
- Meslek Yazilim
- Konum İzmir
- Ad Soyad H** D**
- Mesajlar 12
- Beğeniler 0 / 3
- Ticaret 0, (%0)
Buyrun en basit cevabı burda :
var islem = document.getElementById("touch").addEventListener("click",function(){
document.getElementById("touch").classList.add("ac");
});
var islem = document.getElementById("touch").addEventListener("click",function(){
document.getElementById("touch").classList.add("ac");
});
Konuyu toplam 3 kişi okuyor. (0 kullanıcı ve 3 misafir)