??? ) The middle fieldset provides static address information, while the bottom fieldset contains a
Google Maps link to the Operation Classroom warehouse (see Figure 8 - 23 ). If running on an iPhone, the
Maps application will open. If running on an iPod touch, the Google Maps Web site is displayed.
Figure 8-23: The link to Google Maps works in both
iPhone and iPod touch.
The following code shows the full source code for the sample OC for iPhone/iPod touch site. Note that
many sections are not shown for this example that would need to be implemented for a live site.
< !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 > Operation Classroom < /title >
< meta name=???viewport??? content=???width=320; initial-scale=1.0; maximum-scale=1.0;
user-scalable=0;???/ >
(continued)
Chapter 8: Enabling and Optimizing Web Sites for iPhone and iPod touch
206
< style type=???text/css??? media=???screen??? > @import ???../iui/iui.css???; < /style >
< style type=???text/css??? media=???screen??? > @import ???../iui/cui.css???; < /style >
< script type=???application/x-javascript??? src=???../iui/iui.
Pages:
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236