Logo von www.onlex.de
Formular Workshop

Lerne das Erstellen von HTML-Formularen für deinen Onlex-Formmailer
Onlex auf Facebook verwenden Onlex bei Google empfehlen Onlex auf Twitter verwenden

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 ^



© 2002 - 2016 · www.onlex.de - HomepageTools | Impressum | Sitemap