Wednesday, March 31, 2010
Creating a Text Area
What is a text area? Text area is an area or a place to store the text or writings by forming a new area. Usually text this area in use to storing codes HTML nor text others order could in copy by visitors.
To create a text area, please you copy the code below:
<p align="center"><textarea name="code" rows="6" cols="20"> Write text or code you want here, then your article will appear later in the text area </textarea></p>
Sebagai contoh :
Description:
rows = "6", shows the height of the text area, so if you want the text area to high then please replace the number "6 had a higher number value.
Cols = "20", shows the width of the text area. If you want a wide text area then please replace the number "20" had a higher number value.
Highlight Text Area using
There are other variations of these make text area, namely text area using button highlights. with the key highlights of this will make it easier for visitors to copy the whole text or the codes given, because with just a single tap on the key highlights in this course, then the entire text or code in it will be in the highlights and live in copy only. The facility is very useful when text or codes in the given role in very large quantity and this will reduce the risk tertinggalnya a text or code to be copied. To create a text area using this highlight you please copy the HTML code below:
<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, then the text you write will appear here and ready to be copied by the visitors</textarea></p></div></form>
In order to better understand your code above, I will describe a little. The above code has two parts elements, namely elements of the code to create a button that reads Highlight All, and the second is the element code to make text area.
All highlight key elements:
<div align="center"> -> center said showed that the position would be in the middle of the button, so if you want to position the switch is on the edge of the left, stay left instead of with words. And if you want to be on the edge of the right, right to live instead of with words.
<input onclick="javascript:this.form.txt.focus();this.form.txt.selec()"> -> This code means that when the key highlights at the click, then the entire text is 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:
<p align="center"> -> this shows that the text area will be in the middle, well if you want your text area located at the left edge, replace the word center with left, if you want at the right edge, replace it with the right words .
<text style="WIDTH: 300px"> -> the word "WIDTH: 300px" width of the text shows this area as much as 300 pixels, so if you want to shorten or extend the width of text area, you just replace them with numbers you want. eg: "WIDTH: 700px;"
HEIGHT: 144px -> number "144px" shows that the text area will have a height of 144 px, so if you want to change it instead of living it by the number you want. Example: HEIGHT: 160px.
Sample text area using button highlighted above, includes skript to protect our visitors from the right click. This skript in life if you do not want your writing on the copy and paste by visitors. for interested please copy and put in your HTML code between the code <HEAD> and </HEAD>
To create a text area, please you copy the code below:
<p align="center"><textarea name="code" rows="6" cols="20"> Write text or code you want here, then your article will appear later in the text area </textarea></p>
Sebagai contoh :
Description:
rows = "6", shows the height of the text area, so if you want the text area to high then please replace the number "6 had a higher number value.
Cols = "20", shows the width of the text area. If you want a wide text area then please replace the number "20" had a higher number value.
Highlight Text Area using
There are other variations of these make text area, namely text area using button highlights. with the key highlights of this will make it easier for visitors to copy the whole text or the codes given, because with just a single tap on the key highlights in this course, then the entire text or code in it will be in the highlights and live in copy only. The facility is very useful when text or codes in the given role in very large quantity and this will reduce the risk tertinggalnya a text or code to be copied. To create a text area using this highlight you please copy the HTML code below:
<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, then the text you write will appear here and ready to be copied by the visitors</textarea></p></div></form>
In order to better understand your code above, I will describe a little. The above code has two parts elements, namely elements of the code to create a button that reads Highlight All, and the second is the element code to make text area.
All highlight key elements:
<div align="center"> -> center said showed that the position would be in the middle of the button, so if you want to position the switch is on the edge of the left, stay left instead of with words. And if you want to be on the edge of the right, right to live instead of with words.
<input onclick="javascript:this.form.txt.focus();this.form.txt.selec()"> -> This code means that when the key highlights at the click, then the entire text is 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:
<p align="center"> -> this shows that the text area will be in the middle, well if you want your text area located at the left edge, replace the word center with left, if you want at the right edge, replace it with the right words .
<text style="WIDTH: 300px"> -> the word "WIDTH: 300px" width of the text shows this area as much as 300 pixels, so if you want to shorten or extend the width of text area, you just replace them with numbers you want. eg: "WIDTH: 700px;"
HEIGHT: 144px -> number "144px" shows that the text area will have a height of 144 px, so if you want to change it instead of living it by the number you want. Example: HEIGHT: 160px.
Sample text area using button highlighted above, includes skript to protect our visitors from the right click. This skript in life if you do not want your writing on the copy and paste by visitors. for interested please copy and put in your HTML code between the code <HEAD> and </HEAD>
Subscribe to:
Post Comments (Atom)


0 comments:
Post a Comment