Web Günlüğü - Anasayfa

Web Günlüğü

blogger ipuçları, eklentileri ve temalarının yer aldığı web günlüğü



Sayfalar



bu bloğu izle

Blogger Yazı Uzunluğunu Gösterme

25 Mart 2016 Cuma - #

jQuery öğretici sitelerinde gezinirken bir div içerisinde bulunan yazıya ait kelime ve karakter sayısını (yazı uzunluğunu) göstermeye yarayan yazı bilgi alanlarında geliştirilerek kullanılabilecek aşağıdaki (yazının devamındaki) kodlara denk geldim.

Kodun kullanımı için aşağıdaki kodlar </head> öncesine,
<script>
$(function() {
var text = $('.post-excerpt').text(); // .post-excerpt yerine yazının bulunduğu div id - class ismi çoğunluk olarak .post-body olabilir
var charsLength = text.length;
var wordsCount = text.split(' ').length;
$('#words').html(' ' + wordsCount + ' kelime'); // kelime sayısını göstermek için
$('#chars').html(' ' + charsLength + ' karakter'); // karakter sayısını göstermek için
});
</script>
Kodun nerede çalışması, gözükmesi isteniyorsa oraya da aşağıdaki kod eklenecek. Sadece kelime sayısını göstermek için words, sadece karakter sayısını göstermek için chars id'lerine sahip span kullanılabilir.
<span id="words"></span>
<span id="chars"></span>

*Şu an bloğumda yazı başlıklarının hemen altında bu kodun çalıştığını görebilirsiniz.