Display Result on Same Page??

by **hiyatran** on Sat Oct 02, 2010 4:45 pm

When I hit the submit button, the result are display on a new page. how do I force it to stay on the same page, here's my code.

Code: Select all: <HTML> <HEAD> <TITLE>Test Input</TITLE> <script type="text/javascript"> function addtext() { var newtext = document.myform.inputbox.value; document.writeln(newtext); } </script> </HEAD> <BODY> <FORM NAME="myform">Enter something in the box: <BR> <INPUT TYPE="text" NAME="inputbox" VALUE=""> <INPUT TYPE="button" NAME="button" Value="Check" onClick="addtext()"> </FORM> </BODY> </HTML>

any comments or suggestions would be greatly appreciated.

by **HotNoob** on Sat Oct 02, 2010 5:05 pm

Document.writeline is an obsolete function, it doesnt do what it's supposed to do, so instead, you will have to do this:

Code: Select all: <HTML> <HEAD> <TITLE>Test Input</TITLE> <script type="text/javascript"> function addtext() { var newtext = document.myform.inputbox.value; document.getElementById('returnValue').innerHTML = newtext; } </script> </HEAD> <BODY> <FORM NAME="myform">Enter something in the box: <BR> <INPUT TYPE="text" NAME="inputbox" VALUE=""> <INPUT TYPE="button" NAME="button" Value="Check" onClick="addtext()"> </FORM> <DIV id=returnValue> </DIV> </BODY> </HTML>