Textarea Feld dynamisch vergrößern und verkleinern?

php_frage · 24.04.2006, 12:02

Hallo

Folgendes Problem: In einem Formular werden die AGB in einem flachen Textarea Feld mit eingebunden, damit die Seite nicht zu überladen wirkt. Wenn man die AGB lesen will, ist es aber bei den 4 bis 5 Zeilen sehr anstrengend.

Wie könnte man denn das Textarea Feld von 60px höhe auf 180 px höhe bringen, wenn sich die maus über dem textarea feld befindet?

oder wäre es besser nur zu vergrößern, wenn in das textarea geklickt wird?

beim verlassen des feldes soll es wieder auf 60px höhe verkleinert werden.

Was noch schön wäre: Wenn es sich langsam vergrößert / verkleinert, und nicht so schlagartig. Das ist augenschonender.

Vielleicht hat jemand schon mal sowas gemacht?

Ich tippe mal man braucht dafür auf jeden fall javascript. (?)

M3g4Star · 24.04.2006, 12:33

onMouseOver()
onMouseOut()

??!!

Freeaak · 24.04.2006, 14:05

wenn du das wirklich "schön" haben willst, brauchst du dafür schon flash.

php_frage · 24.04.2006, 17:48

Flash wollte ich eigentlich nicht einsetzen. Mit JS sollte es doch machbar sein, bloss wie...

Irgendwas mit OnMouseOver und OnMouseOut ist mir soweit schon mal klar. Aber wie greife ich mit Javascript auf die CSS Werte zu?

Freeaak · 24.04.2006, 17:55

onmouseover="this.style.height='100px';"

zum beispiel

M3g4Star · 25.04.2006, 08:42

Zitat:

Aber wie greife ich mit Javascript auf die CSS Werte zu?

Oh ha ... Grundlagen ??? Ganz wichtig wenn mal mal nicht weiß wie weiter

http://www.selfhtml.net/javascript/objekte/style.htm

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
input text oder textarea feld inhalt mit einem klick löschen	noskule	HTML, Usability und Barrierefreiheit	10	26.05.2009 21:47
Array nach Feld sortieren		PHP Tipps 2005-2	2	07.08.2005 23:00
Text im einem TEXTAREA feld ändern	Soese	HTML, Usability und Barrierefreiheit	5	26.07.2005 16:46
Dynamisch <select multiple> Feld ändern	JeeZ	HTML, Usability und Barrierefreiheit	5	18.01.2005 08:14

24.04.2006, 12:02
php_frage Benutzer Registriert seit: 17.12.2005 Beiträge: 93	Textarea Feld dynamisch vergrößern und verkleinern? Hallo Folgendes Problem: In einem Formular werden die AGB in einem flachen Textarea Feld mit eingebunden, damit die Seite nicht zu überladen wirkt. Wenn man die AGB lesen will, ist es aber bei den 4 bis 5 Zeilen sehr anstrengend. Wie könnte man denn das Textarea Feld von 60px höhe auf 180 px höhe bringen, wenn sich die maus über dem textarea feld befindet? oder wäre es besser nur zu vergrößern, wenn in das textarea geklickt wird? beim verlassen des feldes soll es wieder auf 60px höhe verkleinert werden. Was noch schön wäre: Wenn es sich langsam vergrößert / verkleinert, und nicht so schlagartig. Das ist augenschonender. Vielleicht hat jemand schon mal sowas gemacht? Ich tippe mal man braucht dafür auf jeden fall javascript. (?)


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

24.04.2006, 12:33
M3g4Star Erfahrener Benutzer Registriert seit: 23.08.2007 Beiträge: 1.510	onMouseOver() onMouseOut() ??!!

24.04.2006, 14:05
Freeaak Erfahrener Benutzer Registriert seit: 05.04.2005 Beiträge: 1.333	wenn du das wirklich "schön" haben willst, brauchst du dafür schon flash. __________________ "Wenn du nicht weißt, was du tust: Machs mit Eleganz!" (Murphy's Gesetze)

24.04.2006, 17:48
php_frage Benutzer Registriert seit: 17.12.2005 Beiträge: 93	Flash wollte ich eigentlich nicht einsetzen. Mit JS sollte es doch machbar sein, bloss wie... Irgendwas mit OnMouseOver und OnMouseOut ist mir soweit schon mal klar. Aber wie greife ich mit Javascript auf die CSS Werte zu?

24.04.2006, 17:55
Freeaak Erfahrener Benutzer Registriert seit: 05.04.2005 Beiträge: 1.333	onmouseover="this.style.height='100px';" zum beispiel __________________ "Wenn du nicht weißt, was du tust: Machs mit Eleganz!" (Murphy's Gesetze)