JavaScript Goster / Gizle Fonksiyonu
Gecen gun benden ufak bir konuda yardim isteyen arkadasimin sorusuyla, benimde sizlere paylasmam, ihtiyaci olanlarin isine yarayabilecegini dusundugum bir kod oldu. Bu kod ile HTML sinifinda otomatik olarak degisiklik yaparak, icerigin gizlenmesini / gosterilmesini saglayabilirsiniz.

JavaScript Kodu:
function GosterGizle(element) {

var element = document.getElementById(element);

if(element.style.display == "none") {
element.style.display = "block";
}

else {
element.style.display = "none";
}}

Burada kodlarimiz eger ilgili elemanimizin (id'ye gore seciliyor) display secenegi none yani gosterme ise fonksiyonumuzun gosterme kismini calistir, eger gosteriliyorsa gizle kismini calistiriyoruz. (Kodu sunan kisi Silverday)

HTML Kodu (Ilk gelen hali gosterilen):
<a href="#" onclick="GosterGizle('ElemanAdi');">Goster/Gizle</a>
<div id="ElemanAdi">Icerigimiz</div>

Burada ilk basta ilgili katmanimiz goruntulenecek, linke tiklandiginda gizlenecek.

HTML Kodu (Ilk gelen hali gizlenen):
<a href="#" onclick="GosterGizle('ElemanAdi');">Goster/Gizle</a>
<div id="ElemanAdi" style="display:none;">Icerigimiz</div>

Burada ilk basta ilgili katmanimiz gizli olacak, linke tiklandiginda goruntulenecek.
November 23, 2009
Ayberk Atasay
Javascript/Ajax
11 yorum