Looking for an answer for best code.

RNK Concepts · 11-20-2008, 01:05 PM

Hello,

I have an online form that I am building in PHP. Basically, I need the user to fill out certain form fields, and when those fields are completed, I need to automatically post the data in those fields into fields within an equation that is visible on screen. The following picture shows the circled area and where it should appear in the equation.

I am currently trying to use $POST data ... But I'm thinking that ajax would work much better ... Any ideas?

Any links to the code that may help is greatly appreciated!

Thanks.

leonid · 11-20-2008, 01:57 PM

I don't quite understand the flow.

You have 6 input fields, but only 3 x'es

if x is a placeholder (in the equation) for the input field, then shouldn't you have 6 of them?

RNK Concepts · 11-20-2008, 02:18 PM

Actually the "x" is suposed to represent a multiplication sign ... The area directly before the "x" should 'echo' the result of what the user types into the After Repair Value field ... I need this to happen instantly also ... As soon as the user clicks another field ... I want the submitted value to appear in the 'equation' and when they click calulate ... The result is shown after the Offer label.

Does that make sense?

Basically I want them to see how the equation works ...

Thanks

Capo64 · 11-20-2008, 04:12 PM

You need JavaScript for this (or atleast that's the most sensible solution).

set up your form like this:

Code:

<form>
Value 1: <input onchange="calc();" type="text" name="value1" id="value1" />
Value 2: <input onchange="calc();" type="text" name="value2" id="value2" />
etc.
</form>

<div id="equation"></div><input type="button" value="Calculate" onclick="calc();" />
<div id="total"></div>

and the JavaScript would be:

Code:

<head>
<script type="text/javascript">
calc() {
document.getElementById('equation').innerHTML =
document.getElementById('value1').text + ' x ' + document.getElementById('value2').text + ' - ' +
document.getElementById('value3').text + ' = ' + (document.getElementById('value1').text * document.getElementById('value2').text - document.getElementById('value3').text);
}
</script>
</head>

I hope that's enough for you to create your own version 'cause I don't feel like typing anymore lol

leonid · 11-20-2008, 04:14 PM

OK,

in that case you don't need Ajax (ajax goes to the webserver).
All you need is some javascript to manipulate the page directly in the browser.

something along these lines:

input type="text" onblur="document.getElementById('target1').innerHT ML = this.value"

div id="target1">

leonid · 11-20-2008, 04:18 PM

Capo64:

How did you create those code sections?

Capo64 · 11-20-2008, 05:39 PM

surround your text with [ CODE][ /CODE] (without spaces)

You seem to be trying to make this more complicated than it has to be. JavaScript is more than capable of performing simple math equations. If you wanted to log the values that people were putting in, or do something a little more advanced, you might want to use AJAX with PHP. Not for this though..

leonid · 11-20-2008, 06:18 PM

Capo64: great, thanks!!!

Code:

<input type="text" name="test">test test</input>

RNK Concepts · 11-21-2008, 08:18 AM

Capo:

Thanks for the info ... I think that what I explained seems a bit more complex than what it is supposed to be. I just need whatever the user types in the input field to immediately appear in the equation ... I agree that Javascript will work ... I just wanted to confirm that.

I figured php would not because of the server side processing.

Thanks for the advice ... Now I can start to put this thing together.