How To Make Text Area With Auto highlight on Mouse Over

Posted by Lasantha Bandara File Under : html, text boxes 3 Comments

If you want to add a text-area with the auto highlight its content when mouse-over, this simple tutorial will help you.

1.Login to your Blogger account and go to "Layout" of your blog.

2.Click on 'Add a Gadget' link from the section you need to add it.

3.Select 'HTML/JavaScript' and add the code given below and click save.

<textarea rows="5" cols="50" onfocus="this.select()" onmouseover="this.focus()" onclick="this.focus();this.select()">

Enter Your Content Here

</textarea>

Note : Remember to replace Enter Your Content Here with your real content.

Example:

<textarea rows="5" cols="50" onfocus="this.select()" onmouseover="this.focus()" onclick="this.focus();this.select()">

Tips for Bloggers for easy blogging and Making Money.blogger,blogspot tips and tricks.A dummies guide, templates,designs,widgets, JavaScript,HTML codes,SEO,Google AdSense,gadgets,how to monetize Blogger or blogspot blogs.

</textarea>

Look at the result below:

Note: If you don't want to add it as a Blogger widget, then you can add above code into "Edit HTML" of your blogger theme or into a post. If you are going to add it into a post, add it into post editor in HTML mode.

3 thoughts on “How To Make Text Area With Auto highlight on Mouse Over

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.