Sales1 min read166 words

Jquery ile Twitter gibi 140 karakter sınırlı metin alanı yapımı

Emir Eskici

PlusClouds Author

Cloud & SaaS

Jquery ile 140 Karakter Sınırlı Metin Alanı Nasıl Yapılır

Jquery kullanarak 140 karaktere duyarlı metin alanı yaratma

Jquery, JavaScript kullanımını kolaylaştırmak için aynı dilde yaratılmış bir JavaScript kütüphanesidir. Hem JavaScript hem Ajax hem de efekt kütüphanesi ihtiyacını karşılamak için 2006’dan beri kullanılan Jquery’nin yararları ve sağladığı avantajlar anlatan ufak bir blog yazısı yazmıştım. Bu blogda da sizin için, Jquery’i 140 karakter saydırma nasıl yapılır? sorusunu yanıtlayacağım.

Öncelikle Html ile basit bir textarea ve altında girilen karakterlerimizi gösterecek basit alan oluşturuyorum.

HTML

Description

Şimdi Sırada Jquery Kodlarımız Var

JavaScript/Jquery

$(function (){

$("#textAlani").keyup(function (e) { // textarea'yı seçtim ve içerisine fonksiyonlarımı giriyorum 

    var harfLimiti=140;  //Girilecek max harf sayısını belirttim
    var sayac=$(this).val().length; // Yukarıda ki 140 harf sayısını kontrol edecek bir değişken tanımladım
    
    $("#girilenHarf").text(sayac) //Girilen Harfleri Gösterecek ufak tanım 
    $("#kalanHarf").text(harfLimiti-sayac) // Bize kalan harf sayısını göstermesi için

    if (sayac>harfLimiti) { 
        $("#uyari").text("Daha Fazla Harf Giremezsiniz...")
    }// Eğer sayactaki harf sayısı 'harfLimit' değişkeni içerisinde ki sayıyı geçer ise seçilen element içerisine
    //  text özelliği ile şu metni yazdır "Daha Fazla Harf Giremezsiniz..."
});

})

Jquery’i 140 karakter saydırma nasıl yapılır?

Sonuç

Description

Sıkça Sorulan Sorular

Jquery ile 140 karakter sınırlı metin alanı nasıl oluşturulur?

Bu örnekte HTML ile basit bir textarea oluşturuluyor ve altında girilen karakterler gösteriliyor. Kodda harfLimiti 140 olarak ayarlanıyor ve keyup olayında sayac, girilen karakter sayısını ve kalan karakter sayısını güncelliyor. Eğer karakter sayısı limite ulaşırsa uyarı mesajı gösteriliyor.

HTML'de hangi elemanlar kullanılıyor ve hangi değerler gösteriliyor?

Bir textarea kullanılıyor ve altında üç alan bulunuyor: girilen karakter sayısını gösteren #girilenHarf, kalan karakter sayısını gösteren #kalanHarf ve sınırı aşınca gösterilen uyarı #uyari.

Harf sayımında hangi değişkenler kullanılıyor ve ne anlama geliyor?

harfLimiti değişkeni maksimum karakter sayısını tutar (140). sayac değişkeni ise textarea içeriğinin uzunluğunu tutar. Kod bu değerleri kullanarak girilen karakter sayısını ve kalan karakter sayısını günceller.

Hangi olay dinleyicisi ile sayım güncelleniyor?

Textarea üzerinde keyup olayı kullanılarak her tuş vuruşunda sayım tetiklenir. Bu sayede girilen karakterler anlık olarak izlenir.

Kullanıcı 140 karakteri aştığında ne olur?

sayac harfLimiti değerini aştığında kod #uyari öğesinin içeriğini 'Daha Fazla Harf Giremezsiniz...' olarak ayarlar ve kullanıcıya uyarı gösterilir.

Bu örnekte sayacı hangi çıktılar kullanıcıya gösteriliyor?

