Merhaba. Geliştirdiğim bir temada ana sayfadaki son yazıların her birine sosyal paylaşım ekledim. Buradan bakabilirsiniz.
Sorunum şu. "+" düğmesine basınca bütün yazıların üzerindeki paylaş butonları açılıyor. Benim istediğim hangi yazının paylaş kısmına basılmışsa onun açılması.
Yardımcı olacak arkadaşlara şimdiden teşekkür ederim.
Js kodu bütün postlara uygulanıyor. |
13 Mesajlar | 1.407 Okunma | ||
- Üyelik 13.01.2017
- Yaş/Cinsiyet 32 / E
- Meslek Yazılım
- Konum Trabzon
- Ad Soyad B** M**
- Mesajlar 2773
- Beğeniler 293 / 949
- Ticaret 33, (%100)
- Üyelik 25.05.2015
- Yaş/Cinsiyet 32 / E
- Meslek Web Yazılım Uzmanı
- Konum İstanbul Anadolu
- Ad Soyad F** K**
- Mesajlar 833
- Beğeniler 0 / 287
- Ticaret 13, (%100)
jQuery'de "this" seçicisini kullanmanız gereklidir. İkinci bir yöntem ise "attr" metodu ile dive bir etiket atayıp onunla kontrol etmeniz gereklidir. Çözüm bulunmazsa ilerleyen saatlerde çalışan bir demo paylaşırım
- Üyelik 13.01.2017
- Yaş/Cinsiyet 32 / E
- Meslek Yazılım
- Konum Trabzon
- Ad Soyad B** M**
- Mesajlar 2773
- Beğeniler 293 / 949
- Ticaret 33, (%100)
FurkanKandemir hocam jquery hiç bilmiyorum. Rica etsem örnek hazırlayabilir misiniz bu demo üzerinden?
- Üyelik 25.05.2015
- Yaş/Cinsiyet 32 / E
- Meslek Web Yazılım Uzmanı
- Konum İstanbul Anadolu
- Ad Soyad F** K**
- Mesajlar 833
- Beğeniler 0 / 287
- Ticaret 13, (%100)
Buyrun küçük bir demo hazırladım buradan yola çıkarak mutlaka sonuca ulaşırsınız.
Bu işlemi yapmanın bir çok yolu var aslında toggleClass, addClass / removeClass vs.
Hangisini kullanacağınız css yapınıza ve size kalmıştır.
Örnek kodlara buradan ulaşabilirsiniz. Forum kullanıcıları için ise mesaja yazıyorum direkt.
Not: Css kodlarına ve görünüme takılmayın amaç konu anlaşılsın :)
Tek önemli olan şey show hide kullanırken hedef divimizin gizli olması gerekir
Html
Css
Js
Bu işlemi yapmanın bir çok yolu var aslında toggleClass, addClass / removeClass vs.
Hangisini kullanacağınız css yapınıza ve size kalmıştır.
Örnek kodlara buradan ulaşabilirsiniz. Forum kullanıcıları için ise mesaja yazıyorum direkt.
Not: Css kodlarına ve görünüme takılmayın amaç konu anlaşılsın :)
Tek önemli olan şey show hide kullanırken hedef divimizin gizli olması gerekir
Html
Başlık 1
FB / G+ / Bla bla.
Başlık 2
FB / G+ / Bla bla.
Başlık 3
FB / G+ / Bla bla.
Başlık 4
FB / G+ / Bla bla.
Css
.Kutu {border:1px solid;margin:3px;padding:3px;width:100px;float:left}
.Kutu:hover{cursor:pointer;box-shadow:1px 1px 1px 1px}
.Gizle{float:left;padding:3px;margin:3px;font-weight:bold;display:none}
.UstKutu{width:100%;float:left}
Js
$(".Kutu").click(function() {
var Yon=$(this).attr("adres"); // hangi divi açacağımızı belirliyoruz
$(".Gizle").hide(); // Once tüm sosyal medyaları gizleyip
$(".Paylas"+Yon).show(100); // Hangisini hedefliyorsak onu gösteriyoruz
});
- Üyelik 21.04.2017
- Yaş/Cinsiyet 34 / E
- Meslek WordPress
- Konum İzmir
- Ad Soyad O** K**
- Mesajlar 35
- Beğeniler 8 / 9
- Ticaret 0, (%0)
Dener misiniz?
$(".share").on('click', function(e) {
$(".fab").removeClass("no");
if(e.target != this) return;
$(this).find('.fab').toggleClass("active");
}); - Üyelik 13.01.2017
- Yaş/Cinsiyet 32 / E
- Meslek Yazılım
- Konum Trabzon
- Ad Soyad B** M**
- Mesajlar 2773
- Beğeniler 293 / 949
- Ticaret 33, (%100)
FurkanKandemir teşekkür ederim. fakat onur1989tc kardeşimin verdiği kod tam istediğimi gerçekleştirdi. Kendisine teşekkürlerimi sunarım :)
onur1989tc hocam yalnız rotate yapmıyor. yani bastıktan sonra döndürmüyor.
FurkanKandemir hoşam şu şekilde değiştirdim. Fakat beceremedim sanırım.
onur1989tc hocam yalnız rotate yapmıyor. yani bastıktan sonra döndürmüyor.
FurkanKandemir hoşam şu şekilde değiştirdim. Fakat beceremedim sanırım.
- Üyelik 21.04.2017
- Yaş/Cinsiyet 34 / E
- Meslek WordPress
- Konum İzmir
- Ad Soyad O** K**
- Mesajlar 35
- Beğeniler 8 / 9
- Ticaret 0, (%0)
$(".share").on('click', function(e) {
$(".fab").removeClass("no");
if(e.target != this) return;
$(this).toggleClass("active");
$(this).find(".fab").toggleClass("active");
});
Böyle oldu bende dostum.
- Üyelik 13.01.2017
- Yaş/Cinsiyet 32 / E
- Meslek Yazılım
- Konum Trabzon
- Ad Soyad B** M**
- Mesajlar 2773
- Beğeniler 293 / 949
- Ticaret 33, (%100)
onur1989tc hocam bazılarında açılıp bazılarında açılmıyor bu sefer de.
- Üyelik 21.04.2017
- Yaş/Cinsiyet 34 / E
- Meslek WordPress
- Konum İzmir
- Ad Soyad O** K**
- Mesajlar 35
- Beğeniler 8 / 9
- Ticaret 0, (%0)
https://codepen.io/anon/pen/RVKPKz
Dostum bu kod çalışmakta. Şu şekilde kullanırsanız çalıştığını göreceksinizdir.
Dostum bu kod çalışmakta. Şu şekilde kullanırsanız çalıştığını göreceksinizdir.
- Üyelik 13.01.2017
- Yaş/Cinsiyet 32 / E
- Meslek Yazılım
- Konum Trabzon
- Ad Soyad B** M**
- Mesajlar 2773
- Beğeniler 293 / 949
- Ticaret 33, (%100)
onur1989tc teşekkürler hocam. Şuan düşündümde dönmese de olur. Zaten "+" simgesi paylaşmayı temsil etmiyor. Onun yerine ilk verdiğiniz kodu kullanarak paylaş simgesi ekleyeceğim.
Bu arada boşluğa tıklayınca kapanmasını nasıl sağlayabilirim? Bilginiz var mı?
Bu arada boşluğa tıklayınca kapanmasını nasıl sağlayabilirim? Bilginiz var mı?
Konuyu toplam 1 kişi okuyor. (0 kullanıcı ve 1 misafir)