Listing 3 - 1 displays irealtor.html, Listing 3 - 2 provides iui.css, and Listing 3 - 3 contains irealtor.css.
Listing 3 - 1: irealtor.html
< !DOCTYPE html PUBLIC ???-//W3C//DTD XHTML 1.0 Strict//EN???
???http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd??? >
< html xmlns=???http://www.w3.org/1999/xhtml??? >
< head >
< title > iRealtor < /title >
Figure 3-12: iPhone-enabled Contact Us page
Figure 3 - 12 shows the panel when displayed on iPhone.
(continued)
Chapter 3: Implementing the Interface
58
Listing 3 - 1 (continued)
< meta name=???viewport??? content=???width=device-width; initial-scale=1.0; maximumscale=
1.0; user-scalable=0;???/ >
< style type=???text/css??? media=???screen??? > @import ???../iui/iui.css???; < /style >
< style type=???text/css??? media=???screen??? > @import ???../iui/cui.css???; < /style >
< style type=???text/css??? media=???screen??? > @import ???irealtor.css???; < /style >
< script type=???application/x-javascript??? src=???../iui/iui.js??? > < /script >
< script type=???application/x-javascript??? >
function calc() {
var amt = document.getElementById(???amt??™).value;
var ir = document.getElementById(???ir??™).value / 1200;
var term = document.getElementById(???term??™).value * 12;
var total=1;
for (i=0;i < term;i++) {
total = total * (1 + ir);
}
var mp = amt * ir / ( 1 - (1/total));
document.
Pages:
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84