HTML Nesneyi Gizleme Ve Gösterme İşlemleri

Bu makalede sizlere günümüz yaygın teknolojilerinden Javascript kullanarak basit ve kullanışlı fonksiyon yazarak nesneyi gizleme ve gösterme işlemlerinin nasıl yapıldığını anlatacağım.

JavaScript kullanarak bir öğenin görünürlüğünü kontrol edebilir ve HTML öğesini görünürlüğüne göre gösterebilir veya gizleyebilirsiniz.

Aşağıdaki kod snippet'i görünürlüğü kontrol eder ve HTML öğesini JavaScript ile göster ve gizle arasında geçiş yapar.

javascript kodları <head> </head> etiketleri arasına yazın.

Javascript:


<script type="text/javascript">
    function gizle_g(id) {
       var e = document.getElementById(id);
       if(e.style.display == 'block')
          e.style.display = 'none';
       else
          e.style.display = 'block';
    }

</script>

HTML: Resmin özelliğine style="display:block" verin.


<button onclick="gizle_g('test');">Gizle-Göster</button>

<img id="test" src="manzara.jpg" style="display:block">
	

ÇIKTI:




Lütfen konu haricinde soru sormayın cevaplanmayacaktır. Yorumunuz onaylandıktan sonra yayınlanacaktır.

5196

KATEGORİ
  • HTML
  • CSS
  • PHP
  • JQUERY
  • PHOTOSHOP
  • JavaScript
  • Web Dünyası
  • Linux
  • MİTHRİL FRAMEWORK
  • Laravel
POPÜLER MAKALE
  • HTML LİNK(Bağlantı)EKLEME - LİNK VERME
  • HTML YAZI VE RESİM ORTALAMA
  • HTML RESME LİNK VERME
  • HTML DİV ve SPAN NEDİR?
  • HTML FORM OLUŞTURMA
  • HTML RESİM EKLEME
  • HTML KAYAN RESİM VE Marguee KULLANIMI
  • CSS (BOYUT) GENİŞLİK VE YÜKSEKLİK (Width-Height)
  • HTML ARKAPLANA MÜZİK EKLEME
  • CSS YATAY MENÜ YAPIMI
ETİKET
WEBCEBİR © 2013 Tüm hakları saklıdır.