Giriş Yap / Kayıt Ol

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

2Beğeni
  • 1 Yazan euthox
  • 1 Yazan euthox

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

Spoiler Bloğu

  #1  
Okunmamış 19 Haziran 2020, 14:08
mucosoft Adlı Üyenin Avatarı
Mucosoft
 
Üyelik Tarihi: 07 Ekim 2013
Yaş / Cinsiyet: 23 / Erkek
Konum: Giresun
Ad, Soyad: Mü... Es...
Mesajlar: 627
Beğeniler: 79 / 180
Ticaret: 5, 100%
Kod:
<div style='border: 1px solid lightgray;' onclick='document.getElementById("spoiler").style.display = "block";'><b>Test</b></div><div id='spoiler' style='border: 1px solid lightgray; display: none;'>Test</div>
Yukarıdaki yazı veritabanından çekilen bilgilere göre otomatik oluşuyor. Fakat yalnızca en üst blokta aktif oluyor. Sanırım sorun anlaşıldı. Diğer bloklarda nasıl aktif edebilirim?
Domain Yurdu – Domainler, Siteler ve Markalar İçin Pazaryeri ve Danışmanlık Hizmetleri
  #2  
Okunmamış 19 Haziran 2020, 14:24
Avatar Seçilmemiş
WM Aracı
 
Üyelik Tarihi: 08 Ocak 2020
Yaş / Cinsiyet: 23 / Erkek
Meslek: Öğrenci
Konum: Trabzon
Ad, Soyad: Gö... Yö...
Mesajlar: 70
Beğeniler: 25 / 2
Ticaret: 1, 100%
id benzersiz olmalıdır bu sebeple birden çok elemente aynı idyi vermeniz pek tavsiye edilmez

alltaki kodda 0 yazan yeri veri tabanında veri çekerken her döngüde 1 artırarrak yazdırmalısınız

Çözüm 1:
Kod:
<div style='border: 1px solid lightgray;' onclick='document.querySelectorAll(".spoiler")[0].style.display = "block";'>
  <b>Test</b>
</div>
<div class="spoiler" style='border: 1px solid lightgray; display:none;'>
  Test
</div>

Eger spoiler elementini divi içine alırsan başka bir şey yapmana gerek yok sadece bu kodu yazdırmalısın
Çözüm 2:

Kod:
<div style='border: 1px solid lightgray;' onclick='this.querySelector(".spoiler").style.display = "block";'>
  <b>Test</b>
  <div class="spoiler" style='border: 1px solid lightgray; display:none;'>
  Test
  </div>
</div>
mucosoft bunu beğendi.
Konu euthox tarafından (19 Haziran 2020, 14:46 ) değiştirilmiştir.
  #3  
Okunmamış 19 Haziran 2020, 17:33
mucosoft Adlı Üyenin Avatarı
Mucosoft
 
Üyelik Tarihi: 07 Ekim 2013
Yaş / Cinsiyet: 23 / Erkek
Konum: Giresun
Ad, Soyad: Mü... Es...
Mesajlar: 627
Beğeniler: 79 / 180
Ticaret: 5, 100%
Alıntı:
euthox Adlı Üyeden Alıntı
id benzersiz olmalıdır bu sebeple birden çok elemente aynı idyi vermeniz pek tavsiye edilmez

alltaki kodda 0 yazan yeri veri tabanında veri çekerken her döngüde 1 artırarrak yazdırmalısınız

Çözüm 1:
Kod:
<div style='border: 1px solid lightgray;' onclick='document.querySelectorAll(".spoiler")[0].style.display = "block";'>
  <b>Test</b>
</div>
<div class="spoiler" style='border: 1px solid lightgray; display:none;'>
  Test
</div>

Eger spoiler elementini divi içine alırsan başka bir şey yapmana gerek yok sadece bu kodu yazdırmalısın
Çözüm 2:

Kod:
<div style='border: 1px solid lightgray;' onclick='this.querySelector(".spoiler").style.display = "block";'>
  <b>Test</b>
  <div class="spoiler" style='border: 1px solid lightgray; display:none;'>
  Test
  </div>
