[JS] Formaat TEXTAREA aanpassen aan inhoud

[Barracuda_82]

Ik probeer dmv van JavaScript het formaat van een textarea aan te passen aan de inhoud van deze textarea. Dat lukt me wel, maar op het moment dat er iets getypt/veranderd word in deze textarea wil ik graag dat deze ook meeschaalt met de inhoud, dus hoe meer je typt, hoe langer de textarea word.

Dit wil ik omdat ik een pagina heb die opgebouwd is uit alinea's en die ik per stuk wil kunnen aanpassen.

[Verwijderd]

En wat is je vraag precies? Wat heb je zelf al?

[André]

Zoiets ongeveer?

code:

<script type="text/javascript">
  function size(obj)
  {
    if (obj.scrollHeight + 10 > obj.clientHeight) { obj.style.height = (obj.scrollHeight + 10) + "px"; }
  }
</script>
<textarea onkeydown="size(this)"></textarea>

[Barracuda_82]

André schreef op vrijdag 01 juli 2005 @ 13:22:
Zoiets ongeveer?

code:

<script type="text/javascript">
  function size(obj)
  {
    if (obj.scrollHeight + 10 > obj.clientHeight) { obj.style.height = (obj.scrollHeight + 10) + "px"; }
  }
</script>
<textarea onkeydown="size(this)"></textarea>

Dit werkt niet, bij elke keystroke maakt ie het textveld gewoon een regel langer. Ik wil graag een textarea die precies even groot is als de inhoud in de textarea, zonder scrolls dus.

Edit: Dit werkt dus wel in IE, maar niet in FF. Zie hier een implementatie van deze code.

[ Voor 26% gewijzigd door Barracuda_82 op 01-07-2005 14:13 ]

[McVirusS]

Dan roep je die functie dus onload op, of als je 'm net gevuld hebt.

[Verwijderd]

Je zegt dat het je wel lukt de textarea naar de gewenste maat te krijgen? Als je die functie koppelt aan het change event van de textarea, ben je toch klaar?

[Barracuda_82]

Verwijderd schreef op vrijdag 01 juli 2005 @ 13:52:
Je zegt dat het je wel lukt de textarea naar de gewenste maat te krijgen? Als je die functie koppelt aan het change event van de textarea, ben je toch klaar?

Ja, ik kan de maat van de textarea aanpassen omdat ik de tekst uit een DIV haalde en daar de maten van kon nemen.

Hier heb ik een voorbeeld neergezet waar ik 2 alinea's ingezet heb die ik kan bewerken met een live-preview.

Nu wil ik eigenlijk hetzelfde doen, alleen wil ik dan de alinea's IN de pagina bewerken, niet in een aparte textarea. Een soort WYSIWYG krijg je dan.

Het is een beetje lastig uit te leggen wat ik wil, maar ik hoop dat iedereen het een beetje begrijpt.