Derinlemesine yazılım eğitimleri için kanalımı takip edebilirsiniz...

JavaScript – Text’te Tıklayınca Yazı Silme

Web dalında ne yazık ki hayatımıza derinden nüfus eden JavaScript’in oldukça basit ve ufak tefek teknik işlevlerini bilmemizde oldukça fayda vardır.Yaptığımız işe hem görsel hemde işlevsellik açısından büyük katkıları olduğu için bu tarz tekniklere ben çok önem vermekteyim.Tabi ki de JavaScript’i bilip özgün bir şekilde kod yazabilme kabiliyetine sahip olmak ayrı bir ayrıcalıktır.

Bu yazımda basit bir işlevin nasıl yapılacağından bahsedeceğim.Bir text içinde yazılı olan metinin tıklandığı anda silinmesini ve ardından yine o text boş bırakılıyorsa yeniden ilk olan yazının yazılabilmesini sağlayan basit bir JavaScript kodunu paylaşacağım.

 <input type="text" name="txtAd" value="Adınız" onclick="if (this.value == 'Adınız') this.value = '';" onblur="    if (this.value == '') this.value = 'Adınız';"/>

Gördüğünüz gibi bir textin içinde “Adınız” değeri yazıyorsa eğer tıklandığı zaman silinecektir.Eğer ki, o text boş bırakılırsa “Adınız” değeri yeniden yazdırılacaktır.

İyi çalışmalar..

Bunlar da hoşunuza gidebilir...

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

*