userAgent.indexOf(???iPhone??™) != -1)??? > (765) 545-1211 < /a >
< /div >
< div class=???row??? >
< label class=???cui??? > email < /label >
< a class=???cuiServiceLink??? target=???_self???
href=???mailto:info@operationclassroom.org??? onclick=???return
(navigator.userAgent.indexOf(???iPhone??™) != -1)??? > info@oc.org < /a >
< /div >
< /fieldset >
< fieldset >
< div class=???rowCuiAddressBox??? >
< label class=???cui??? > office < /label >
< p class=???cui??? > P.O. Box 120208.N < /p >
< p class=???cui??? > Colfax, IN 46035 < /p >
< /div >
< /fieldset >
< fieldset >
< div class=???row??? >
< a class=???cuiServiceButton??? target=???_self???
href=???http://maps.google.com/maps?q=2012+Main,+Lapel,+IN??? > Map To Warehouse < /a >
< /div >
< /fieldset >
< /div >
The top div contains a thumbnail image and a place for company name and tagline. The next fieldset
provides telephone and email links (see Figure 8 - 22 ). iPod touch users will not be able to link to Phone or
Mail applications, so an onclick handler is added to each link to enable the link only if it is running on
Chapter 8: Enabling and Optimizing Web Sites for iPhone and iPod touch
205
Figure 8-22: iPhone service integration
an iPhone. (That ??™ s also why the text label for the email link displays the actual address instead of ??? Email
Us.
Pages:
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235