Insert Text in to Text Area with link

[nzol]

Hi,

I am wanting to insert text into a text area when a button or link is clicked. I know how to replace the whole lot in the text area, but I want it to insert text where the flashing cursor is in the text box. (Like Wikipedia)

If any one can help, Then I will be very, very greatfull.

Thank You.

[SSCR9]

First, you should call a form. In this case, I wrapped it in a table, although you could easily wrap it in any DIV.

<form name="form">
<table><tr>
<td>
<!-- Here's the link --> 
<a href="#" onClick="javascript:textaddition();"></a>
</td>
<td>
<!-- Text box (adjustable with CSS or whatever) -->
<textarea name="input"></textarea></td>
</tr></table>
</form>

Then you're going to call it with some JavaScript:

<script language="javascript" type="text/javascript">
function textaddition() {
	var text = This value can be set to anything, even another textbox;
	document.form.input.value += text;
}
</script>

I don't know, I didn't test it. Just wrote it now. But it should work.
Maybe someone else can make it better or something. Have other things to work on now. Would love to see the final result, however. I could use something like this eventually.

[Philip M]

SSCR9 - the OP wants to insert text, not simply append it.

Try this:-

<form name = "myform">
<textarea name = "txta" rows = "10" cols = "50">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam ipsum leo, scelerisque at dapibus ac, consectetur vel ipsum. Morbi et metus ut diam molestie ullamcorper. Suspendisse rutrum semper semper. Donec volutpat neque in lorem tempus scelerisque. </textarea><br>
<textarea name = "txtb" rows = "10" cols = "50"></textarea>

<br><br>
<input type = "button" value = "Add This Text At Cursor In First Textbox" onclick = "insertAtCursor(document.myform.txta, document.myform.txtb.value)">

</form>

<script type = "text/javascript">

function insertAtCursor(myField, myValue) {
//IE support
if (document.selection) {
myField.focus();
sel = document.selection.createRange();
sel.text = myValue;
}
//MOZILLA/NETSCAPE support
else if (myField.selectionStart || myField.selectionStart == '0') {
var startPos = myField.selectionStart;
var endPos = myField.selectionEnd;
myField.value = myField.value.substring(0, startPos)
+ myValue
+ myField.value.substring(endPos, myField.value.length);
} else {
myField.value += myValue;
}
}

</script>

Quizmaster: The Garden of Gethsemane in Jerusalem is at the foot of the Mount of ... what?
Contestant: Everest.

[SSCR9]

Phillip M - Wouldn't that just add text if the cursor was within the box? And no.. my script added the text, it didn't just add a "value=" I just tried it in firefox.