I'm definitely not an expert, but I'll take a crack at this...
You have text input fields here, but they are not part of a form. As far as I know, the only way to get variables from Javascript to PHP is to submit them as form variables. On the page which is called by the form's ACTION statement, the variables will be stored in either $GET (if you used the GET method to submit your form) or $POST (if you used the POST method to submit your form). I believe you can find lots more info on $GET and $POST by looking up 'superglobals' on php.net.
As far as displaying the user selected values to the user before they are submitted, I would look at onChange() and innerHTML. Basically, whenever a form field loses focus, if the user has changed a value, the onChange() method for that field is excuted. It would look something like this, using a field from your code:
<input type="text" name="dirFax" onChange=updateDisplay()>
<!-- I'm not sure if you need 'updateDisplay()' or just 'updateDisplay') -->
<script language='Javascript'>
function updatedirFax() {
var newHTML = 'whatever';
someElement.innerHTML = newHTML;
}
</script>
The other REALLY good advice I can give you is to check out http://www.quirksmode.org/ -
This is the best repository of really nitty-gritty Javascript advice that I've found. Especially check out the DHTML micro API. Completely invaluable for getting some of this stuff to work cross-platform.
So in a nutshell -
- get your input fields into a form
- set the form action to [url of the PHP script you want to load]
- values input by user will be available through $GET or $POST on the PHP page specified in ACTION
- set the onChange() method of your input fields = some function to handle updating the current HTML page through Javascript - probably with innerHTML
Hope this helps! I'm definitely not a pro, so this info is 'as is, no warranty'
