yazı uzunluğu hesaplamak

Doğru Cevap

12 yıl önce yazılmış

57 cevap - 25 soru

<div class="input-wrapper counter">
    <label for="input1">Input 1</label>
    <input Run
  name="input1" type="text" maxlength="8" />
    <p class="var-count"> <span></span> / 8</p>
</div>
<div class="input-wrapper counter">
    <label for="input2">Input 2</label>
    <input name="input2" type="text" maxlength="4" />
    
    <p class="var-count"> <span></span> / 4</p>
</div>

$(document).ready(function() {

    $('.counter').each(function(index) {

        $('.counter p span').html('0'); // set character length to 0
        
        $('input', this).keyup(function() {

            $(this).parent().find('.var-count').text($(this).val().length + " / "  + $(this).attr('maxlength'));
            
        });

    });

});

@charset "utf-8";
/* CSS Document */
body { background: #ddd; padding: 20px; color: #444; font-size: 12px;}
* { margin: 0px; padding: 0px;}

.input-wrapper { display: block; position: relative; margin-bottom: 10px; clear: both; overflow: auto;}
.input-wrapper label { text-align: right; display: inline-block; float: left; line-height: 28px; padding-right: 5px;}
.input-wrapper input { display: inline-block; float: left; border: 1px solid #ccc; padding: 4px; width: 250px;}
.input-wrapper .var-count { position: absolute; left: 230px; top: 6px; text-align: right; width: 60px; font-size: 10px; color: #CCC; white-space:nowrap;}

zyber

http://jsfiddle.net/merakli/sySsU/1/

<div id='container'></div>
<input type='text'/>

(function($) {

    $.fn.charCount = function(options){

        // default configuration properties
        var defaults = {    
            allowed: 150,       
            warning: 25,
            css: 'counter',
            counterElement: 'span',
            cssWarning: 'warning',
            cssExceeded: 'exceeded',
            counterText: '',
            container: undefined
        };

        var options = $.extend(defaults, options);

        function calculate(obj,$cont){
            var count = $(obj).val().length;
            var available = options.allowed - count;
            if(available <= options.warning && available >= 0){
                $cont.addClass(options.cssWarning);
            } else {
                $cont.removeClass(options.cssWarning);
            }
            if(available < 0){
                $cont.addClass(options.cssExceeded);
            } else {
                $cont.removeClass(options.cssExceeded);
            }
            $cont.html(options.counterText + available);
        };

        this.each(function() {
            var $container = (options.container)
                    ? $(options.container)
                        .text(options.counterText)
                        .addClass(options.css)
                    : $('<'+ options.counterElement +' class="' + options.css + '">'+ options.counterText +'</'+ options.counterElement +'>').insertAfter(this);
            calculate(this,$container);
            $(this).keyup(function(){calculate(this,$container)});
            $(this).change(function(){calculate(this,$container)});
        });

    };
})(jQuery);
            
  // Pass in a container
$('input').charCount({container:'#container'});

12 yıl önce yazılmış

zyber

http://jsfiddle.net/merakli/ukzUj/

<textarea id="icerik" cols="50" rows="5"></textarea><br/>
<span id="sayac"></span>

$('#icerik').keypress(function() {
    var ust_sinir= 500;
    var yazilan = $(this).val().length;
    var toplam = ust_sinir - yazilan;
    $('#sayac').text(toplam);
});
$('#icerik').keypress();

12 yıl önce yazılmış

zyber

http://jsfiddle.net/merakli/ZaAUc/

<form>
<textarea id="icerik" cols="50" rows="5"></textarea><br/>
</form>

<div id="sayac"></div>
<div id="tus_enter"></div>

$(document).ready(function(){
 $('#sayac').hide();
 $('#tus_enter').hide();  
   var izin_enter = false;
   var sinir_alt = 4;
   var sinir_ust = 30;
   var sayi = 0;
   $("#icerik").keyup(function() {
      $('#tus_enter').hide();  
      if(this.value.length < sinir_alt) {
         sayi = sinir_alt - (this.value.length);
         $('#sayac').show("fast");
         $('#sayac').text(sayi + ' karakter daha yazmalısın');
         izin_enter = false;
      } else if(this.value.length >= sinir_ust) {
         sayi = (this.value.length) - sinir_ust;
         this.value = this.value.substring(0,sinir_ust);
         $('#sayac').show("fast");
         $('#sayac').text(' kalan karakterler');
      } else {
         sayi = sinir_ust - (this.value.length) -1;
         $('#sayac').show("fast");
         $('#sayac').text(sayi + ' kalan karakter');
         $('#tus_enter').show("fast");
         izin_enter = true;
      }   
   });
   $("form").submit( function () {
      if (izin_enter == false)
      {
         $('#tus_enter').show("fast").text('enter tuşuna şuan basılmaz.');
         return izin_enter;
      }  
   } );
});

12 yıl önce yazılmış

zyber

http://jsfiddle.net/merakli/n2byJ/

<textarea id="icerik" cols="50" rows="5"></textarea><br/>
<span id="sayac"></span>

$('#icerik').bind('keyup', function(){  
var kullanilan = $(this).val().length;
$('#sayac').html(kullanilan + ' - 20');
if($(this).val().length > 20)
$('#sayac').html('<strong>sadece 20 karakter kullanabilirsiniz.</strong>');
});

12 yıl önce yazılmış

Cevaplar

2

12 yıl önce yazılmış

emoty_88

26 cevap - 17 soru
textarea id tx div in uzunluk
```
$("#tx").live("change",function(){
   var str= $(this).text();
   $("#uzunluk").html(str.length());
});
```
- emoty_88
  belki bi iki yazım hatası olabilir ama mantık böyle işleyebilir
  
  12 yıl önce yazılmış

WormStuffy

yazı uzunluğu hesaplamak

Doğru Cevap

Cevaplar