Tek-Tips is the largest IT community on the Internet today!
Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!
-
Congratulations MikeeOK on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!
First line of default text in a <textarea> starts at the center?
- Thread starter other3
- Start date
greedyzebra
Technical User
This will center the first line of your default text. You should be able to figure out how to do more lines if you want.
<html>
<body onload="centerIt()">
<script language="javascript">
function centerIt()
{
var box = document.getElementById('txtBox');
var defaultString = "Hello World";
//determine how many spaces move over to center
var leftPos = (box.cols - defaultString.length)/2;
var newString = "";
//add that mant spaces to the beginning of the new string
for (var i=0; i < leftPos; i++)
newString += " ";
//If you don't put a space after the string, strings containing
//no strings will not be printed (don't know why)
newString += defaultString + " ";
box.innerHTML = newString;
}
</script>
<form method="POST">
<p><textarea rows="2" name="txtBox" id="txtBox" cols="20"></textarea></p>
</form>
</body>
</html>
If you want all text in the text area to be centered use:
<textarea rows="2" name="txtBox" id="txtBox" cols="40" style="text-align:center"></textarea>
Hope that helps.
<html>
<body onload="centerIt()">
<script language="javascript">
function centerIt()
{
var box = document.getElementById('txtBox');
var defaultString = "Hello World";
//determine how many spaces move over to center
var leftPos = (box.cols - defaultString.length)/2;
var newString = "";
//add that mant spaces to the beginning of the new string
for (var i=0; i < leftPos; i++)
newString += " ";
//If you don't put a space after the string, strings containing
//no strings will not be printed (don't know why)
newString += defaultString + " ";
box.innerHTML = newString;
}
</script>
<form method="POST">
<p><textarea rows="2" name="txtBox" id="txtBox" cols="20"></textarea></p>
</form>
</body>
</html>
If you want all text in the text area to be centered use:
<textarea rows="2" name="txtBox" id="txtBox" cols="40" style="text-align:center"></textarea>
Hope that helps.
- Status
Similar threads
- Locked
- Question
- Locked
- Question
- Locked
- Question