Ad:

JavaScript / DHTML / AJAX Discussion Thread
Unsolved
Views: 2500

Jul 18th, 2005

setting value is not sticking

Expand Post »

I'm trying to make a simple calculator and whenever I want to add text to the textfield(say a number) it will show up, then will dissapear.

JavaScript / DHTML / AJAX Syntax (Toggle Plain Text)
function display(number)
			{
				var x = document.form1.displayText;
				x.value = number;
			}
function display(number)
			{
				var x = document.form1.displayText;
				x.value = number;
			}

This is how I'm doing it, but why is the text dissapearing right after it appears?
Note: This method is called whenever one of the number buttons is clicked.

Similar Threads

newbie: need help setting up my network, router + firewall problems in Networking
help setting up web server in Linux Servers and Apache
Setting up a 2nd hard drive in Windows NT / 2000 / XP
setting up a new network in Networking
Video setting question in Monitors, Displays and Video Cards

server_crash

Reputation Points: 113

Solved Threads: 19

Postaholic

Offline

2,108 posts
since Jun 2004

Permalink

Jul 19th, 2005

Re: setting value is not sticking

It's impossible to tell with only the code you showed. Nothing in those two lines would cause the text to disappear.

tgreer

Team Colleague

Reputation Points: 227

Solved Threads: 37

Made Her Cry

Offline

1,697 posts
since Dec 2004

Permalink

Jul 19th, 2005

Re: setting value is not sticking

I know, that's what I don't understand. It' almost like it's refreshing the page or something. Here's the code I've got. I know the thing looks really ugly but I'm a beginner at JavaScript:

JavaScript / DHTML / AJAX Syntax (Toggle Plain Text)
<html><head>
		<title>JavaScript Calculator</title>	
		<script language="JavaScript" type="text/javascript">
			function display(number)
			{
				var x = document.form1.displayText;
				x.value = number;
			}
		</script>
      </head>
      <body>
        <form name="form1">
      	<table>
		<tr>
			<input type="text" name="displayText" size="30">
		</tr>
		<tr>
			<td><input type="submit" value="7" name="button7"
			     onClick="display('7')"></td>
			<td><input type="submit" value="8" name="button8"
			     onClick="display(8)"></td>
			<td><input type="submit" value="9" name="button9"
			     onClick="display(9)"></td>
			<td><input type="submit" value="/" name="buttonDivide"></td>
			<td><input type="submit" value="sqrt" name="buttonRoot"></td>
		</tr>
		<tr>
			<td><input type="submit" value="4" name="button4"
				onClick="display(4)"></td>
			<td><input type="submit" value="5" name="button5"
				onClick="display(5)"></td>
			<td><input type="submit" value="6" name="button6"
				onClick="display(6)"></td>
			<td><input type="submit" value="*" name="buttonMultiply"></td>
			<td><input type="submit" value="^2" name="buttonSquare"></td>
		</tr>
		<tr>
			<td><input type="submit" value="1" name="button1"
				onClick="display(1)"></td>
			<td><input type="submit" value="2" name="button2"
				onClick="display(2)"></td>
			<td><input type="submit" value="3" name="button3"
				onClick="display(3)"></td>
			<td><input type="submit" value="-" name="buttonMinus"></td>
			<td><input type="submit" value="1/x" name="buttonOneX"></td>
		</tr>
		<tr>
			<td><input type="submit" value="0" name="button0"
				onClick="display(0)"></td>
			<td><input type="submit" value="." name="buttonPeriod"></td>
			<td><input type="submit" value="+/-" name="buttonPlusOrMinus"></td>
			<td><input type="submit" value="+" name="buttonPlus"></td>
			<td><input type="submit" value="=" name="buttonEquals"></td>
		</tr>
	</table>
	</form>
     </body>
<html><head>
		<title>JavaScript Calculator</title>	
		<script language="JavaScript" type="text/javascript">
			function display(number)
			{
				var x = document.form1.displayText;
				x.value = number;
			}
		</script>
      </head>
      <body>
        <form name="form1">
      	<table>
		<tr>
			<input type="text" name="displayText" size="30">
		</tr>
		<tr>
			<td><input type="submit" value="7" name="button7"
			     onClick="display('7')"></td>
			<td><input type="submit" value="8" name="button8"
			     onClick="display(8)"></td>
			<td><input type="submit" value="9" name="button9"
			     onClick="display(9)"></td>
			<td><input type="submit" value="/" name="buttonDivide"></td>
			<td><input type="submit" value="sqrt" name="buttonRoot"></td>
		</tr>
		<tr>
			<td><input type="submit" value="4" name="button4"
				onClick="display(4)"></td>
			<td><input type="submit" value="5" name="button5"
				onClick="display(5)"></td>
			<td><input type="submit" value="6" name="button6"
				onClick="display(6)"></td>
			<td><input type="submit" value="*" name="buttonMultiply"></td>
			<td><input type="submit" value="^2" name="buttonSquare"></td>
		</tr>
		<tr>
			<td><input type="submit" value="1" name="button1"
				onClick="display(1)"></td>
			<td><input type="submit" value="2" name="button2"
				onClick="display(2)"></td>
			<td><input type="submit" value="3" name="button3"
				onClick="display(3)"></td>
			<td><input type="submit" value="-" name="buttonMinus"></td>
			<td><input type="submit" value="1/x" name="buttonOneX"></td>
		</tr>
		<tr>
			<td><input type="submit" value="0" name="button0"
				onClick="display(0)"></td>
			<td><input type="submit" value="." name="buttonPeriod"></td>
			<td><input type="submit" value="+/-" name="buttonPlusOrMinus"></td>
			<td><input type="submit" value="+" name="buttonPlus"></td>
			<td><input type="submit" value="=" name="buttonEquals"></td>
		</tr>
	</table>
	</form>
     </body>

server_crash

Reputation Points: 113

Solved Threads: 19

Postaholic

Offline

2,108 posts
since Jun 2004

Permalink

Jul 19th, 2005

Re: setting value is not sticking

That's exactly what's happening, because of all your submit buttons. You are submitting the form... that's not what you want to do. Change all the "submit" to "button".

tgreer

Team Colleague

Reputation Points: 227

Solved Threads: 37

Made Her Cry

Offline

1,697 posts
since Dec 2004

Permalink

Jul 19th, 2005

Re: setting value is not sticking

THANK YOU so much. I would have never spotted or known what was happening.

Thanks for helping.

server_crash

Reputation Points: 113

Solved Threads: 19

Postaholic

Offline

2,108 posts
since Jun 2004

This thread is more than three months old

No one has posted to this discussion for at least three months. Please let old threads die and do not reply to them unless you feel you have something new and valuable to contribute that absolutely must be added to make the discussion complete. Otherwise, please start a new thread in this forum instead.

Previous Thread in JavaScript / DHTML / AJAX Forum Timeline: Problem using onload

Next Thread in JavaScript / DHTML / AJAX Forum Timeline: Please i need some help with js

DaniWeb Message

Cancel Changes

User Name
Password