O'Reilly logo

JavaScript Application Cookbook by Jerry Bradenbaugh

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Syntax Breakdown

This is another application that warrants a flowchart before we look at any code. Figure 10.7 shows how the user enters the recipient’s email address and message, chooses a greeting and background, then positions desired icons “on top” of the greeting card. The user then previews the work. Once satisfied, it’s off to the server, and so on.

Cyber Greeting logic: how the recipient gets the message

Figure 10-7. Cyber Greeting logic: how the recipient gets the message

This application works on two levels—in the client browser and on the web server. The browser is obviously where the user creates the entire greeting—background, icon graphics, and message. When the user submits the HTML form, the information is sent back to a web server, where a file is created to match the greeting. The web server returns an HTML form so the greeting sender can send an email message to the recipient. This message contains nothing more than an announcement of the cyber greeting and a link that the recipient must follow to “pick it up.” The recipient follows the link to load the awaiting Cyber Greeting.

Let’s go over this app first in terms of the client and then the server. There are four files. The following list gives a quick rundown:

index.html

Top level; holds the frameset

back.html

Contains the workspace for choosing the greeting, background, and icons

front.html

Contains the interface for creating and sending the message

greet.pl

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required