girilenHarf alanında girilen karakter sayısı, kalanHarf alanında kalan karakter sayısı gösterilir. Ayrıca limit aşıldığında uyari alanında bir mesaj görüntülenir.

Bu 140 karakter saydırma örneği hangi dil ve kütüphane ile yazılmıştır?

JavaScript ile yazılmış bir örnek olup Jquery kütüphanesi kullanılarak sayım işlemi gerçekleştirilmiştir. Jquery’nin amacı JavaScript kullanımını kolaylaştırmaktır.

İlgili Okumalar

Etiketlenen yazılar:

LeadOcean ve PlusClouds CRM Entegrasyonu: Otomatik Pipeline Kurulumu
Sales

LeadOcean ve PlusClouds CRM Entegrasyonu: Otomatik Pipeline Kurulumu

Bu rehberde; operasyonel yükü minimuma indiren bir yöntemi, yani LeadOcean üzerinde toplanan nitelikli verileri PlusClouds CRM ekosistemine otomatik olarak aktarmanın yolunu inceleyeceğiz. "Workspace Pusher" mekanizmasını kullanarak uçtan uca dijital bir köprü kuracak ve satış süreçlerinizi nasıl tam otomatik hale getirebileceğinizi adım adım ele alacağız.

WhatsApp Otomasyonu: Lead’leri Satışa Dönüştürmenin Yeni Yolu
Sales

WhatsApp Otomasyonu: Lead’leri Satışa Dönüştürmenin Yeni Yolu

Dijital dünyada rekabet artık sadece “daha fazla lead toplamak” üzerinden ilerlemiyor. Asıl fark yaratan, elde ettiğiniz lead’lere ne kadar hızlı, doğru ve kişiselleştirilmiş şekilde ulaştığınız. Bu noktada WhatsApp, yüksek etkileşim oranlarıyla en güçlü iletişim kanallarından biri olurken; n8n gibi araçlar sayesinde bu süreci tamamen otomatik ve ölçeklenebilir hale getirmek mümkün. Bu yazıda, n8n kullanarak WhatsApp otomasyonu kurmayı, Eaglet ve Leadocean gibi platformlardan gelen lead’leri satışa dönüştürmeyi ve bu süreci nasıl optimize edebileceğinizi detaylı şekilde ele alıyoruz.

2026’da WhatsApp ile Affiliate Gelir
Sales

2026’da WhatsApp ile Affiliate Gelir

2026 itibarıyla affiliate marketing artık sadece trafik üretmekle ilgili değil. Asıl farkı yaratan şey, o trafiği doğrudan satışa dönüştürebilmek. İşte burada WhatsApp devreye giriyor. 2026’da WhatsApp ile Affiliate Gelir nasıl elde edilir? E-posta açılma oranları düşerken, WhatsApp mesajlarının okunma oranı %90’ların üzerinde. Yani doğru stratejiyle WhatsApp, affiliate gelir için en güçlü “son temas noktası” haline geliyor. Ama burada kritik fark şu: Manuel mesaj atanlar değil, otomasyon kuranlar kazanıyor.

PlusClouds Affiliate ile Pasif Gelir (2026 Rehberi)
Sales

PlusClouds Affiliate ile Pasif Gelir (2026 Rehberi)

Dijital dünyada trafik üretmek bir beceri olabilir. Ancak 2026 itibarıyla asıl mesele trafik değil, trafiği gelire dönüştürme sistemi kurmak. Affiliate marketing (satış ortaklığı) yıllardır var. Fakat artık Amazon’dan düşük komisyonlu ürün satma dönemi kapandı. Gerçek kazanç; yüksek sepet tutarlı, B2B SaaS odaklı ve sürekliliği olan sistemlerde. İşte tam bu noktada PlusClouds devreye giriyor. 2026’da PlusClouds ile pasif gelir imparatorluğu kurmak artık çok basit. PlusClouds yalnızca bir bulut bilişim sağlayıcısı değil; affiliate’ler için yüksek komisyonlu, ölçeklenebilir ve araç destekli bir gelir ekosistemi sunuyor.