<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Wortzaehler</title>
<script type="text/javascript">
var matchPhrases = null;
var matchExpressions = null;
function wordcount(src,evt) {
if (window.event) evt = window.event;
if (!evt.charCode) evt.charCode = evt.keyCode;
if ( (evt.charCode == 10) || (evt.charCode == 13) || (evt.charCode == 32) ) {
var wordCount = 0;
var tmp = src.value.replace(/(^\s+|\s+$)/,'').replace(/[.;-?=!, \r\n\t]+/gi,' ');
wordCount = tmp.split(' ').length;
document.getElementById('wordCount').innerHTML = wordCount;
if (matchPhrases) {
var strResult = '';
var pct;
var count;
tmp = ' '+tmp+' ';
for(var i=0;i<matchPhrases.length;i++) {
var found = tmp.match(matchExpressions[i]);
if (found) {
count = found.length;
} else {
count = 0;
}
pct = (count*100)/wordCount;
if ( (pct==0) || (pct>12) ) color = 'red';
else if (pct >= 7) color = 'green';
else if (pct > 0) color = 'yellow';
strResult += '<span style="color:'+color+';">'+matchPhrases[i]+': '+count+' ('+pct.toFixed(2)+'%)</span><br>';
}
document.getElementById('phraseCount').innerHTML = strResult;
}
}
}
function prepare(src) {
matchPhrases = src.value.replace(/\r\n/g,'\n').split("\n");
matchExpressions = new Array(matchPhrases.length);
for(var i=0;i<matchPhrases.length;i++) {
matchExpressions[i] = new RegExp('\\\s'+matchPhrases[i]+'\\\s','gi');
}
}
</script>
</head>
<body onload="prepare(document.getElementById('wordlist'));">
<form action="#" method="POST" onsubmit="return false;">
<div id="phraseCount" style="border:1px solid black;padding:4px;position:relative;">Warte auf Eingabe…
</div>
<label for="wordlist">Zu zählende Worte oder Phrasen</label><br>
<textarea id="wordlist" name="wordlist" rows="8" cols="40" onblur="prepare(this);"></textarea><br>
<br>
<label for="text">Text</label> <span id="wordCount"></span><br>
<textarea id="text" name="text" rows="10" cols="60" onkeypress="wordcount(this,event);"></textarea><br>
</form>
</body>
</html>
