textarea height?

hynk

Super Moderator
like totally ambivalent

Registered: Apr 2003
Location: Linz
Posts: 11032

25.07.2007 - 11:04

gumorgen

die problematik vor der ich im moment stehe ist ein div, randvoll gefüllt mit einer textarea.
jedenfalls sollte das das ergebnis sein. einziges problem dabei ist dass der div keine fixe größe hat.
gibts vielleicht eine idee wie man das machen könnte? gibts eine möglichkeit den div als textarea zu verwenden und danach auch noch den inhalt unproblematisch auszugeben?
contenteditable wäre da eine idee aber das scheint IE only zu sein und es besteht dann noch immer die frage der ausgabe.

hmm andere lösung wäre natürlich mit js die größe der textarea zu berechnen und dadurch gleich groß zu halten.
leider hab ich davon genau keine ahnung.

würde mich über jeden tipp freuen

mfg
hynk

Bearbeitet von hynk am 25.07.2007, 15:42

fatmike182

Agnotologe

Registered: Oct 2005
Location: VIE
Posts: 4223

25.07.2007 - 11:09

d.h. du hast das div mit x% gesetzt & die Textarea mit Höhe & Weite als 100%?

margin, padding, ... alles auf 0?
gehts mit TAbellen?

Bearbeitet von fatmike182 am 25.07.2007, 11:17

hynk

Super Moderator
like totally ambivalent

Registered: Apr 2003
Location: Linz
Posts: 11032

25.07.2007 - 11:16

mal schaun ob das funktioniert.
ich glaub die höhe werd ich so nicht steuern können.

*edit
wie gedacht is die höhe von den rows abhängig.
die rows einfach auf 999 zu stellen hilft dabei auch nicht weil dann is nicht 100% hoch sondern 999 rows

Bearbeitet von hynk am 25.07.2007, 11:33

ColdFire

Addicted

Registered: Feb 2005
Location: OÖ / Linz
Posts: 360

25.07.2007 - 11:37

Autosized textfield sozusagen:

Code:

<HTML>
<script language=JavaScript>

function ResizeTextArea(txtBox)
{
nCols = txtBox.cols;
sVal = txtBox.value;
nVal = sVal.length;
nRowCnt = 1;

for (i=0;i<nVal;i++)
{ if (sVal.charAt(i).charCodeAt(0) == 13) { nRowCnt +=1; } }

if (nRowCnt < (nVal / nCols)) { nRowCnt = 1 + (nVal / nCols); }
txtBox.rows = nRowCnt;
}

</script>

<BODY>
<form name=frmSubmit method=post >
<table border=0 cellspacing=1 cellpadding=1 width='70%' align=center>
<tr><td align=left><textarea name=txtTest cols=50 rows=1 style='overflow:hidden'> </textarea></td></tr>
<tr><td align=left><a href=# onclick="ResizeTextArea(document.frmSubmit.txtTest);" >Resize</a></td></tr>
</table></form></BODY></HTML>

hth

mat

Administrator
Legends never die

Registered: Aug 2003
Location: nö
Posts: 25423

25.07.2007 - 11:37

du kannst eine textarea auch per styles mit width und height angeben.

fatmike182

Agnotologe

Registered: Oct 2005
Location: VIE
Posts: 4223

25.07.2007 - 11:39

yeppa, aber kann man nicht als Zusatzelement die Höhe angeben? (also: cols:xx, rows, height: % - quf jeden Fall mit CSS)

hynk

Super Moderator
like totally ambivalent

Registered: Apr 2003
Location: Linz
Posts: 11032

25.07.2007 - 11:43

Zitat von mat
du kannst eine textarea auch per styles mit width und height angeben.

rows hab ich noch normal gesteuert, geht per css ja auch nicht. height/width natürlich per css da die textarea beide attribute nicht annimmt.

kanns sein dass ich dich nicht verstanden habe :/

@colfire
danke
wird probiert.

userohnenamen

leider kein name

Registered: Feb 2004
Location: -
Posts: 15858

25.07.2007 - 11:44

wenn du die rows angibst, gibst du indirekt ja auch eine höhe an

fatmike182

Agnotologe

Registered: Oct 2005
Location: VIE
Posts: 4223

25.07.2007 - 11:54

http://www.webmasterpark.net/forum/...ic/85759-1.html
sollte also gehen

hynk

Super Moderator
like totally ambivalent

Registered: Apr 2003
Location: Linz
Posts: 11032

25.07.2007 - 12:05

hmm jo. sobald die andren arbeiten abgeschlossen sind kann ichs eh wieder testen.
muss derweil noch abwarten.

*edit
jopa. hab jetz die möglichkeit gehabt mir das anzuschaun.
wenn ich 10 rows eingegeben habe und dazu noch per css auf height:100% geh dann
ist die textarea 10 rows hoch.
wenn ich keine rows eingebe und mich nur aufs css verlasse hat die textarea den
standard wert angenommen und ist 3 rows hoch.
breite funktioniert anstandslos.

das problem is dass ich das alles im moment nur im safari testen kann.
das is der einzige browser in dem die page läuft "problemlos" läuft...

problem gelöst ...
der div war auf auto.
ma steh i heut wieder neben mir.

