2012-01-27 7 views
1

<Textarea>にはX個の文字しかなく、もう許可しないようにするためのコードスニペットがたくさんあります。私が必要としているのは<Textarea>です。一度にできる文字数を指定することができます。ほぼ最大バッファサイズに似ています。ローリングログファイルのように考えてください。最後の/最新のX個の文字を常に表示したい。<Textarea>に最大バッファを設定する

解決方法が簡単です。私はウェブのエキスパートではないので、もっと複雑になるとギリシャ人に見えます。 :)

私は既にjQueryを使用しているので、その解決策はOKであるはずです。

+1

* *最後のXの文字または*最後のXの文字を*含むようにテキストエリアを示しています。 DOMの用語では、要素の内容を(X文字を最後に)切り捨てる必要がありますか、またはレンダリングメカニズム(何らかの形で)によって可視性が制限されるべきですか? –

+0

「ショー」で申し訳ありませんが、私は、テキストエリアに最後の/最新のX個の文字を入れることを希望しました。 – Travyguy9

答えて

1

この試してみてください。最後の文字のための

<textarea id="yourTextArea" data-maxchars="1000"></textarea> 

var textarea = document.getElementById('yourTextArea'); 

var taChanged = function(e){  
    var ta = e.target; 
    var maxChars = ta.getAttribute('data-maxchars'); 
    if(ta.value.length > maxChars){ 
     ta.value = ta.value.substr(0,maxChars); 
    } 
} 
textarea.addEventListener('change', taChanged, 1); 

:ここ

ta.value = ta.value.substr(ta.value.length - 1000); 
+0

コードを見れば、最初の1000文字は保持されませんか?私は最後の1000文字が必要です。 – Travyguy9

+0

あなたは最後の文字を保持したいですか?上記のように行を変更してください。 –

+1

Andreが行ったことを使って、1000文字を最後に変更することはあまり難しくありません。あなたが答えを理解したように、関連する行を変更するだけでいいのですか?ウィルズの答えに記載されています。怠惰にならず、他の人が仕事をすることを期待しないでください! – Yule

1

コードはありませんが、JavaScriptを綴ることさえできませんが、基本的に新しいテキストを追加しようとしているので、既存のテキストの長さを確認してください。古いテキストと新しいテキストの長さが長すぎる場合は、古いテキストの先頭を切り捨てます(改行などで始まる可能性があります)。すすぎ、繰り返します。

+0

なぜ投票が下りましたか?これは完全に良い答えです。コードを含んでいないからといって? – Yule

+0

私は下線を綴ることさえできませんが、基本的にこの答えは有用ではありません。 –

0

は、作業コードon Fiddleです。それはJQueryを使って簡単にします。

<textarea id="txtArea"></textarea> 


var size = 5; 

$('#txtArea').change(function(){ 
    var strValue = $('#txtArea').val(); 
    strValue = strValue.split("").reverse().join("").substring(0, size).split("").reverse().join(""); 
    alert(strValue); 
}); 
1

とjQueryの実装:あなたはあなたがしたいかどうかを指定する必要が

$('#text').keyup(function() { 
    var max = $(this).data('maxchars'), 
     len = $(this).val().length; 

    len > max && $(this).val(function() { 
     return $(this).val().substr(len - max); 
    }); 
}); 

http://jsfiddle.net/WsnSk/

関連する問題