How to create mouse hover auto text selection in text box?
|Photo credit: Idea go|
We have already discussed about how to create text area in one of the earlier posts. Today we will see how to create a text area with auto selection feature on mouse hover.
Advantage: If a text box has long text in it, which becomes difficult for us to select, you can easily use this feature with just a mouse hover on the text. Your job is made so simple that, you need not even click on select all option to select the text in the text area. If you want someone to link back to your site, this is an easy way.
This can be used on your Blogger pages as well as on your site.
Steps to Follow:
1. Blogger Dashboard > Layout > Add a Gadget.
3. Paste the following code in it: (Or paste directly into your HTML part of the post)
||<textarea rows=”6″ cols=”25″ onfocus=”this.select()” onmouseover=”this.focus()” style=”display: inline;” name=”txt” onclick=”this.focus();this.select()”>
Enter Your Valuable Content Here For Selection. (Replace this section)
This can be directly pasted on your post HTML section as well. Here as in this demo below:
Hope you liked this tutorial, it is a very simple trick to implement. Please help yourself and enjoy the learning. Thanks for reading..
Incoming search results:
Mouse hover auto text
Mouse hover auto selection
Auto selection text box
Auto selection text area