Javascript

**dushkin** · Feb 5 '12, 12:43 AM

A simple google search turned up with this link

http://www.webmasterworld.com/forum91/441.htm

In case you don't know where to look on that page, I'll paste the code onto here

Code:

<script language=javascript type='text/javascript'>
function hideField() {
if (document.getElementById) { // DOM3 = IE5, NS6
document.getElementById('textField').style.visibility = 'hidden';
}
else {
if (document.layers) { // Netscape 4
document.textField.visibility = 'hidden';
}
else { // IE 4
document.all.textField.style.visibility = 'hidden';
}
}
}

function showField() {
if (document.getElementById) { // DOM3 = IE5, NS6
document.getElementById('textField').style.visibility = 'visible';
}
else {
if (document.layers) { // Netscape 4
document.textField.visibility = 'visible';
}
else { // IE 4
document.all.textField.style.visibility = 'visible';
}
}
}
</script>

The HTML for the text field

Code:

<input type="text" id="textField" />

And the buttons

Code:

<input type="button" id="showField" onclick="showField()" />
<input type="button" id="hideField" onclick="hideField()" />

**Moh Alaj** · Feb 5 '12, 01:06 AM

thank you dushkin but it seems the textfield is already there ...i need it visible unless i clicked on the button
thank you again

**dushkin** · Feb 5 '12, 01:20 AM

If you are asking "How do I make a text field invisible upon the page loading?" then instead of a plain <body> tag, use <body onload="hideFie ld()">

If your not asking that, and your asking "How do I make a text field disappear when I press the button" use the code I gave you above
<input type="button" id="hideField" onclick="hideFi eld()" />

Javascript

Javascript

Comment

Comment

Comment