Click to Hightlight all text: It’s Easier than you think.

January 7, 2007 | Posted in Javascript |

If you want your users to click on a text area and automatically highlight all of the text, there is a very simple way to do it. This does not require external javascript at all. It’s no "copy code" button, but if the user clicks inside the text area, this bitt of code will hightlight all of the text in that textfield.

Add the following code to any < textarea > tag:

onclick="javascript:select();"

Example:

<textarea cols="50" rows="3" onclick="javascript:select();"> Highlight this text</textarea>

Related Posts:

  1. How to Vectorize Text with 1 click - Photoshop CS2
  2. Photoshop 101: Edit Text Faster
  3. How to delete all Hidden Layers at the same time in Adobe Photoshop
  4. Illustrator 101: Escape Text Boxes without the Mouse
  5. How to get your Applications Folder in your Dock - Mac OS X
  6. Glossy Vector Web 2.0 Logo Text in 5 Easy Steps

This entry was posted on Sunday, January 7th, 2007 at 3:46 am and is filed under Javascript. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.
Stumble It
Add to Del.icio.us

Did you like this post?

Digging and sharing is a great way to say thanks!

11 Responses to “Click to Hightlight all text: It’s Easier than you think.”

  1. Spook Central: The Ghostbusters Companion Jun 30, 07 at 12:37 am

    This is a nice little snippet of Javascript. I’ve put it to great use on my site. Thanks.

  2. Durand Jul 14, 07 at 5:04 am

    Thanks! Found this really useful.

  3. Susan Aug 9, 07 at 1:38 pm

    Thanks! I’ve been looking for this script for a while.

  4. Bankruptcy blog » Ogden tables Dec 19, 07 at 12:53 pm

    [...] Click to Hightlight all text: It’s Easier than you think. | BittBox Click to Hightlight all text: It’s Easier than you think. Posted on January 7th, 2007 by BittBox. If you want your users to click on a text area and [...]

  5. maswey Jan 19, 08 at 11:48 am

    thanks !

  6. Estetik Jan 22, 08 at 6:24 pm

    thanks !

  7. Cnc Kesim Jan 25, 08 at 2:29 pm

    It’s no “copy code” button, but if the user clicks inside the text area, this bitt of code will hightlight all of the text in that textfield.

    this very good for me thanks for this post

  8. PHP Video Tutorials Feb 15, 08 at 5:16 am

    Thanks - that is a really helpful snippet of code. It will be especially helpful when creating code sample boxes.

  9. yoxx Feb 28, 08 at 10:24 pm

    thanks…

  10. wG Jun 29, 08 at 1:17 am

    cool .. nice script

  11. Nimol Jun 8, 09 at 7:38 pm

    Thx.It’s useful!

LEAVE A COMMENT




Message: