Navigation
 Startseite
 Fachbücher
 Forum
 Webmaster News
 Script Newsletter
 Kontakt
 Script Installation
 Php
 Php Tutorials
 Impressum

Community-Bereich
 kostenlos Registrieren
 Anmelden
 Benutzerliste

Script Datenbank
 Script Archiv
 Script Top 20
 Screenshots
 Testberichte

Suche
 

Unsere Php Scripts
 Counter Script
 Umfrage Script
 Bilder Upload Script
 Terminverwaltung
 Simple PHP Forum
 RSS Grabber

Script Mods
 phpBB Adsense Mode

Tools und Generatoren
 .htpasswd Generator
 md5 Generator
 base64 Generator
 Markdown to HTML
 Colorpicker
 Unix timestamp Tool
 TLD Liste
 Webkatalog‑Verzeichnis

Partner
 Sprüche Treff

Artfiles.de
Bietet Serviceorientierte Internetdienstleistungen...
https://www.Artfiles.de
Hosterplus.de
Bekommen Sie Speicherplatz (Webspace), Domains und...
https://www.Hosterplus.de
 
 
 

Textarea größe dynamisch anpassen

Sie befinden sich: Home > Forum > Java Script > Textarea größe dy...

Wenn Sie einen Beitrag in diesem Forum schreiben möchten, so ist es erforderlich, dass Sie ein
 Benutzerkonto registrieren.

In diesen Beitrag wurden 2 Nachrichten geschrieben.

Textarea größe dynamisch anpassen
Nachricht wurde verfasst am 18.09.2009 um 13:56 Uhr von Martin12398 Martin12398
Hallo,

wie kann man mit JavaScript ein Textarea dynamisch anpassen? Es soll das Feld nach ein Umbruch dynamisch größer werden. Wie macht man dies ?
 
Nachricht wurde verfasst am 19.09.2009 um 23:32 Uhr von Schubertmedia Schubertmedia
Abend Martin,

das kann man mit einer Javascript Function machen. Hier eine Beispiel:

<script type="text/javascript">
function textarea_dynamisch(feld_element){
// Textfeld nach Umbuch suchen und Ersetzt Zeichenfolgen
var text = document.getElementById(feld_element).value.replace(/(\015\012)|(\015)|(\012)/g, '\n');
// Zerlegt Zeichenketten in ein Array
var text_array = text.split('\n');
// Anpassen der Höhe im Textarea
document.getElementById(feld_element).rows = (text_array.length 2);
}
</script>


<textarea rows="3" cols="20" name="test_feld1" id="test_feld1" onKeyDown="textarea_dynamisch('test_feld1')"></textarea><br>

<textarea rows="3" cols="20" name="test_feld2" id="test_feld2" onKeyDown="textarea_dynamisch('test_feld2')"></textarea>
   Antwort schreiben



Bücherregal mit drei Büchern: 'PHP 4 - Grundlagen und Profiwissen' von Hanser Verlag, 'Webdesign in a Nutshell' von O'Reilly Verlag, und 'Webgestaltung' von Galileo Computing.