Comment can be any note you want to make about the contact.
??? In addition to access to the Inbox, we??™ll maintain all sent messages locally.
??? We??™ll be able to delete the message currently being read, or select a batch to delete from
the Inbox view.
??? In addition to the UI being a bit ???pretty,??? we want to exercise some DHTML (Dynamic
HTML) and CSS skills and incorporate some slightly ???fancy??? features, things like some
button mouse-over effects and a Please Wait float-over. We won??™t go completely crazy,
but just enough to have fun!
That list should give us more than enough to do. It should also be a bit of a fun project to
dissect, so without delay, let??™s get to it!
Dissecting InstaMail
Let??™s begin by getting a feel for the overall structure of InstaMail by looking at the file layout,
shown in Figure 4-1.
CHAPTER 4 n INSTAMAIL: AN AJAX-BASED WEBMAIL CLIENT 130
Figure 4-1. Directory structure of InstaMail
InstaMail consists of a single JSP page, index.jsp. All of the markup for the entire application
is in that one file. This file imports the style sheet file styles.css in the /css directory. It
also makes use of all the images in the /img directory, which I have not expanded here in the
interest of keeping this layout image small (there are a rather large number of images
involved, and listing them all would have more than doubled the height of this figure).
Pages:
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261