html??? target=???_self??? > Return to Regular Web Site < /a > < /li >
< /ul >
< /body >
The top list items include both the top - level links from the regular site, along with news entries, quick
links, as well as a link back to the regular Web site. Figure 8 - 19 shows the top - level menu when
displayed on the iPhone.
Figure 8-19: OC for iPhone/iPod touch
Chapter 8: Enabling and Optimizing Web Sites for iPhone and iPod touch
202
The news entries from the regular homepage are converted to their own list of new articles. Notice that
the entries are organized by date (see Figure 8 - 20 ) using the iUI class group :
< !-- News menu -- >
< ul id=???news??? title=???Latest News??? >
< li class=???group??? > Sept. 20, 2007 < /li >
< li > < a href=???#news1??? > 20 Year Celebration Coming Soon < /a > < /li >
< li class=???group??? > Aug. 18, 2007 < /li >
< li > < a href=???#news2??? > Dr. Marke To Attend Graduate School < /a > < /li >
< li > < a href=???#news3??? > Workteam Scheduled for Kissy Clinic < /a > < /li >
< li class=???group??? > June 23, 2007 < /li >
< li > < a href=???#news4??? > Special Speakers Coming to Indiana in October < /a > < /li >
< li class=???group??? > May 24, 2007 < /li >
< li > < a href=???#Bill_Drake??? > Combat Malnutrition in Sierra Leone < /a > < /li >
< /ul >
Figure 8-20: News entries by date
Chapter 8: Enabling and Optimizing Web Sites for iPhone and iPod touch
203
Each of these links is connected with a destination page:
< div id=???news1??? class=???panel??? title=???OC News??? >
< h2 > 20 Year Celebration Coming Soon < /h2 >
< p > Have you sent to the OC office to get your ticket for the 20th year celebration
on Sunday October 28? The event will be held at JB??™s Cafeteria in Greeley, IN.
Pages:
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233