Tom's Guide | Tom's Hardware | Tom's Games
 |
 |
 |
Hello y'all, I am trying to put a feature one of my webpages so that when you click a button, a textarea will appear. The code I am currently using to do that job is this:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
<title>Add input</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"><script type="text/javascript">
function addInput(f) {
var aInputs=f.getElementsByTagName('input');
for(var i=0; i<aInputs.length; i++) {
if(aInputs[i].className=='hide') {
aInputs[i].className='';
break;
}
}
}
</script><style type="text/css">
input {display:block;}
.hide {display:none;}
</style></head>
<body>
<form action="#" name="form1">
<div>
<input type="text" name="txt1">
<input class="hide" type="text" name="txt2">
<input class="hide" type="text" name="txt3">
<input class="hide" type="text" name="txt4">
<input class="hide" type="text" name="txt5">
<button type="button" onclick="addInput(this.form);">Add</button>
</div>
</form>
</body>
</html>
I found this code on the internet, it works fine except the text area is an input box and not a textarea. I have tried changing the "input" to "textarea" and setting the size, but the page wouldn't load. Is there any
explanation why this would happen? Does anyone know how to fix this problem or have a different script that I can use? Please let me know.
You know if you use jQuery you can literly do all of that in this much javascript:
$('button').click(function() { $('input').toggle(); });
?
It's so much easier...I love not having to use PITA getElementById and TagNames and onClick blah blah's any more
Just my two cents.
0 
maybe you can help me with my new question then:
http://www.computing.net/answers/wi...
oh and how would I place that in my script?
0  |
 |
 |
| Login or Register to Reply | |
| Login | Register |
| Ads by Google |
