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
Bir yorum yap yada bir soru sor.

avatar
1 Yorum konuları
0 Konu cevapları
0 Takipçiler
 
En çok beğenilen yorum dizilişi
En iyi yorum dizilişi
1 Yorum yazarları
ahmet idin Son yorum yazarları
  Yorumlara Abone Ol  
Önce Yeniler Önce Eskiler Önce Beğenilenler
Bildir
ahmet idin
ahmet idin

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