</div>
ID sisteminden dolayı olduğunu biliyorum. Bana bunun dışında bir yöntem lazım. Çünkü ID sistemini değiştirmem için altyapının da değişmesi lazım. Altyapı bunun için uygun değil.
  #4  
Okunmamış 19 Haziran 2020, 18:38
Avatar Seçilmemiş
WM Aracı
 
Üyelik Tarihi: 08 Ocak 2020
Yaş / Cinsiyet: 23 / Erkek
Meslek: Öğrenci
Konum: Trabzon
Ad, Soyad: Gö... Yö...
Mesajlar: 70
Beğeniler: 25 / 2
Ticaret: 1, 100%
HTML Kodu:
<div style='border: 1px solid lightgray;' onclick='document.querySelectorAll("#spoiler")[0].style.display = "block";'>
  <b>Test</b>
  </div>
<div id='spoiler' style='border: 1px solid lightgray; display: none;'>
  Test
</div>
bu işinize yarar mı ?
mucosoft bunu beğendi.
  #5  
Okunmamış 19 Haziran 2020, 19:25
mucosoft Adlı Üyenin Avatarı
Mucosoft
 
Üyelik Tarihi: 07 Ekim 2013
Yaş / Cinsiyet: 23 / Erkek
Konum: Giresun
Ad, Soyad: Mü... Es...
Mesajlar: 627
Beğeniler: 79 / 180
Ticaret: 5, 100%
Alıntı:
euthox Adlı Üyeden Alıntı
HTML Kodu:
<div style='border: 1px solid lightgray;' onclick='document.querySelectorAll("#spoiler")[0].style.display = "block";'>
  <b>Test</b>
  </div>
<div id='spoiler' style='border: 1px solid lightgray; display: none;'>
  Test
</div>
bu işinize yarar mı ?
Yine en baştakine odaklanıyor. Sayıyı değiştirebilsem ID'yi de değiştirirdim fakat sorun burada. Bana sonraki ID'yi düzenleyebilecek bir sistem lazım. Olmazsa farklı yöntemler deneyeceğim.
  #6  
Okunmamış 19 Haziran 2020, 19:32
Avatar Seçilmemiş
WM Aracı
 
Üyelik Tarihi: 08 Ocak 2020
Yaş / Cinsiyet: 23 / Erkek
Meslek: Öğrenci
Konum: Trabzon
Ad, Soyad: Gö... Yö...
Mesajlar: 70
Beğeniler: 25 / 2
Ticaret: 1, 100%
Sisteminizi gerçekten anlamadım

document.querySelectorAll("#spoiler")[0].style.display

her döngüde 0 ı arttırmanız gerekiyor
Konu euthox tarafından (19 Haziran 2020, 19:35 ) değiştirilmiştir.
  #7  
Okunmamış 19 Haziran 2020, 19:49
mucosoft Adlı Üyenin Avatarı
Mucosoft
 
Üyelik Tarihi: 07 Ekim 2013
Yaş / Cinsiyet: 23 / Erkek
Konum: Giresun
Ad, Soyad: Mü... Es...
Mesajlar: 627
Beğeniler: 79 / 180
Ticaret: 5, 100%
Alıntı:
euthox Adlı Üyeden Alıntı
Sisteminizi gerçekten anlamadım

document.querySelectorAll("#spoiler")[0].style.display

her döngüde 0 ı arttırmanız gerekiyor
Sorunun kaynağı bu, ben o numarayı arttıramam. Çünkü fonksiyon içerisinde fonksiyon kullanıyorum. Bu da sayıyı not etmeyi önlüyor.

Sanırım bu şekilde olmayacak. Şu yöntemi deneyeceğim. Div açıp kutu yapıp tıklayınca ikinci divin gözükmesini sağlayacağım.
Cevap Yaz Favorilerime Ekle

1113x90

Bu Alana Reklam Ver



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: 00:30.