calculate string width dynamically

[strauchdieb]

hey everyone

i try to figure out how to calculate string width in a textarea while
typing in it.
the textarea has a fixed start width. when the string gets longer as
the textarea width, the textarea should be made bigger programatically
while typing.

my only problem is to determine the size of the string in the textarea.
i know the font family and font size.

who can help me?

thanks for your help

[Otto Lang]

strauchdieb <pa***********@gmail.comwrote:

i try to figure out how to calculate string width in a textarea while
typing in it.
the textarea has a fixed start width. when the string gets longer as
the textarea width, the textarea should be made bigger programatically
while typing.

my only problem is to determine the size of the string in the
textarea. i know the font family and font size.

You could use ``onkeyup''-events. On every key-up read the size of the
string and then try to set cols/rows according to this value.

who can help me?

thanks for your help

HTH
../otto

[strauchdieb]

thanks for your reply.
but i meant not the size/length of the string. i meant the WIDTH in
pixels of that whole string.

Otto Lang wrote:

strauchdieb <pa***********@gmail.comwrote:

i try to figure out how to calculate string width in a textarea while
typing in it.
the textarea has a fixed start width. when the string gets longer as
the textarea width, the textarea should be made bigger programatically
while typing.

my only problem is to determine the size of the string in the
textarea. i know the font family and font size.

You could use ``onkeyup''-events. On every key-up read the size of the
string and then try to set cols/rows according to this value.

who can help me?

thanks for your help

HTH
./otto

[Otto Lang]

strauchdieb <pa***********@gmail.comwrote:

thanks for your reply.
but i meant not the size/length of the string. i meant the WIDTH in
pixels of that whole string.

Sorry for my misunderstanding. I think that you can't change the
pixelwidth of a string via JavaScript.

../otto