textarea height?

Seite 1 von 1 - Forum: Coding Stuff auf overclockers.at

URL: https://www.overclockers.at/coding-stuff/textarea_height_182795/page_1 - zur Vollversion wechseln!

hynk schrieb am 25.07.2007 um 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

fatmike182 schrieb am 25.07.2007 um 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?

hynk schrieb am 25.07.2007 um 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

ColdFire schrieb am 25.07.2007 um 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 schrieb am 25.07.2007 um 11:37

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

fatmike182 schrieb am 25.07.2007 um 11:39

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

hynk schrieb am 25.07.2007 um 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 schrieb am 25.07.2007 um 11:44

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

fatmike182 schrieb am 25.07.2007 um 11:54

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

hynk schrieb am 25.07.2007 um 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.