This script counts characters from a <textarea>. I’m told it’s inline and somehow deficient even though it works. I admit I don’t like the use of the this keyword because I really don’t understand its use. How could I rewrite this script to make it more this century?
[code=html]<html>
<head>
<script language=”javascript” type=”text/javascript”>
var maxAmount = 250;
function textCounter(textField, showCountField) {
if (textField.value.length > maxAmount) {
textField.value = textField.value.substring(0, maxAmount);
} else {
showCountField.value = maxAmount – textField.value.length;
}
}
</script>
</head>
<body>
<form>
<textarea name=”ta” rows=”6″ style=”width:340px;” onKeyDown=”textCounter(this,document.getElementById(‘ta2’));” onKeyUp=”textCounter(this,document.getElementById(‘ta2’));”></textarea>
<br>
<input readonly id=”ta2″ type=”text” name=”countDisplay” size=”3″ maxlength=”3″ value=”250″> Characters Remaining
</form>
</body>
</html>
<i>
</i>var xxx = document.getElementById( 'xxx' );
xxx.onkeydown = keydown;
function keydown() {
textCounter(this,document.getElementById('ta2'));
}
[code=html]<form>
<textarea name="ta" rows="6" style="width:340px;"> </textarea>
<br>
<input type="text" name="countDisplay" size="3" maxlength="3" value="250"> Characters Remaining
</form>[/code]
[code=html]<script type="text/javascript">
var maxChar = 251;
var currentNum = 0;
var calcCharacters = document.getElementById('ta');
function calcCharacters2 () {
code that others try to cram into the "onevent = ..." string;
}
</script> [/code]
calcCharacters.onkeydown = calcCharacters2; // you need it!
[code=html]<script type="text/javascript">
var maxChar = 251;
var currentNum = 0;
var textarea_that_holds_the_characters_to_count = document.getElementById('ta');
function count_the_characters_in_the_ta_textarea() {
calcCharacters.onkeydown = calcCharacters2;
}
</script> [/code]
[code=html]<script type="text/javascript">
var maxChar = 251;
var currentNum = 0;
var textarea_that_holds_the_characters_to_count = document.getElementById('ta');
calcCharacters.onkeydown = calcCharacters2;
function count_the_characters_in_the_ta_textarea() {
alert( "I'm gonna count those chars in ta!" );
//calculation of the number of characters in <textarea>;
}
</script>
[/code]
[code=html]<!doctype html>
<html> <head> <title> Counter </title>
</head> <body>
<form id="ta">
<textarea name="ta" rows="6" style="width:340px;"> </textarea>
<br>
<input type="text" name="countDisplay" size="3" maxlength="3" value="250"> Characters Remaining
</form>
<script type="text/javascript">
var maxChar = 251;
var currentNum = 0;
var calcCharacters = document.getElementById('ta');
calcCharacters.onkeydown = calcCharacters2;
function calcCharacters2 () {
alert( "I'm gonna count those chars in ta!" + calcCharacters );
//calculation of the number of characters in <textarea>;
}
</script>
</body> </html>
[/code]
<i>
</i>var maxChar = 251;
var currentNum = 0;
var calcCharacters = document.getElementById('ta');
calcCharacters.onkeydown = calcCharacters2;
function calcCharacters2 () {
alert( "I'm gonna count those chars in ta!" + calcCharacters );
//calculation of the number of characters in <textarea>;
}
[code=html]<!doctype html>
<html> <head> <title> Counter </title>
</head> <body>
<form >
<textarea id="ta" name="ta" rows="6" style="width:340px;"> </textarea>
<br>
<input id="ta2" type="text" name="countDisplay" size="3" maxlength="3" value="248"> Characters Remaining
</form>
<script type="text/javascript">
var maxChar = 255;
var currentNum = 0;
var calcCharacters = document.getElementById('ta');
calcCharacters.onkeydown = calcCharacters2;
function calcCharacters2 () {
var x = calcCharacters.value.length;
alert( "I'm gonna count those chars in !" + x);
//calculation of the number of characters in <textarea>;
}
</script>
</body> </html>[/code]
0.1.9 — BETA 6.17