lostyazilim
tr.link

Basit bir javascript isteği

11 Mesajlar 1.546 Okunma
acebozum
tr.link

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)
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.

.ac::after {
content: "\f068"!important;
}
 

 

elektronikssl
webimgo

kyzaghan kyzaghan Lord of the Ninth Sky Kullanıcı
  • Ü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?


#touch:checked ~ .ac::after {
content: "\f068"!important;
}
 

 

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)
kyzaghan hocam bunu denedim. Neden çalışmadığını bir türlü anlayamadım. O yüzden javascripte yöneldim.
 

 

kyzaghan kyzaghan Lord of the Ninth Sky Kullanıcı
  • Ü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ı.

#touch:checked ~ .ac::after {
content: "\f068"!important;
background-color:red;
}
 

 

wmaraci
wmaraci

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)
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ı.
 

 

kyzaghan kyzaghan Lord of the Ninth Sky Kullanıcı
  • Ü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.


.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');
});

});
 

 

kyzaghan kyzaghan Lord of the Ninth Sky Kullanıcı
  • Ü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?

Kategoriler



Kategoriler
 

 

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)
kyzaghan son yazdığınızı da uygulayınca sorun çözüldü hocam çok teşekkür ederim :)
 

 

kyzaghan kyzaghan Lord of the Ninth Sky Kullanıcı
  • Ü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)
bilimokur rica ettim, iyi geceler :)
wpuzman

kişi bu mesajı beğendi.

Exehakan Exehakan WM Aracı Kullanıcı
  • Üyelik 20.04.2017
  • Yaş/Cinsiyet 28 / 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");

});
 

 

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