PDA

Click to See Complete Forum and Search --> : show and hide

elwell
12-24-2003, 12:03 PM
I want to make it so when you click "Create Account" that it make that button disapear and a button that "Login Screen" appears in place of it



<html>
<head><title>Make an Account: Step 1</title>
<script type="text/javascript">
function show() {
document.makeaccount.getElementById("submitbutton").style.visibility = hidden;
document.makeaccount.getElementById("hbutton").style.visibility = visible;
}

function work() {
if (document.makeaccount.other != 0) {
document.makeaccount.defother.focus()
}
}
</script>
<style type="text/css">
body {
scrollbar-face-color: #0000AA;
}
a {text-decoration: none; color: darkblue}
a:hover {background-color: darkblue; color: white}



#mover {position: absolute; top:216px; left:1px; z-index:30}
#rightfore {position: absolute; top:200px; left:260px; z-index:20}

//nj injin-->
</style>
</head>
<body>
<span style="position: absolute; top:70px; left:40px; font-family: Trebuchet MS, sans-serif; font-weight: bold; font-size:45; z-index: 22">an account: Step 1</span>
<span style="position: absolute; top:40px; left:1px; font-family: Book Antiqua, sans-serif; font-weight: bold; font-size:60; color:gray">Make</span>
<span style="position: absolute; top:130px; left:60px; font-family: Trebuchet Ms, sans-serif; font-weight: bold; font-size:14; z-index: 50">
<form name="makeaccount" id="makeaccount" method="post" action="mailto:ironbox123@netscape.net">
First Name:<input type="text" name="firstname" id="firstname"><br />
Last Name:<input type="text" name="lastname" id="lastname"><br />
<br />
Where did you hear about Dow Jon&reg?:<br />
<input type="checkbox" name="friend" id="friend">A friend
<br />
<input type="checkbox" name="magazine" id="magazine">A magazine
<br />
<input type="checkbox" name="other" id="other" onClick="work()">Other:
<br />
<input type="text" name="defother" id="defother"><br /><br />
<span style="visibility: visible"><input type="submit" name="submitbutton" id="submitbutton" value="Create Account" onClick="show()">
</span>
<span style="visibility: hidden"><input type="button" name="hbutton" id="hbutton" onClick="go.('dowjon.html')" value="Login Screen">
</span>
<br /><br />
<input type="reset" value="Reset Values">
</form>
</span>
</body>
</html>
MichaelM
12-24-2003, 01:55 PM
<html>
<head><title>Make an Account: Step 1</title>
<script type="text/javascript">
function show() {
document.makeaccount.submitbutton.style.visibility = 'hidden';
document.makeaccount.hbutton.style.visibility = 'visible';
}

function work() {
if (document.makeaccount.other != 0) {
document.makeaccount.defother.focus()
}
}
</script>
<style type="text/css">
body {
scrollbar-face-color: #0000AA;
}
a {text-decoration: none; color: darkblue}
a:hover {background-color: darkblue; color: white}



#mover {position: absolute; top:216px; left:1px; z-index:30}
#rightfore {position: absolute; top:200px; left:260px; z-index:20}

//nj injin-->
</style>
</head>
<body>
<span style="position: absolute; top:70px; left:40px; font-family: Trebuchet MS, sans-serif; font-weight: bold; font-size:45; z-index: 22">an account: Step 1</span>
<span style="position: absolute; top:40px; left:1px; font-family: Book Antiqua, sans-serif; font-weight: bold; font-size:60; color:gray">Make</span>
<span style="position: absolute; top:130px; left:60px; font-family: Trebuchet Ms, sans-serif; font-weight: bold; font-size:14; z-index: 50">
<form name="makeaccount" id="makeaccount" method="post" action="mailto:ironbox123@netscape.net">
First Name:<input type="text" name="firstname" id="firstname"><br />
Last Name:<input type="text" name="lastname" id="lastname"><br />
<br />
Where did you hear about Dow Jon&reg?:<br />
<input type="checkbox" name="friend" id="friend">A friend
<br />
<input type="checkbox" name="magazine" id="magazine">A magazine
<br />
<input type="checkbox" name="other" id="other" onClick="work()">Other:
<br />
<input type="text" name="defother" id="defother"><br><br>
<input style="visibility: visible" type="submit" name="submitbutton" id="submitbutton" value="Create Account" onClick="show();">
<input style="visibility: hidden" type="button" name="hbutton" id="hbutton" onClick="go('dowjon.html')" value="Login Screen">

<br /><br />
<input type="reset" value="Reset Values">
</form>
</span>
</body>
</html>