once again, how to add text to a textarea

[lawrence]

How to add text to a textarea using javascript? Apparently this is a
popular question, because when I run the search on google, there are a
lot of returns:

http://groups.google.com/groups?hl=e...ang.javascript
However, all of the examples seem case specific, rather than generic.
I'm new to Javascript, so it is not so easy for me to take a specific
example and make it abstract enough to work as a generic function.

This example was given of how to add a newline to each line in a
textarea. I can imagine how to make this generic, but the example is
from 1999 and I'm wondering if this is still a valid way to go.

document.form1. textarea.value += document.form1. text.value + '\n';
Or, assuming I've a variable called myNewText, would this work better?
Would this work on all the major browsers?

document.getEle mentById(myText area).value .= myNewText;
I also saw this example from 2001. If I change "sendformre ply" to the
name of my textarea (or is it the id of the textarea?) then could I
make this work for me?

function addto_text(smil ey_txt) {
document.sendfo rmreply.body.va lue += ' ' + smiley_txt + ' ';
document.sendfo rmreply.body.fo cus();
}
Any help much appreciated. I'm sure I'll stop asking stupid questions
in about 2 months.

[Randy Webb]

lawrence wrote:

How to add text to a textarea using javascript? Apparently this is a
popular question, because when I run the search on google, there are a
lot of returns:

http://groups.google.com/groups?hl=e...ang.javascript
However, all of the examples seem case specific, rather than generic.
I'm new to Javascript, so it is not so easy for me to take a specific
example and make it abstract enough to work as a generic function.

This example was given of how to add a newline to each line in a
textarea. I can imagine how to make this generic, but the example is
from 1999 and I'm wondering if this is still a valid way to go.

document.form1. textarea.value += document.form1. text.value + '\n';
Did you test it?

Or, assuming I've a variable called myNewText, would this work better?
Would this work on all the major browsers?

document.getEle mentById(myText area).value .= myNewText;
Again, test it. But replace the PHP-type method of concatenation with +=

I also saw this example from 2001. If I change "sendformre ply" to the
name of my textarea (or is it the id of the textarea?) then could I
make this work for me?

function addto_text(smil ey_txt) {
document.sendfo rmreply.body.va lue += ' ' + smiley_txt + ' ';
document.sendfo rmreply.body.fo cus();
}

Again, test it :)

--
Randy
comp.lang.javas cript FAQ - http://jibbering.com/faq

[Lee]

lawrence said:

This example was given of how to add a newline to each line in a
textarea. I can imagine how to make this generic, but the example is
from 1999 and I'm wondering if this is still a valid way to go.

document.form1 .textarea.value += document.form1. text.value + '\n';
Yes. That's still the most reliable way to add text to the
end of a textarea, where "form1" is the NAME attribute of
the form, and "textarea" is the NAME attribute of the textarea.

Or, assuming I've a variable called myNewText, would this work better?
Would this work on all the major browsers?

document.getEl ementById(myTex tarea).value .= myNewText;
You mean += not .=
That will work if "myTextarea " is the ID attribute (not the NAME)
of the textarea AND if the browser is modern enough to support
getElementById( ).

I also saw this example from 2001. If I change "sendformre ply" to the
name of my textarea (or is it the id of the textarea?) then could I
make this work for me?

function addto_text(smil ey_txt) {
document.sendfo rmreply.body.va lue += ' ' + smiley_txt + ' ';
document.sendfo rmreply.body.fo cus();
}

In that example, "sendformre ply" is the name of the form,
and "body" is the name of the textarea.

[lawrence]

Randy Webb <Hi************ @aol.com> wrote in message news:<WI******* *************@c omcast.com>...

lawrence wrote:

How to add text to a textarea using javascript? Apparently this is a
popular question, because when I run the search on google, there are a
lot of returns:

http://groups.google.com/groups?hl=e...ang.javascript
However, all of the examples seem case specific, rather than generic.
I'm new to Javascript, so it is not so easy for me to take a specific
example and make it abstract enough to work as a generic function.

This example was given of how to add a newline to each line in a
textarea. I can imagine how to make this generic, but the example is
from 1999 and I'm wondering if this is still a valid way to go.

document.form1. textarea.value += document.form1. text.value + '\n';

Did you test it?

Your answer could offer some details. What is the best way to test it?
How does one debug in Javascript?

[Ben Measures]

lawrence wrote:

Randy Webb wrote:

Did you test it?

What is the best way to test it?
How does one debug in Javascript?

By using a browser with a script debugger. I recommend Mozilla Firefox.

http://www.mozilla.org/products/firefox/

--
Ben M.

[Lee]

lawrence said:

Randy Webb <Hi************ @aol.com> wrote in message
news:<WI****** **************@ comcast.com>...

lawrence wrote:

> How to add text to a textarea using javascript? Apparently this is a
> popular question, because when I run the search on google, there are a
> lot of returns:
>

http://groups.google.com/groups?hl=e...ang.javascript

>
>
> However, all of the examples seem case specific, rather than generic.
> I'm new to Javascript, so it is not so easy for me to take a specific
> example and make it abstract enough to work as a generic function.
>
> This example was given of how to add a newline to each line in a
> textarea. I can imagine how to make this generic, but the example is
> from 1999 and I'm wondering if this is still a valid way to go.
>
> document.form1. textarea.value += document.form1. text.value + '\n';

Did you test it?

Your answer could offer some details. What is the best way to test it?
How does one debug in Javascript?

You test it by creating a simple test case, as below.
I've also added a couple of alert()'s to show a simple
way to debug code:
<html>
<head>
<title>Testin g</title>
<script type="text/javascript">
function appendText(fiel d,str) {
alert("appendin g: \""+str+"\"" );
field.value += str;
alert("new value is: \""+field.value +"\"");
}
</script>
</head>
<body>
<form name="form1">
<input name="newText">
<input type="button"
value="append text"
onclick="append Text(this.form. myArea,this.for m.newText.value )">
<input type="button"
value="newline"
onclick="append Text(this.form. myArea,'\n')">
<br>
<textarea name="myArea" cols="40" rows="10">Initi al value.</textarea>
</form>
</body>
</html>