Toggling visibility?

**kraftomatic** · Aug 27, 2003 09:05

Hey Guys,

I have a page that displays information for a given user. I have an "Update" button and when the user clicks it, I want to have a textbox (form) appear below the button. How would I do that?

Here's what I have:

<input type="button" class="button" value="Update" onClick="newFunk();">

<input name="tada" type="button" class="button" value="Tada" style="visibility:hidden">

And the function:

function newFunk(chosen) {
document.myForm.tada.style.visibility = 'visible';
}

Any idea what I'm doing wrong?

Thanks.

**redemption** · Aug 27, 2003 09:18

Code:

<script type="text/javascript">
function newFunk(chosen) {
document.myForm.tada.style.display  = '';
}
</script>

<form name="myForm">
<input type="button" class="button" value="Update" onClick="newFunk();">

<input name="tada" type="button" class="button" value="Tada" style="display: none;">
</form>

This works in Moz Firebird and IE6.

**Vincent Puglia** · Aug 27, 2003 09:22

Hi,

If you are running on IE, you only need to change the button to a box. If not, you have a create a div, place the 'hidden' form elements in it, and then by using the appropriate DOM either rewrite the div or change the innerHTML. (if interested, see the "Introduction to dHTML" script/tutorial at my site -- GrassBlade )

This works in IE 6:

Code:

<script>
function newFunk(formObj) {
formObj.tada.style.visibility = 'visible';
formObj.tadatxt.style.visibility = 'visible';
}
//-->
</script>
</head>
<body>
<form name="myForm">
<input type="button" class="button" value="Update" onClick="newFunk(this.form);">
<input name="tada" type="button" class="button" value="Tada" style="visibility:hidden">
<input name="tadatxt" type="text" class="button" value="Tadatxt" style="visibility:hidden">

Vinny

User Tag List

Thread: Toggling visibility?

Thread Tools

Display

Toggling visibility?

Bookmarks

Bookmarks

Posting Permissions