Clipper - A Coupon Management Application Theme for WordPress created by AppThemes
Advertisements

How To Make Text Area With Auto highlight on Mouse Over

Posted by Lasantha Bandara on August 24th, 2014 File Under : html, text boxes3 Comments
Advertisements

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.

File Under : html, text boxes

3 Responses to “How To Make Text Area With Auto highlight on Mouse Over”

  1. heru says:

    thank bro

  2. -º_Rzm_º- says:

    Thanks.

  3. Dody Farial says:

    Thanks, good post

Leave a Reply