<HEAD>
<TITLE>Netprog JavaScript Demos - Netscape Layers</TITLE>
<SCRIPT>
function showlayer1() {
if (navigator.appName == "Microsoft Internet Explorer") {
alert("You need Netscape to run this!");
return;
}
document.layer1.visibility = "show";
document.layer2.visibility = "hidden";
}
function showlayer2() {
if (navigator.appName == "Microsoft Internet Explorer") {
alert("You need Netscape to run this!");
return;
}
document.layer2.visibility = "show";
document.layer1.visibility = "hidden";
}
</SCRIPT>
</HEAD>
<Layer Name=layer1 visibility=hidden left=5 right=5 WIDTH=100% BGCOLOR=ORCHID>
<BR>
Please login (or press "Register" if you are not a member):
<FORM>
<TABLE>
<TR>
<TD>Email:</TD><TD><INPUT TYPE=TEXT NAME=name></TD>
</TR>
<TR>
<TD>Password </TD><TD><INPUT TYPE=PASSWORD NAME=pw></TD>
</TR>
<TR>
<TD COLSPAN=2><INPUT TYPE=SUBMIT VALUE="Login"</TD>
</TR>
</TABLE>
</FORM>
</LAYER>
<LAYER Name=layer2 visibility=hidden left=5 right=5 WIDTH=100% BGCOLOR=YELLOW>
<BR>
Please fill out the entire registration form to create your account:
<FORM>
<TABLE>
<TR>
<TD ALIGN=RIGHT>Full Name</TD><TD><INPUT TYPE=TEXT NAME=name></TD>
<TD ALIGN=RIGHT>Email address:</TD><TD><INPUT TYPE=TEXT NAME=email></TD>
<TD ALIGN=RIGHT>Annual Income</TD><TD><INPUT TYPE=TEXT NAME=income></TD>
</TR>
<TR>
<TD ALIGN=RIGHT>Password</TD><TD><INPUT TYPE=PASSWORD NAME=pw></TD>
<TD ALIGN=RIGHT>Height (in centimeters):</TD><TD><INPUT TYPE=TEXT NAME=height></TD>
<TD ALIGN=RIGHT>Number of CDs you own:</TD><TD><INPUT TYPE=TEXT NAME=cds SIZE=3></TD>
</TR>
<TR>
<TD COLSPAN=3><INPUT TYPE=SUBMIT VALUE="Register"></TD>
</TR>
</TABLE>
</FORM>
</LAYER>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<BR>
<CENTER>
<FORM Name=frm>
<INPUT TYPE=BUTTON Name=layer1 Value="Login to an existing account" onClick="showlayer1()">
<INPUT TYPE=BUTTON Name=layer2 Value="Create new account" onClick="showlayer2()">
</FORM>
<HR>
</CENTER> |