WildView - EMailDirectory Demo

mail Directory Demo

The EMailDirectory example applet implements a fancy way for visitors to your web site to send email to a selected company department or to a selected employee. Your visitor simply points at a name in the applet display, and automatically a picture related to the name will be displayed. Clicking on a name launches the web browser's email client, and allows the visitor to create an email message to the department or person selected.

pplet Tag

The applet tag for the EMailDirectory applet is shown below.

<APPLET CODEBASE="../../Java" WIDTH="165" HEIGHT="245" CODE="WildViewApplet.class"> <PARAM NAME="color"VALUE="4C3831"> <PARAM NAME="background" VALUE="DocExamples/EMailDirectory/EMailPictFrame.JPG"> <PARAM NAME="backgroundX" VALUE="5"> <PARAM NAME="backgroundY" VALUE="5"> <PARAM NAME="panelSet1" VALUE="DocExamples/EMailDirectory/EMailDirectory.TXT"> </APPLET>

Notice that a background image that has dimensions smaller than the applet's dimensions is used, and that it is specifically positioned within the applet's display area. This was done in order to minimize the size of the background image file to be loaded (the rest of the background is filled with the "color" specified), and also to cause the background image to be displayed earlier in the applet initialization process.

anel Set File

The panel set file used by the EMailDirectory applet is shown below.

<!-- This panel is for the photos of the individuals to whom email can be sent> <PANEL name=photos module="WVPanelImage" x=39 y=36 w=88 h=91 image="DocExamples/EMailDirectory/EMailPictures.JPG"> <!-- This trigger will clear the image when the mouse moves out of the area where the names are located> <PANEL name=reset module="WVPanelTrigger" x=5 y=160 w=155 h=80 panel=photos event=mouseExit displayX=400 displayY=0 displayW=89 displayH=91> <!-- Panels for FIRST email name> <PANEL name=showPhoto1 module="WVPanelTrigger" x=5 y=160 w=155 h=20 panel=photos event=mouseEnter displayX=0 displayY=0 displayW=89 displayH=91> <PANEL name=mail1 module="WVPanelURL" x=5 y=160 w=155 h=20 url=mailto:demo1@modernminds.com> <PANEL name=name1 module="WVPanelText" x=5 y=160 w=155 h=20 clock=200 blink=enter justify=center fontSize=12 fontStyle=bold fontColor=efc9be> Joey Jones <!-- Panels for SECOND email name> <PANEL name=showPhoto2 module="WVPanelTrigger" x=5 y=180 w=155 h=20 panel=photos event=mouseEnter displayX=88 displayY=0 displayW=89 displayH=91> <PANEL name=mail2 module="WVPanelURL" x=5 y=180 w=155 h=20 url=mailto:demo2@modernminds.com> <PANEL name=name2 module="WVPanelText" x=5 y=180 w=155 h=20 clock=200 blink=enter justify=center fontSize=12 fontStyle=bold fontColor=efc9be> Stevie Smith <!-- Panels for THIRD email name> <PANEL name=showPhoto3 module="WVPanelTrigger" x=5 y=200 w=155 h=20 panel=photos event=mouseEnter displayX=176 displayY=0 displayW=89 displayH=91> <PANEL name=mail3 module="WVPanelURL" x=5 y=200 w=155 h=20 url=mailto:demo3@modernminds.com> <PANEL name=name3 module="WVPanelText" x=5 y=200 w=155 h=20 clock=200 blink=enter justify=center fontSize=12 fontStyle=bold fontColor=efc9be> Sir Charles Whoteris <!-- Panels for FOURTH email name> <PANEL name=showPhoto4 module="WVPanelTrigger" x=5 y=220 w=155 h=20 panel=photos event=mouseEnter displayX=264 displayY=0 displayW=89 displayH=91> <PANEL name=mail4 module="WVPanelURL" x=5 y=220 w=155 h=20 url=mailto:demo4@modernminds.com> <PANEL name=name4 module="WVPanelText" x=5 y=220 w=155 h=20 clock=200 blink=enter justify=center fontSize=12 fontStyle=bold fontColor=efc9be> Tanya Beninomy

Notice that the panel named "reset" is used to reset the image displayed once the mouse exits the area within the applet where the names are displayed.

mage Files

The image files used by the EMailDirectory applet are shown below.