Javascript ile Yazılan kelimenin ilk harfini büyük yapma

Javascript ile Yazılan kelimenin ilk harfini büyük yapma

Örnek olarak hazırladığım sayfayı aşağıdaki linke tıklayarak görebilirsiniz.
<html>
    <head></head>
    <body>
        <!-- http://developerarea.blogspot.com -->
        İsminizi giriniz : <input name="isim" type="text" id="isim" size="40" onblur="this.value=this.value.replace(/^\w/, function($0){return $0.toUpperCase();})" /><br>
        <br>
        İsminizi girdikten sonra boş bir yere tıklayın.
    </body>
</html>
Örnekte "onblur" özelliğine ekledim ama istediğiniz gibi kullanabilirsiniz.


Ayrıca diyelim ki sadece tek kelimede olmasın hepsinde olsun derseniz hazırladığım fonksiyonu kullanarak aşağıdaki örnekte olduğu gibi girilen bütün kelimelerin ilk harfini büyük yapabilirsiniz.

harfleriBuyut = function(obj){
    var deger = obj.value;
    var yeniDeger = '';
    deger = deger.split(' ');
    for(var i=0; i < deger.length; i++){
        yeniDeger += deger[i].substring(0,1).toUpperCase() + deger[i].substring(1, deger[i].length) + ' ';
        obj.value = yeniDeger;
    }
}
İsminizi giriniz : <input name="isim" type="text" id="isim" size="40" onblur="harfleriBuyut(this);" /><br>
<br>
İsminizi girdikten sonra boş bir yere tıklayın.

Yorumlar

  1. yazılan her kelimenin ilk harfini nasıl büyültürüz. ör. "Ahmet Bu Gün Okulda" gibi

    YanıtlaSil
    Yanıtlar
    1. function ilkhaftBuyuk(str) {
      var splitStr = str.toLowerCase().split(' ');
      for (var i = 0; i < splitStr.length; i++) {
      // Dizi boyutunu kontrol edildikten sonra diziyi tekrardan düzenliyoruz
      splitStr[i] = splitStr[i].charAt(0).toUpperCase() + splitStr[i].substring(1);
      }
      return splitStr.join(' ');
      }

      document.write(ilkhaftBuyuk("İlk hafrleri büyük diğerlerini küçük yapmak"));

      Sil
  2. Elinize sağlık teşekkür ederiz.

    YanıtlaSil
  3. Merhabalar ben yazılan her harfın yazılırken otomatik büyütülmesini istiyorum naısl yapabilirim ?

    YanıtlaSil

Yorum Gönder

Yorumunuz alınmıştır. İncelenip yayımlanacaktır.

Bu blogdaki popüler yayınlar

Asp.Net ile Uyarı Mesajları Vermek (msgbox)

Asp.Net ile T.C. Kimlik Doğrulama (Mernis) Web Service ile

Asp.Net Eval Kullanımı