HTML contenteditable – Düzenlenebilir İçerik

Html’de bir etiketin değerini düzenlenebilir yapmak için contenteditable kullanılıyor.
Örnek vermek gerekirse;

<div id="test" contenteditable="true">buraya tıkla ve beni düzenle!</div>

Ya da diğer nesneler içinde kullanmak isterseniz contenteditable="true" demeniz yeterli.

jQuery’de Değişikliği Yakalamak

Düzenlenebilir içerik değiştirildiğinde bunu input eventı ile yakalayabiliyoruz.

$('#test').on('input', function(e){
   alert( $(this).text() );
});

kolay gelsin.

Dosya Seçerken Filtreleme İşlemi Yapmak (accept)

Örneğin fotoğraf yükleteceğiniz bir alanda gözat butonuna bastığında bilgisayarda ki tüm dosyaların değilde sadece fotoğraf olan görsellerin listelenmesi her zaman yükleyen kişiye bir avantaj sağlar ve buda sitenizde olumlu feedback’ler demektir 🙂 Bu yüzden sitenizi kullanan kişileri fazla yormamak en sağlıklısıdır. Yani bir profil fotoğrafı yüklemek için binlerce dosyanın içerisinde küçücük bir imaj dosyasını aratmaktansa sadece imaj dosyalarını göstermek çok daha mantıklıdır öyle değil mi?

İşte bunu html‘de bulunan accept niteliği ile yapabiliyoruz. Okumaya devam et Dosya Seçerken Filtreleme İşlemi Yapmak (accept)