Reset the Textarea cursor position at start when click on it

[S Nikam]

Hi ,
I am creating dynamically one textarea as follows

<textarea cols="30" rows="3" name="rem[<%= row%>]">
</textarea>

When this page is loaded and when I click on textarea it goes in the middle of 1st row.
I have to click explicitly at start position to bring the cursor at start position.

I want this cursor by default at 1st position when click on it.
How I can do it.Please help.

Thanks
ssn

[Bear Bibeault]

There is nothing in JSP to help you with this. Moved to the HTML forum.

[S Nikam]

I am using below function to remove the whitespaces.
But it will remove whitespaces only from first remark textarea field.

<textarea id="remarks" cols="30" rows="3" name="rem[<%= row%>]" >
</textarea>

function removeTextAreaWhiteSpace() {
var myTxtArea = document.getElementById('remarks');
myTxtArea.value = myTxtArea.value.replace(/^\s*|\s*$/g,'');
}

Thanks
ssn

[Bear Bibeault]

What do you mean by "first"? If you have more than one control with the same id value, your markup is invalid.

[S Nikam]

yes bear,thats right.

I am creating textarea controls dynamically depending on records from DB.

Now I have passed removeTextAreaWhiteSpace(this) on control and its working.

<textarea id="remarks" cols="30" rows="3" name="rem[<%= row%>]" onClick="javascript:removeTextAreaWhiteSpace(this)";>

Its weird,as when I click in the middle(where white spaces end), the cursor will be moved from middle to start position.

Thanks
ssn

[Bear Bibeault]

If you markup is invalid, there's n telling what will happen. Each id value must be unique.