I have a textarea in an asp page and I have an attribute to insert * symbol in the textarea upon a click in the textarea. Using "<textarea name="text" onfocus="if(this.value=='') this.value='*';">"

The problem is that the cursor returns to the start position but I want the cursor to remain in the position after the * symbol is automatically inserted. How can this be done?

This should work:


<textarea name="myTextArea" onClick="placeText(this,'*')"></textArea>

<script>
function placeText(txtArea, txt) {
if(txtArea.value!="") return;

txtArea.value=txt;
//FF will automatically put the cursor at the end so skip this IE specific part...
if(navigator.userAgent.toLowerCase().indexOf("msie") != -1) {
var range = txtArea.createTextRange();
range.moveStart('character', 1);
range.select();
}
}
</script>