Highlight Text Area

In the previous post about the Text Area, I'll add it again here this is Hightlight Text Area. Hopefully you will be more satisfied.
It the same as I discussed earlier, but the differently is the text this type, using the highlight button, so with the highlight button should make it easier for visitors to copy the whole text or code in the given. Because the only one click, all the text will be saved and just copy it. This facility is very useful when the text or code number given in so many and this will reduce the risk of lefting a text or code from the copying. Well, we started it.

Please copy the HTML code below in your post or where ever you want :

<div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Highlight All"> </div><div align="center"></div><p align="center"><textarea style="WIDTH: 300px; HEIGHT: 144px" name="txt" rows="100" wrap="VIRTUAL" cols="55">save your writing here, the the text that you entered will appear here and already to be copying by the visitors</textarea></p></div></form>

Will showing like this :



save your writing here, the the text that you entered will appear here and already to be copying by the visitors

Explanation :

All highlight key elements:

# <div align="center"> : The word of center showed that the position will be key in the middle, so if you want a position on the edge of the left, stay left instead to the words. And if you want to be on the edge of the right, stay right locker with the word.
# <input onclick="javascript:this.form.txt.focus();this.form.txt.selec()"></span> : This code means that when the highlight button is clicked, the entire text in it will be in highligt (the mark or in block), so you do not alter this paper.
# Value = "Highlight All" : Highlight All words are words that will appear in the button, so if you want to change this text please replace with the word you want.

Element text area:

# &ltp Align="left"> : This shows that the text area will be in the middle, well if you want your area text on the left side, replace the word center with left, if you want at the right edge, replace the word right.
# &lttext Style="WIDTH: 300px"> : the word "WIDTH: 300px" width of the text shows the area by 300 pixels, so if you want to shorten or extend the width of text area, your stay replace it with the number you want. eg: "WIDTH: 700px;"
# HEIGHT: 144px : number "144px" shows that the text area will have a high of 144 px, so if you want to change lives changed by the number you want. For example: HEIGHT: 160px.

Good luck to try. Thanks !!

Share This

• 
• 
• 
• 
• 
• 
• 

Subscribe Here