280
Chapter 5
CallbackSend Order PHP ScriptHTML Form
First, we need to change Break Neck’s HTML so that it no longer submits
the form when a customer clicks “Order Pizza”. Let’s take a look at the
Break Neck order form, and make a few changes:
1. Update the Break Neck HTML
<body>
<div id=”main-page”>
<p><img src=”breakneck-logo_new.gif” alt=”Break Neck Pizza” /></p>
<form id=”order-form” method=”POST” action=”placeOrder.php”>
<p>Enter your phone number:
<input type=”text” size=”14”
name=”phone” id=”phone” onChange=”getCustomerInfo()” />
</p>
<p>Type your order in here: <br />
<textarea name=”order” rows=”6” cols=”50” id=”order”>
</textarea></p>
<p>Your order will be delivered to: <br />
<textarea name=”address” rows=”4” cols=”50” id=”address”>
</textarea></p>
<p><input type=”submit” value=”Order Pizza” /></p>
<p><input type=”button” value=”Order Pizza”
onClick=”submitOrder();” /></p>
</div>
<p class=”tagline”>** No more waiting! Now faster than ever! **</p>
</form>
</body>
This button
can change
from a “submit”
type to a
“button” type.
Instead of submitting the form, clicking
“Order Pizza” should run the JavaScript
function you’ll be writing next.
The <form> element no longers needs
the “action” or “method” attributes.
exchanging form submits for javascript
Here’s the old
version of the
submit button.