Javascript ile Tıklanılan Nesnenin Gizlenmesi

Bu yazımızda çok basit bir Javascript kodunun kullanımına değineceğiz. Bu yazımızda sizlere obj.style.display=”none” kodunu anlacağız. Bu javascript sözdizimi ile tıkladığımız bir objenin yok olmasını sağlayacağız.

İlk öncelikle Javascript kodlarımızı elimize alıyoruz.

<script language="JavaScript" type="text/javascript">
// codex.dincmedya.com.tr

function gizle(obj) {
  obj.style.display="none"
} 
</script>

Yukarıdaki kodda gizle adlı nesneye style=”display:none;” kodunu eklemesini istedik. Bu kod tıkladığımız nesnemizi görünmez yapacak. Biz tıkladığımız bir resmin görünmez olmasını istiyoruz. Bu yüzden resim kodumuzun içine onclick=”gizle(this)” kodunu ekleyeceğiz. Kodumuzu resim kodumuzun içine eklediğimizde şöyle bir sonuç elde edeceğiz.

<img onclick="hide(this)" src="https://www.muratdinc.com/img-siteici/logo.png" width="200" height="60" alt="Codex Dinç Medya">

Tüm kodlarımızı bir araya getirdiğimizde ise,

<script language="JavaScript" type="text/javascript">
// codex.dincmedya.com.tr

function gizle(obj) {
  obj.style.display="none"
} 
</script>

<img onclick="gizle(this)" src="https://www.muratdinc.com/img-siteici/logo.png" width="200" height="60" alt="Codex Dinç Medya">

Böyle bir sonuç elde ederiz.

1 Yorum

  1. Cevap yaz

    kod için çok sağolun alılveriş sitesi kuruyorum bazı resim gibi şeyleri saklıyacaktım sizin sayenizde bu işim kolaylaştı :D

Bir Cevap Bırakın

Your email address will not be published. Required fields are marked *

You may use these <abbr title="HyperText Markup Language">HTML</abbr> tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>