Giriş Yap / Kayıt Ol

WM Aracı'na üyelikler tekrar açıldı! Kayıt olmak için TIKLAYIN!

4Beğeni
  • 1 Yazan kelebek
  • 1 Yazan Rust
  • 2 Yazan Fenty

Cevap Yaz Favorilerime Ekle
Seçenekler Stil
Geri Git   Forum > > HTML - CSS - XML

Resimli input radio

  #1  
Okunmamış 09 Ağustos 2018, 08:22
berkaykrx Adlı Üyenin Avatarı
WM Aracı
 
Üyelik Tarihi: 14 Eylül 2015
Cinsiyet: Erkek
Meslek: Web Developer
Konum: Ankara
Ad, Soyad: İs... Ka...
Mesajlar: 768
Beğeniler: 129 / 198
Ticaret: 15, 100%
Araştırdım fakat hiç bir sonuç bulamadım bunu nasıl yapabilirim?
  #2  
Okunmamış 09 Ağustos 2018, 08:54
kelebek Adlı Üyenin Avatarı
WM Aracı
 
Üyelik Tarihi: 11 Mayıs 2013
Cinsiyet: Erkek
Meslek: Geliştirici
Konum: Malatya
Ad, Soyad: Em... Kö...
Mesajlar: 3.083
Beğeniler: 729 / 56
Ticaret: 5, 100%
Basitçe şöyle yapabilirsin;
İçerisinde resmin ve radio bulunan bir div oluşturursun.
Resmi divin boyutuna göre ayarlar radio butonuna da absolite verip konumu ayarlarsın.
Js ile divin herhangi bir yerine tıklandığında en yakın radio butonunu tıklanmış hale getirirsin.
berkaykrx bunu beğendi.
  #3  
Okunmamış 09 Ağustos 2018, 08:58
berkaykrx Adlı Üyenin Avatarı
WM Aracı
 
Üyelik Tarihi: 14 Eylül 2015
Cinsiyet: Erkek
Meslek: Web Developer
Konum: Ankara
Ad, Soyad: İs... Ka...
Mesajlar: 768
Beğeniler: 129 / 198
Ticaret: 15, 100%
Alıntı:
kelebek Adlı Üyeden Alıntı
Basitçe şöyle yapabilirsin;
İçerisinde resmin ve radio bulunan bir div oluşturursun.
Resmi divin boyutuna göre ayarlar radio butonuna da absolite verip konumu ayarlarsın.
Js ile divin herhangi bir yerine tıklandığında en yakın radio butonunu tıklanmış hale getirirsin.
örnek olursa iyi olur hocam çok fazla bilgim yok js ve cssde
  #4  
Okunmamış 09 Ağustos 2018, 09:02
kelebek Adlı Üyenin Avatarı
WM Aracı
 
Üyelik Tarihi: 11 Mayıs 2013
Cinsiyet: Erkek
Meslek: Geliştirici
Konum: Malatya
Ad, Soyad: Em... Kö...
Mesajlar: 3.083
Beğeniler: 729 / 56
Ticaret: 5, 100%
Alıntı:
berkaykrx Adlı Üyeden Alıntı
örnek olursa iyi olur hocam çok fazla bilgim yok js ve cssde
Kodu yazamam fakat aşağıdaki linkleri incele:
https://www.w3schools.com/cssref/pr_class_position.asp
https://www.w3schools.com/jquery/event_click.asp
https://api.jquery.com/closest/
https://stackoverflow.com/questions/...ith-javascript
  #5  
Okunmamış 09 Ağustos 2018, 10:41
Rust Adlı Üyenin Avatarı
Full-Stack Web Developer
 
Üyelik Tarihi: 11 Kasım 2013
Yaş / Cinsiyet: 23 / Erkek
Konum: Antalya
Ad, Soyad: Ağ... Çi...
Mesajlar: 104
Beğeniler: 39 / 36
Ticaret: 0, 0%
https://codepen.io/DavidBradbury/pen/HuCqx
berkaykrx bunu beğendi.
  #6  
Okunmamış 09 Ağustos 2018, 10:55
Avatar Seçilmemiş
Kimlik Onayı Bekliyor
 
Üyelik Tarihi: 09 Temmuz 2018
Cinsiyet: Erkek
Konum: Niğde
Ad, Soyad: Me... Ge...
Mesajlar: 357
Beğeniler: 60 / 66
Ticaret: 4, 100%
berkaykrx kardeşim senin için yaptım yükledim github'a star atmayı unutma

TIKLA
berkaykrx ve WmOptimize bunu beğendi.
  #7  
Okunmamış 09 Ağustos 2018, 13:12
berkaykrx Adlı Üyenin Avatarı
WM Aracı
 
Üyelik Tarihi: 14 Eylül 2015
Cinsiyet: Erkek
Meslek: Web Developer
Konum: Ankara
Ad, Soyad: İs... Ka...
Mesajlar: 768
Beğeniler: 129 / 198
Ticaret: 15, 100%
Alıntı:
Fenty Adlı Üyeden Alıntı
berkaykrx kardeşim senin için yaptım yükledim github'a star atmayı unutma

TIKLA
Alıntı:
Rust Adlı Üyeden Alıntı
ikiside gayet güzel teşekkürler
Cevap Yaz Favorilerime Ekle


Konuyu toplam 1 kişi okuyor. (0 üye ve 1 Ziyaretçi)
 
Seçenekler
Stil
Normal Normal

Geri Git   Forum > HTML - CSS - XML


Yetkileriniz
Konu açma yetkiniz: Yok
Cevap Yazma Yetkiniz Yok
Eklenti yükleme yetkiniz: Yok
Mesajınızı değiştirme yetkiniz: Yok

BB code: Açık
İfadeler: Açık
[IMG] Kodları: Açık
HTML kodu: Kapalı




Tüm Zamanlar GMT +3 Olarak Ayarlanmış. Şu anki Zaman: 12:38.