Highlight a Textbox's content on click - Javascript
Project Snapsta is on hold for a while. Mostly due to my other projects and attempts to improve college life with WordPress. One good thing we did on Snapsta is the auto select on click i.e. when you click a text box, the whole content gets selected, so as to facilitate you in easy copy-paste operations.
Now here's the elegant javascript which helps me do that -
<script language="javascript"><br /> function SelectAll(element)<br /> {<br /> element.focus();<br /> element.select();<br /> }<br /></script>
Just put it in your <head> portion or the common js file you include in most of the pages.
Now here comes the ease and beauty, where ever you've gotta put in this functionality, just add an onClick event to the textbox.
Here's how it looks like -
Now isn't that great easy to implement tiny piece of wonder-code :P
# example 1
<input id="foo" name="beep" value="i get selected :)"
onclick="SelectAll(foo);" type="text">
# example 2 - even better ;) notice 'this'
<textarea onclick="SelectAll(this);">
content to be selected
</textarea>
[ voila, you didn't even need an ID in example 2]
Try it -
Labels: javascript, web design
posted by Abhishek Mishra @ Wednesday, February 18, 2009
0 Comments
