Tam o sırada, başka bir pillinetwork sitesi olan zamazing.org'da: "Sonunda bu da oldu i-Station Z3D 3D tablet"

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ı ?

Spacer
Spacer
 | 5 yorum var 
 | 19 Åžubat 2007 22:49 

sonraki yazı »
asp+rss

Yorumlar

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

Hengame | Oyundan biraz fazlası Koray KIRCAOĞLU | SinirAdam the box said 'requires windows 95 or better'. so I installed linux.
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

@w0lkanca
Farkedememişim :) Teşekkürler.

eburhan  |  (0 puan) 22 Åžubat 2007 10:04

cevaplar için çok teşşekürler, şu şekle getirdim çok güzel oldu :)


function divkapat(islem) {

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 = islem
}

}


< a hreF=# onClick=divkapat('none'); >açkapa< /a>
< a hreF=# onClick=divkapat(''); >açkapa< /a>

zee  |  (0 puan) 22 Åžubat 2007 11:41

üye olunpillinetwork sitelerine yorum ekleyebilmek ve daha fazlası için, üye olun ya da giriş yapın.

Bu Yazıyı Tutanlar

Beğendiğiniz bir yazıya "tuttum" demek için başlığın yanındaki yıldıza tıklayabilirsiniz.

Bu yazıyı rapor et. Kural dışı içeriğe rastladığınızda editörlerimize rapor ederek müdahale edilmesini sağlayabilirsiniz. (Hangi durumlarda rapor edebilirim?)
bildirgec.org bölümleri
pillinetwork hesabınızla giriş yapın.

son yorumlar

pilli ilan

bildirgecinfo

bildirgec.org içeriği kullanıcıları tarafından üretilen kolektif bir blogdur.

network siteleri

RSS Dosyası
pillikutu