Eingabebereich vergrössern
<script>
Hin und wieder kommt es vor, dass der
Eingabebereich, der einem selber zur Verfügung gestellt wird, zu klein ist um einen Überblick zu behalten.
Damit das den eigenen Besuchern nicht passiert, gibt es die Möglichkeit den Eingabebereich automatisch zu vergrössern.
Hier ein Beispiel zum Ausprobieren:
Quelltext aus der externen Datei
textfeld.js:
/* This script and many more are available free online at
The JavaScript Source :: http://javascript.internet.com
Created by: Paul Tuckey :: http://tuckey.org/ */
function countLines(strtocount, cols) {
var hard_lines = 1;
var last = 0;
while ( true ) {
last = strtocount.indexOf("\n", last+1);
hard_lines ++;
if ( last == -1 ) break;
}
var soft_lines = Math.round(strtocount.length / (cols-1));
var hard = eval("hard_lines " + unescape("%3e") + "soft_lines;");
if ( hard ) soft_lines = hard_lines;
return soft_lines;
}
function cleanForm() {
var the_form = document.forms[0];
for ( var x in the_form ) {
if ( ! the_form[x] ) continue;
if( typeof the_form[x].rows != "number" ) continue;
the_form[x].rows = countLines(the_form[x].value,the_form[x].cols) +1;
} setTimeout("cleanForm();", 300);
}
// Multiple onload function created by: Simon Willison
// http://simon.incutio.com/archive/2004/05/26/addLoadEvent
function addLoadEvent(func) {
var oldonload = window.onload;
if (typeof window.onload != 'function') {
window.onload = func;
} else {
window.onload = function() {
if (oldonload) {
oldonload();
}
func();
}
}
}
addLoadEvent(function() {
cleanForm();
});
Quelltext für den
head
-Bereich:
<script type="text/javascript" src="textfeld.js"></script>
Bitte auf die korrekte Pfadangaben achten und
ggf. anpassen.
Quelltext für das Eingabefeld:
<textarea cols="50" rows="5" name="Textfeld">Einfach mal testen...</textarea>
↑
zum Seitenanfang ↑