Source Viewer

index.html : simply contains overview SSI (Server Side Include) commands

Pizza.html : the main HTML page, uses AJAX interface to lookupCustomer.php

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
	"http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
		<title></title>
<script language="javascript" type="text/javascript">
   var request = false;
   try {
     request = new XMLHttpRequest();
   } catch (trymicrosoft) {
     try {
       request = new ActiveXObject("Msxml2.XMLHTTP");
     } catch (othermicrosoft) {
       try {
         request = new ActiveXObject("Microsoft.XMLHTTP");
       } catch (failed) {
         request = false;
       }
     }
   }

if (!request)
     alert("Error initializing XMLHttpRequest!");

function getCustomerInfo() {
     alert("Several message boxes will follow.\nThey are for highlighting the AJAX,\n behind the scenes, processing.");
     //getHeaderTest(); return;
     var phone = document.getElementById("phone").value;
     var url = "lookupCustomer.php?phone=" + escape(phone);
     request.open("GET", url, true);
     request.onreadystatechange = updatePage;
     request.send(null);
   }

function getHeaderTest() {
     alert("Calling for a Header");
     var url = "http://www.headfirstlabs.com/books/hrajax/chapter02/breakneck";
     request.open("HEAD", url, true);
     request.onreadystatechange = updatePage;
     request.send(null);
   }

function updatePage() {
     var readyState = request.readyState;
     alert("Current request.readyState = "+ readyState);
     alert(request.getAllResponseHeaders());	// will only display if there is a non-null string to display
	 if (readyState==4) {
     	//alert(request.getAllResponseHeaders());
		if (request.status == 200)
		{	alert("Server has finished normally.    code#= " + readyState);
         var response = request.responseText.split("|");
         document.getElementById("order").value = response[0];
         var addr = "</b><font color='blue'>" + response[1].replace(/\n/g, "<br/>") + "</font></b>";
         document.getElementById("address").innerHTML = addr;
       }
	   else if (request.status == 404)
         alert("Request URL does not exist");
       else if (request.status == 403)
         alert("Access denied.");
       else
         alert("Error: status code is " + request.status);

//		document.getElementById("order").value = request.responseText;
    }
   }
</script>
	</head>
	<body>
  <p><img src="breakneck-logo_4c.gif" alt="Break Neck Pizza" /></p>
   <p>Enter your phone number:
    <input type="text" size="14" name="phone" id="phone"
           onChange="getCustomerInfo();" />
   </p>
  <form action="postOrder.php">
   <p>Your order will be delivered to:</p>
   <div id="address"></div>
   <p>Type your order in here:</p>
   <p><textarea name="order" rows="6" cols="50" id="order"></textarea></p>
   <p><input type="submit" value="Order Pizza" id="submit" /></p>
  </form>
	</body>
</html>

lookupCustomer.php : would-be PHP for looking up the customer & his order if any.

postOrder.php : PHP page for places an order & acknowledging it

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
	"http://www.w3.org/TR/html4/loose.dtd">
  <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css" />
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
  <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
<html>
	<head>
		<title></title>
	</head>
	<body>
  <p><img src="breakneck-logo_4c.gif" alt="Break Neck Pizza" /></p>
   <h3 style='color:DarkBlue'>Thank you for your order.</h3>

<div style='background-color:Tan'>
   Here is the order placed:
   <p  style='margin:0px 50px 10px 50px'>
   <br/>

<?php

error_reporting(E_ALL);
    ini_set('display_errors', 'On');

// should chang this to use MySql later,  now just used for the ->escapeString() function
	class MyDB extends SQLite3
	{
		function __construct()
		{
			$this->open('fake.sqlite');
		}
	}

$sql3 = new MyDB();
	$error = 'no error message.';
	$database = $sql3;
    $order = trim($_REQUEST['order']);
    $items = explode("\r\n", $order);

$inx = 1;
    foreach ($items as $item) {
        $item = trim($database->escapeString($item));
    	echo ("$inx: &nbsp; $item <br/>"); $inx++;
    }
?>

bottom_src.ssi : provides a site standard set of links at the bottom of the page

<font color=Black>
<div style="position:fixed; bottom:12px; left:24px;">
<a  href="viewSrc.php"> <b>VIEW SERVER CODE</b> </a>
</div>

<div style="position:fixed; bottom:12px; right:24px;">
<small>
| <a href='/'>Site Home</a>
| <span class='tag' style="color:blue" onclick='takeMessage();'><u>msg: Site Administrator</u></span>
| <strong> <font color='#008080'> RonMiller </strong></font>
 &copy;1999-2021
</small>
</div>
</font>

</body>
</html>

Viewing source code files from the server

which support rendering for: Pizza

index.html : simply contains overview SSI (Server Side Include) commands

Pizza.html : the main HTML page, uses AJAX interface to lookupCustomer.php

lookupCustomer.php : would-be PHP for looking up the customer & his order if any.

postOrder.php : PHP page for places an order & acknowledging it

bottom_src.ssi : provides a site standard set of links at the bottom of the page