Sıfırdan HTML Dersleri [Videolu]

Merhaba arkadaşlar, youtube kanalımda bir seriye başladım. Ve sıfırdan HTML dersleri paylaşıyorum. Html’i kullansakta ne kadar iyi bildiğimiz tartışılır, bu yüzden bilin ya da bilmeyin bu dersler mutlaka size bir şeyler katacaktır. Umarım yeni başlayanlar için faydalı, bilenler için ufuk açıcı dersler olur. Şimdiden hepinize iyi seyirler 🙂

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)”