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.

Bir öğenin gizli olup olmadığını kontrol etmek için JavaScript stili display özelliğini kullanın.
Öğe görünmezse, görüntüleyin, aksi takdirde gizleyin.

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.

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 KAYAN RESİM VE Marguee KULLANIMI
HTML RESİM EKLEME
CSS (BOYUT) GENİŞLİK VE YÜKSEKLİK (Width-Height)
HTML ARKAPLANA MÜZİK EKLEME
HTML AÇIKLAMA SATIRI

ETİKET