<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>www.tutorials.de</title>
<meta name="author" content="Quaese" />
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<script type="text/javascript">
<!--
// Maximale Anzahl der Zeichen, die eingegeben werden dürfen
var intAnzahl = 200;
function checkIt(objArea){
// Anzahl eingegebener Zeichen ermitteln
var intAreaAnzahl = Number(objArea.value.length);
// Falls die maximale Anzahl noch nicht erreicht wurde
if((intAnzahl - intAreaAnzahl) >= 0){
// Anzahl der Restzeichen ausgeben
objArea.form.txtCount.value = (intAnzahl - intAreaAnzahl);
// Fall die Maximalanzahl überschritten wurde
}else{
// Text auf max. Anzahl zurücksetzen
objArea.value = objArea.value.substr(0, intAnzahl);
// Anzahl der Restzeichen ausgeben
objArea.form.txtCount.value = 0;
}
}
//-->
</script>
</head>
<body>
<form method="" action="">
<textarea name="areaMsg" cols="25" rows="5" onkeyup="checkIt(this);"></textarea>
<div><input type="text" name="txtCount" value="200" size="3" readonly="readonly" /></div>
</form>
</body>
</html>