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

January 7, 2007 | Posted in Javascript | 11 Comments »

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>

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

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: