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

Chapter 10. Cyber Greetings: Drag-and-Drop Email

Application FeaturesJavaScript Techniques
• Ships Custom Greetings You Design• Differentiating Web Code
• Users Can Position Multiple Logos on Their Choice of Background• Cross-Frame Communication
• User-Friendly Interface 
• Message Tester for Previewing• Optimizing Your Functions
JavaScript Techniques  

This application is built simply for fun. Users can kill plenty of time at your site by sending friends and loved ones custom-made greetings with silly characters and wild backgrounds, all included with the snappiest message they can conjure up. Figure 10.1 shows the opening interface.

On the left is an entry form. Users fill in the necessary ingredients, including recipient address, message, and greeting. This is also where users can choose the background, by clicking “Backgrounds - ->” until they see the one they want. The same goes for the icons. “Icons - ->” has the same effect.

To the right is the display. This is where the user can see the available backgrounds and icons. The user can then “pick up” an icon and drag it onto the background display area. Any icons like this are included on the greeting as shown. Figure 10.2 shows a nice example.

The Cyber Greetings default screen

Figure 10-1. The Cyber Greetings default screen

Recognize anyone in this group photo?

Figure 10-2. Recognize ...

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