Javascript ile sayfadaki tüm divleri gizleyebilir miyim ?
document.getElementById('div_id').style.display= "none"
tek bir div için çalışıyor. Ben bütün divleri bulup gizlemek istersem nasıl yaparım ?
Bir de bu divler belirli bir sayı serisi ile ID değeri almış. 1,2,3,4 gibi. İşime yarar mı ?
« önceki yazı digg'in en sevdiÄŸiniz özellikleri? |
sonraki yazı » asp+rss |
tabiki işine yarar javascript ile bir for döndürürsün.
for (var i = 0; i < 10; i++) { document.getElementById('"+i+"').style.display= "none" }
bu işini görmeli
bu arada ben toplam div sayısını 10 olarak planladım .)
| mnc | |
|
|
(0 puan) |
|
| 20 Åžubat 2007 00:17 |
ID değerlerinin 1,2,3,4,5... gibi ardışık olması bir işe yaramaz. Aslında yarar ama ilerisi için kullanışlı bir yöntem değildir. Aradan 3 nolu div'i çıkarın bakalım ne olacak :) Ya da divlerin ID değerlerini div_a, div_b, div_c diye string ifadelerle değiştirin.
Yapılacak en güzel iş getElementsByTagName kodunu kullanmak olacaktır. Zaten kendisi herşeyi anlatıyor :) Elemanları etiket ismine göre al demek istiyor :)
Örneğin document.getElementsByTagName('div'); dediğimiz zaman sayfadaki bütün div etiketlerini seçmiş oluruz. Ya da document.getElementsByTagName('img'); dediğimiz zaman sayfadaki tüm resimleri seçmiş oluruz.
İşin felsefî kısmını bırakıp sana gerekli olan kodu yazıyorum. Buyur bakalım :)
function TumDivleriGizle() { var tum_divler = document.getElementsByTagName('div'); var tum_divler_adet = tum_divler.length; var i;
for(i=0; i<tum_divler_adet; i++){
tum_divler[i].style.display = 'none'
}
}
Bu JavaScript fonksiyonunu çalıştırmak için herhangi bir linkin onclick olayına TumDivleriGizle(); eklemen yeterli.
Ya da <a href="javascript:TumDivleriGizle();">Hepsini Gizle</a> yapabilirsin.
Uyarı: Bildirgeç yazıları küçük harfe dönüştürdüğü için verdiğim kodu doğrudan kopyala-yapıştır yapmanız sorun yaratabilir. Doğrusu şudur:
| eburhan | |
|
|
(0 puan) |
|
| 20 Åžubat 2007 00:56 |
@eburhan bildirgec büyük harf yazıları css ile ufaltıyor yani kopyalayıp yapıştırdığında arkadaş sorun yaşamayacaktır.
| taninmayan-94903 | |
|
|
(0 puan) |
|
| 21 Åžubat 2007 22:38 |
cevaplar için çok teşşekürler, şu şekle getirdim çok güzel oldu :)
< a hreF=# onClick=divkapat('none'); >açkapa< /a>
< a hreF=# onClick=divkapat(''); >açkapa< /a>
| zee | |
|
|
(0 puan) |
|
| 22 Åžubat 2007 11:41 |
pillinetwork sitelerine yorum ekleyebilmek ve daha fazlası için, üye olun ya da giriş yapın.
Beğendiğiniz bir yazıya "tuttum" demek için başlığın yanındaki yıldıza tıklayabilirsiniz.
bildirgec.org içeriği kullanıcıları tarafından üretilen kolektif bir blogdur.
