Bilgiler
  • Ekleyen:
  • Ayberk Atasay
  • Tarih:
  • November 23, 2009
  • Kategori:
  • Javascript/Ajax
  • Paylas:
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) [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>

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.
Yorumlar
  • Eski Yorumlar:
  • Fatih
  • Paylasim icin tesekkurler
  • 2009-11-26 00:46:56
  • Kemal
  • guzel bir paylasim tesekkurler..
  • 2009-12-26 13:33:09
  • Sevki
  • ben bunu blogspota uygulayamadim ustteki kodu <script language="JavaScript"></script> arasina alip tanimladim olmadi :(
  • 2010-05-23 18:38:49
  • sekspartner
  • harika paylasim icin cok tesekkurler
  • 2010-06-04 02:54:04
  • ozge
  • guzel paylasim tesekkurler
  • 2010-09-01 14:11:06
  • h4x0R?serhat
  • @sevki <script language > deprecated yani gecersiz , <script type="text/javascript"> kullanmayi deneyin.
  • 2010-09-06 15:21:04
  • cigdem
  • guzel bi paylasim tesskkurler ..
  • 2010-11-09 12:52:38
  • Hazar
  • Bunu ariyordum da sende acaba resme tiklayinca su resim buyuyen kod var mi? Varsa linkini verirmisin.
  • 2011-02-15 14:06:34
  • Huseyin
  • cok egitici bir yazi olmus tesekurler fakat sanirim bu islem jQuery ile daha pratik yapilir.
  • 2011-03-02 12:44:53
  • Mustafa
  • Cok tesekkurler...
  • 2011-07-18 18:25:11
  • nuri
  • Paylasim icin tesekkurler.guzel bir paylasim tesekkurler..
  • 2011-11-12 21:29:17