Bearbeitet von hynk am 25.07.2007, 15:31

hynk Super Moderator like totally ambivalent Registered: Apr 2003 Location: Linz Posts: 11032	25.07.2007 - 11:04 gumorgen die problematik vor der ich im moment stehe ist ein div, randvoll gefüllt mit einer textarea. jedenfalls sollte das das ergebnis sein. einziges problem dabei ist dass der div keine fixe größe hat. gibts vielleicht eine idee wie man das machen könnte? gibts eine möglichkeit den div als textarea zu verwenden und danach auch noch den inhalt unproblematisch auszugeben? contenteditable wäre da eine idee aber das scheint IE only zu sein und es besteht dann noch immer die frage der ausgabe. hmm andere lösung wäre natürlich mit js die größe der textarea zu berechnen und dadurch gleich groß zu halten. leider hab ich davon genau keine ahnung. würde mich über jeden tipp freuen mfg hynk Bearbeitet von hynk am 25.07.2007, 15:42
fatmike182 Agnotologe Registered: Oct 2005 Location: VIE Posts: 4223	25.07.2007 - 11:09 d.h. du hast das div mit x% gesetzt & die Textarea mit Höhe & Weite als 100%? margin, padding, ... alles auf 0? gehts mit TAbellen? Bearbeitet von fatmike182 am 25.07.2007, 11:17
hynk Super Moderator like totally ambivalent Registered: Apr 2003 Location: Linz Posts: 11032	25.07.2007 - 11:16 mal schaun ob das funktioniert. ich glaub die höhe werd ich so nicht steuern können. edit wie gedacht is die höhe von den rows abhängig. die rows einfach auf 999 zu stellen hilft dabei auch nicht weil dann is nicht 100% hoch sondern 999 rows Bearbeitet von hynk am 25.07.2007, 11:33*
ColdFire Addicted Registered: Feb 2005 Location: OÖ / Linz Posts: 360	25.07.2007 - 11:37 Autosized textfield sozusagen: Code: <HTML> <script language=JavaScript> function ResizeTextArea(txtBox) { nCols = txtBox.cols; sVal = txtBox.value; nVal = sVal.length; nRowCnt = 1; for (i=0;i<nVal;i++) { if (sVal.charAt(i).charCodeAt(0) == 13) { nRowCnt +=1; } } if (nRowCnt < (nVal / nCols)) { nRowCnt = 1 + (nVal / nCols); } txtBox.rows = nRowCnt; } </script> <BODY> <form name=frmSubmit method=post > <table border=0 cellspacing=1 cellpadding=1 width='70%' align=center> <tr><td align=left><textarea name=txtTest cols=50 rows=1 style='overflow:hidden'> </textarea></td></tr> <tr><td align=left><a href=# onclick="ResizeTextArea(document.frmSubmit.txtTest);" >Resize</a></td></tr> </table></form></BODY></HTML> hth
mat Administrator Legends never die Registered: Aug 2003 Location: nö Posts: 25423	25.07.2007 - 11:37 du kannst eine textarea auch per styles mit width und height angeben.
fatmike182 Agnotologe Registered: Oct 2005 Location: VIE Posts: 4223	25.07.2007 - 11:39 yeppa, aber kann man nicht als Zusatzelement die Höhe angeben? (also: cols:xx, rows, height: % - quf jeden Fall mit CSS)
hynk Super Moderator like totally ambivalent Registered: Apr 2003 Location: Linz Posts: 11032	25.07.2007 - 11:43 Zitat von mat du kannst eine textarea auch per styles mit width und height angeben. rows hab ich noch normal gesteuert, geht per css ja auch nicht. height/width natürlich per css da die textarea beide attribute nicht annimmt. kanns sein dass ich dich nicht verstanden habe :/ @colfire danke wird probiert.
userohnenamen leider kein name Registered: Feb 2004 Location: - Posts: 15858	25.07.2007 - 11:44 wenn du die rows angibst, gibst du indirekt ja auch eine höhe an
fatmike182 Agnotologe Registered: Oct 2005 Location: VIE Posts: 4223	25.07.2007 - 11:54 http://www.webmasterpark.net/forum/...ic/85759-1.html sollte also gehen
hynk Super Moderator like totally ambivalent Registered: Apr 2003 Location: Linz Posts: 11032	25.07.2007 - 12:05 hmm jo. sobald die andren arbeiten abgeschlossen sind kann ichs eh wieder testen. muss derweil noch abwarten. edit jopa. hab jetz die möglichkeit gehabt mir das anzuschaun. wenn ich 10 rows eingegeben habe und dazu noch per css auf height:100% geh dann ist die textarea 10 rows hoch. wenn ich keine rows eingebe und mich nur aufs css verlasse hat die textarea den standard wert angenommen und ist 3 rows hoch. breite funktioniert anstandslos. das problem is dass ich das alles im moment nur im safari testen kann. das is der einzige browser in dem die page läuft "problemlos" läuft... problem gelöst ... der div war auf auto. ma steh i heut wieder neben mir. Bearbeitet von hynk am 25.07.2007, 15:31*

textarea height?

Forum Index > Software > Coding Stuff

hynk

fatmike182

hynk

ColdFire

mat

fatmike182

hynk

userohnenamen

fatmike182

hynk