HTML/CSS element,div,buton,yazı vs. gizleme ve gösterme kodu kullanımı örneği (HTML/CSS element,div,button,text etc. hide and show code usage example)

Html elementlerini gizleme gösterme işlemleri 2 farklı şekilde yapılabilmektedir. “display” ve “visibility”.
“display” ile gizleme işleminde ilgili etiket ekranda yer kaplamaz ancak
“visibility” ile gizleme işleminde ise ilgili etiket ekrandaki boyutu kadar boşluk olarak yer kaplar.

Element Gizleme

<div id="displayDivId" style="display: none;"></div>
<div id="visiblityDivId" style="visibility: hidden;"></div>

Element Gösterme

<div id="displayDivId" style="display: block;"></div>
<div id="visiblityDivId" style="visibility: visible;"></div>

JavaScript ve JQuery Örnekleri

Yukarıdaki bu iki kod bloğu işinizi görecektir ancak gizleme gösterme işlemi yapımı sırasında her yazılımcı için farklı gereksinim olabileceği için aşağıda kullanım şekillerini JavaScript ve JQuery ile örneklendirdim.

JavaScript kod kullanımına ve örneğine buradan uaşabilirsiniz.

JQuery kod kullanımına ve örneğine buradan uaşabilirsiniz.

Share on Facebook0Tweet about this on TwitterShare on Google+0Share on StumbleUpon0Share on Reddit0

3 Comment

  1. john doe says: Reply

    peki hocam, bunu css değilde html dosyasının içinde nasıl kullanabiliriz ?

  2. john doe says: Reply

    yani; çözünürlük 640px den düşükse jpg dosyasını gizle şeklinde.

    1. Bu kontrolü buradaki yazıda bulabilirsiniz.

Leave a Reply


*