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";
} }
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) [mcode]display[/mcode] secenegi [mcode]none[/mcode] 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>
<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>
<div id="ElemanAdi" style="display:none;">Icerigimiz</div>
Burada ilk basta ilgili katmanimiz gizli olacak, linke tiklandiginda goruntulenecek.
- personAyberk Atasay
- calendar_monthNovember 23, 2009
- categoryJavascript/Ajax
- sharepaylaş
