Hello, I have an input box and a button and when the user clicks the
button, the contents of the input box are placed on the page in list
form. But, when the enter key is used it's as if the page is reloaded
because the page is returned to its initial form with the list gone.
I also have some hidden fields that I make visible, which are also
returned to their hidden state. I'm hoping somebody can help me.
<HTML>
<HEAD> <TITLE>---</TITLE>
<script type="text/javascript">
function AddNewItem()
{
var html = aList.innerHTML ;
aList.innerHTML = html + "<BR>" +
"<INPUT TYPE=checkbox CHECKED NAME=cb1 >" +
frmCreateList.t ext0.value ;
if (submitList.btn SubmitGifts.sty le.visibility=" hidden")
{
aListHeader.sty le.visibility=" visible";
submitList.btnS ubmitGifts.styl e.visibility="v isible";
}
frmCreateList.t ext0.value = "";
frmCreateList.t ext0.focus();
}
</script>
</HEAD>
<BODY id="docBody">
<div style="BORDER-RIGHT: red 3px solid; PADDING-RIGHT:
10px; BORDER-TOP: red 3px solid; PADDING-LEFT: 10px;
Z-INDEX: -100; PADDING-BOTTOM: 10px; BORDER-LEFT: red
3px solid; WIDTH: 100%;
PADDING-TOP: 10px; BORDER-BOTTOM: red 3px solid;
HEIGHT: 95%">
<P align=center><F ONT face=Arial size=7>Please begin adding your
list...</FONT></P>
<P align=center><F ONT face=Arial size=7></FONT> </P>
<P align=center><F ONT face=Arial size=7></FONT> </P>
<P align=center>&n bsp;</P>
<center>
<form name="frmCreate List" action="CreateL ist.asp"
method="post">
<P> <INP UT id=text0 style="WIDTH: 300px" name=text0
width="300" maxlength=50>
<INPUT type="button" value="Add To List"
onclick="AddNew Item()">
</P>
</form>
</center>
<CENTER>  ;</CENTER>
<CENTER>  ;</CENTER>
<CENTER>
<DIV style="BORDER-RIGHT: green 3px solid; PADDING-RIGHT:
10px;
BORDER-TOP: green 3px solid;
PADDING-LEFT: 10px; Z-INDEX: -100;
PADDING-BOTTOM: 10px; BORDER-LEFT: green
3px solid; WIDTH: 40%;
PADDING-TOP: 10px; BORDER-BOTTOM: green
3px solid; HEIGHT: 30%">
<div align=top id=aListHeader style="VISIBILI TY: hidden"
<h2>Uncheck any item you do not want to submit.</h2>
</div>
<div id=aList>
</div>
<form id=submitList>
<INPUT type="button" name=btnSubmitG ifts value="Submit
List to Database"
OnClick="Submit Gifts"
style="VISIBILI TY: hidden">
</form>
</DIV>
</CENTER>
</div>
</BODY>
</HTML>