Diese Seite ist Teil eines Framesets.

[Neuigkeiten] [Eigenes WebProjekt] [Internet-Domains] [Suchmaschinentipps] [XHTML] [JavaScripts] [JS-Menü-Tipps - FAQ] [Download] [i(nternet)Auktionen] [Gästebuch] <[SiteMap]>

5.x

Inhaltsbezogenes Vergrößern eines Texteingabefeldes

Manchmal ist es sinnvoll, den Inhalt eines Eingabefeldes ganz anzuzeigen. Wenn nun aber das Feld von Anfang an die maximale Größe hat, sieht das Formular nicht unbedingt so gut aus. Mit dem IE lässt sich die Größe des Eingabefeldes <input type="text"> nachträglich vergrößern. Die Maximallänge kann zum Vergrößern (resize) des Feldes ausgelesen und zugewiesen werden.

Position in der html-Datei: head-Bereich <script type="text/javascript"> <!-- /* Original: Robert Khatchadourian (sonic890@hotmail.com) This script and many more are available free online at The JavaScript Source!! http://javascript.internet.com */ <!-- function call_me(max_length) { if((document.form1.mybox.value == null ) || (document.form1.mybox.value == "" )) { document.form1.mybox.size = size; } if((document.form1.mybox.value.length >= size)&&(document.form1.mybox.value.length <= max_length)) { document.form1.mybox.size = document.form1.mybox.value.length + 1; } else { document.form1.mybox.size = size; } } //--> </script> JavaScript-Größe: ca.

Position in der html-Datei: body-Bereich. Die globale Variable size dieses JavaScripts muss nach dem Formularfeld festgeschrieben werden. <form name="form1"> <input type="text" style="font-family: Terminal" name="mybox" maxlength="30" size="10" onFocus="setInterval('call_me(document.form1.mybox.maxLength)', 1)"> </form> <script type="text/javascript"> <!-- //Global Variable keeps original size var size = document.form1.mybox.size; // --> </script> JavaScript-Größe: ca.

Quelle: javascript.internet.com/forms/expanding-textbox.html .

© 2003 - 2013 by Günther Schleu ― Nutzungsbedingungen und Impressum.
Letzte Aktualisierung am: Donnerstag, 27.12.2007, 10.23:16.

Die URL dieser Seite: http://free-solutions.schleu.de/js/formular_FieldContentResize.html
Offizieller Internetpfad: http://www.free-solutions.de/js/formular_FieldContentResize.html
Homepage: JavaScript - XHTML - - - JS.Edit | || | Frameset nachladen
Feedback an / Kontakt: webmaster@free-solutions.de | || | Seite per eMail weiterempfehlen
Haben Sie gefunden, was Sie suchten ? Nein ? Schon die <[Sitemap]> probiert ? - Ja ?
Dann empfehlen Sie free-solutions.de weiter und/oder setzen einen Link auf Ihre Homepage.