Showing posts with label Highlight all text by clicking textfield or textarea. Show all posts
Showing posts with label Highlight all text by clicking textfield or textarea. Show all posts

Thursday, June 17, 2010

Javascript: Highlight all text by clicking textfield or textarea

Sample:

Textarea:


Input TextBox:


Code:

The script is really very simple. Text field must have unique identifier, this indentifier will be passed to the SelectAll() function. The function call only two methods: focus() and select().


<script type="text/javascript">
function SelectAll(id)
{
document.getElementById(id).focus();
document.getElementById(id).select();
}
</script>

Textarea:<br>
<textarea rows="3" id="txtarea" onClick="SelectAll('txtarea');" style="width:200px" >This text you can select all by clicking here </textarea>

Input TextBox:<br>
<input type="text" id="txtfld" onClick="SelectAll('txtfld');" style="width:200px" value = "This text you can select all" />



If you find this useful, would you like to buy me a drink? No matter more or less, it will be an encouragement for me to go further. Thanks in advance!! =)