List of options for textarea using javascript

[pstiles]

I have a need to create a list in a textarea, some selected by clicking on a word, some typed in by user. I have tried many things to little avail. I can set the text in the texarea, but it will not create a list nor add new items to the list. Anyone got any ideas?

[Niheel]

Can you show us a link to an example form that uses what you want? I am not sure what you mean by list in a text area?

[pstiles]

I haven't found one. I am thinking it might can be done using javascript, simulating writing to the textarea.
Basically, I will have a table with a textarea in one cell, and single word selections in the other cells whose values can be added to the textarea if the user clicks on it.
If they do not like the selections, they have the option to type in other single words of their own choosing at the bottom of the textarea.

[Niheel]

haha, ah yes . . that is doable. You got me worried for a sec. I thought is this person asking to have a list inside the text area.

A good example of this is right in the forms of thescripts.com If you click on "Go Advanced" button in the quick reply form you will notice a bunch of smiley's and link buttons around the box. If you click on one, it will add stuff to the text area.

You are right you will need to use javascript.

Here is a good tutorial to start out, it might not do exactly what you want but the concept it very similar. The information might help you figure it out.

Add text to textarea or text field

[pstiles]

Thanks for your response. Actually, you had it right the first time, though. I am trying to create a list in a text area. I saw your example early in the search and it might work, but they also want to be able to choose from a visual table some set terms, as well as write some terms. It is kind of a hybrid selection and textarea box.

I may need to go with the example you have provided as it may be another user "unicorn" that would fly like a stone anyway, but I thought I would try.

haha, ah yes . . that is doable. You got me worried for a sec. I thought is this person asking to have a list inside the text area.

A good example of this is right in the forms of thescripts.com If you click on "Go Advanced" button in the quick reply form you will notice a bunch of smiley's and link buttons around the box. If you click on one, it will add stuff to the text area.

You are right you will need to use javascript.

Here is a good tutorial to start out, it might not do exactly what you want but the concept it very similar. The information might help you figure it out.

Add text to textarea or text field

[pstiles]

:p
Hey, you are right, the one with the emoticons does just what I need it to do!
I was looking at the selection box you have on another page.
How is that set up?

haha, ah yes . . that is doable. You got me worried for a sec. I thought is this person asking to have a list inside the text area.

A good example of this is right in the forms of thescripts.com If you click on "Go Advanced" button in the quick reply form you will notice a bunch of smiley's and link buttons around the box. If you click on one, it will add stuff to the text area.

You are right you will need to use javascript.

Here is a good tutorial to start out, it might not do exactly what you want but the concept it very similar. The information might help you figure it out.

Add text to textarea or text field

[Niheel]

I believe it's an onclick event that adds the data to the form via javascript. So "OnClick" image of smiley, smiley text is added to text area form.

These are the keywords i would search for in google: onclick, textarea, javacsript.

Keep us updated on what kind of solutions you run into.

[pstiles]

javascript:

 
<script language="javascript" type="text/javascript">
function addtext(newtext) { 
    document.myform.mytextarea.value = document.myform.mytextarea.value+= newtext;
}
</script>

HTML: Down in a table of "talents, skills, hobbies"

 <form name="myform"> 
<table ...>
<textarea name="mytextarea" cols=25 rows=15><talents></textarea>
....
<A href="javascript:addtext('Fishing\r');">4-H</A>
 

THANK YOU!