PopUpMenuV33 free applet

by
Igal Sapir
www.dZiners.com

The PopUpMenuV33 free applet takes an image map and adds menus as well as graphics. Try moving your mouse over the applet.

dZiners.com Java Image Map

Click here to download:
PopUpMenuV33.ZIP

java applet parameters


<applet code="PopUpMenuV33c.class" width=350 height=300>


<param name=author value="Igal Sapir">


<param name=copyright value="dZiners.com">


<param name="mapimage" value="dzmap5.gif">



<param name="ink" value="#80ffff">



<param name="paper" value="#006060">



<param name="border" value="2,#e7e76b">



<param name="highlight" value="#ffff00">



<param name="font" value="helvetica,plain,14">



<param name="mark" value="false">



<param name="align" value="left">



<param name="style" value="3d">







<param name="area#1" value="2,rect,164,1,230,55">



<param name="url#1" value="blank.html">



<param name="item#1-1" value="Our company profile">



<param name="item#1-2" value="How to contact us">



<param name="url#1-1" value="blank.html">



<param name="url#1-2" value="blank.html">



<param name="image#1" value="highlite.gif,3,140">



<param name="audio#1" value="about.au">







<param name="area#2" value="6,rect,269,70,345,132">



<param name="url#2" value="blank.html">



<param name="item#2-1" value="Website design">



<param name="item#2-2" value="Web graphics">



<param name="item#2-3" value="MultiMedia">



<param name="item#2-4" value="Web programming">



<param name="item#2-5" value="Website hosting">



<param name="item#2-6" value="Web marketing">



<param name="url#2-1" value="blank.html">



<param name="url#2-2" value="blank.html">



<param name="url#2-3" value="blank.html">



<param name="url#2-4" value="blank.html">



<param name="url#2-5" value="blank.html">



<param name="url#2-6" value="blank.html">



<param name="audio#2" value="services.au">







<param name="area#3" value="6,rect,281,165,340,216">



<param name="url#3" value="blank.html">



<param name="item#3-1" value="The PopUpMenu Java Applet">



<param name="item#3-2" value="Version 3.2">



<param name="item#3-3" value="Written by Igal Sapir, (C) 1997">



<param name="item#3-4" value="________________________">



<param name="item#3-5" value="Click to go to the">



<param name="item#3-6" value="Frequently Asked Questions">



<param name="image#3" value="faqimg.gif,281,165,200,200">



<param name="audio#3" value="faq.au">



<param name="box#3" value="20,20">







<param name="area#4" value="7,rect,216,263,296,299">



<param name="url#4" value="blank.html">



<param name="item#4-1" value="Website - Unicom">



<param name="item#4-2" value="Website - Techtium">



<param name="item#4-3" value="Website - Avia Int'l">



<param name="item#4-4" value="Java - PopUpMenu">



<param name="item#4-5" value="Java - StarsMenu">



<param name="item#4-6" value="Java - FireWorksBanner">



<param name="item#4-7" value="Java - BreakOutBanner">



<param name="url#4-1" value="http://www.free-applets.com/PopUpMenuV33/blank.html">



<param name="url#4-2" value="http://www.free-applets.com/PopUpMenuV33/blank.html">



<param name="url#4-3" value="http://www.free-applets.com/PopUpMenuV33/blank.html">



<param name="url#4-4" value="blank.html">



<param name="url#4-5" value="blank.html">



<param name="url#4-6" value="blank.html">



<param name="url#4-7" value="blank.html">



<param name="audio#4" value="portf.au">







<param name="area#5" value="14,rect,60,263,125,299">



<param name="item#5-1" value="Freeware">



<param name="item#5-2" value="TUCOWS">



<param name="item#5-3" value="Microsoft">



<param name="item#5-4" value="DBC Online">



<param name="item#5-5" value="Netscape">



<param name="item#5-6" value="Sun - Java">



<param name="item#5-7" value="Nasdaq">



<param name="item#5-8" value="MidAm">



<param name="item#5-9" value="Yahoo">



<param name="item#5-10" value="Excite">



<param name="item#5-11" value="Filez">



<param name="item#5-12" value="Gamelan">



<param name="item#5-13" value="ScriptSearch">



<param name="item#5-14" value="Jars">







<param name="target#5" value="NewWindow">



<param name="url#5-1" value="http://www.free-applets.com/PopUpMenuV33/blank.html">



<param name="url#5-2" value="http://www.free-applets.com/PopUpMenuV33/blank.html">



<param name="url#5-3" value="http://www.free-applets.com/PopUpMenuV33/blank.html">



<param name="url#5-4" value="http://www.free-applets.com/PopUpMenuV33/blank.html">



<param name="url#5-5" value="http://www.free-applets.com/PopUpMenuV33/blank.html">



<param name="url#5-6" value="http://www.free-applets.com/PopUpMenuV33/blank.html">



<param name="url#5-7" value="http://www.free-applets.com/PopUpMenuV33/blank.html">



<param name="url#5-8" value="http://www.free-applets.com/PopUpMenuV33/blank.html">



<param name="url#5-9" value="http://www.free-applets.com/PopUpMenuV33/blank.html">



<param name="url#5-10" value="http://www.free-applets.com/PopUpMenuV33/blank.html">



<param name="url#5-11" value="http://www.free-applets.com/PopUpMenuV33/blank.html">



<param name="url#5-12" value="http://www.free-applets.com/PopUpMenuV33/blank.html">



<param name="url#5-13" value="http://www.free-applets.com/PopUpMenuV33/blank.html">



<param name="url#5-14" value="http://www.free-applets.com/PopUpMenuV33/blank.html">



<param name="audio#5" value="links.au">







<param name="area#6" value="7,rect,5,65,65,119">



<param name="status#6" value="Send us email with any questions, requests or remarks you might have.  We value any feedback.">



<param name="item#6-1" value="For free consultation">



<param name="item#6-2" value="With general questions">



<param name="item#6-3" value="With technical questions">



<param name="item#6-4" value="Regarding our Java applets">



<param name="item#6-5" value="Regarding your website">



<param name="item#6-6" value="For income opportunities">



<param name="item#6-7" value="Regarding our website">



<param name="url#6-1" value="mailto:PopUpMenuV33@PopUpMenuV33.com">



<param name="url#6-2" value="mailto:PopUpMenuV33@PopUpMenuV33.com">



<param name="url#6-3" value="mailto:PopUpMenuV33@PopUpMenuV33.com">



<param name="url#6-4" value="mailto:PopUpMenuV33@PopUpMenuV33.com">



<param name="url#6-5" value="mailto:PopUpMenuV33@PopUpMenuV33.com">



<param name="url#6-6" value="mailto:PopUpMenuV33@PopUpMenuV33.com">



<param name="url#6-7" value="mailto:PopUpMenuV33@PopUpMenuV33.com">



<param name="image#6" value="emlimg.gif,5,65">



<param name="audio#6" value="email.au">







<MAP NAME="dzinersmap">



<AREA SHAPE="RECT" COORDS="164,0,230,56" HREF="blank.html">



<AREA SHAPE="RECT" COORDS="269,70,345,132" HREF="blank.html">



<AREA SHAPE="RECT" COORDS="281,165,340,216" HREF="blank.html">



<AREA SHAPE="RECT" COORDS="210,258,303,306" HREF="blank.html">



<AREA SHAPE="RECT" COORDS="47,262,124,315" HREF="blank.html">



<AREA SHAPE="RECT" COORDS="5,65,65,119" HREF="mailto:PopUpMenuV33@PopUpMenuV33.com">



</MAP>



<IMG SRC="dzmap.gif" ALT="dZiners.com Java Image Map" WIDTH="350" HEIGHT="315" USEMAP="#dzinersmap" BORDER="0">







</applet>

The PopUpMenuV33 applet is a fully customizable Image Map applet with pop up sub-menus and interactive image displays. Clickable areas can be in the form of Rectangles, Circles or Polygons. The definition of each clickable area will include the number of sub-menu items for this area (which can also be zero (0) for no sub-menus), the area's shape and the coordinates that define the shape for this area. Other optional parameters will define different images to show on mouse over, different audio files to play on mouse over and the different colors and styles. It is less than 20k so it downloads in about 6 seconds on a 28.8 connection.

java applet explanation

To use the PopUpMenuV33 free java applet, I

Step 1: Downloaded PopUpMenuV33.zip and extracted into my web page directory. IMPORTANT: All file and folder names must be preserved exactly as zipped.

Step 2: Viewed PopUpMenuV33.html with my java enabled browser.

java applet parameters

mapimage - [filename.jpg or filename.gif] - The filename of the image map to be used. The image should be saved on the same directory as the HTML and the applet, or can be in another path providing that you add the path in the filename, i.e. "pathname\filename.jpg".

ink - [color] -The text color to be used for the pop-up sub-menu items. A color could be any of the regular solid colors as 'white', 'black', 'blue', 'red', 'green', 'yellow', 'cyan', 'magenta', 'gray', 'pink', 'orange' or the RGB definition of a color in either decimal numbers 'r,g,b' or in hexadecimal numbers '#rrggbb'.

paper - [color] -The background color for the pop-up-box.

highlight - [color] -The highlight color to be used when the mouse is over a clickable item.

border - [size,color] - The pixel size of the pop-up-box border and its color. This parameter is only used with the round or rect styles which are the older versions styles. The new style default is the 3d which is like the Windows pop-box style.

font - [face,style,size] - Recomended font faces are Helvetica, TimesRoman, Courier, Symbol or Dialog. Unlike the previous versions of the applet, you are not restricted to these faces and can choose any other face you choose. Keep in mind that the visitor to your website should have the face installed on his/her system in order to view it so you should always choose a popular face. Style can be either plain, bold, italic or bolditalic.

style - [round, rect or 3d] - - This parameter will determine the style of the pop-up-box. The default is now 3d which is very similar to the pop-up-boxes used in Windows for speed-menus (when you Right-Click the mouse). Both the round and rect styles use the border parameter.

align - [left or center] - - This parameter will determine the text alignment in the pop-up-box. Default is left.

mark - [true or false] - - This parameter will determine wether the clickable area (i.e. rect, circ or poly) will be drawn in the highlight color when the mouse is in the area boundry. Default is true.

area#1 .. area#n - [numberOfItems,shape,coordinate1,coordinate2,coordinte3..] - The numberOfItems simply tells the applet how many menu items will be in the pop-up-box. If you set it to zero (0) there will be no sub-menu items for this area but it will still have a link, image and audio files. The shape can be either 'RECT' for rectangle, 'CIRC' for a circle or 'POLY' for a polygon. The coordinates define the shape: A rectangle is defined by four coordinates: [xStart,yStart,xEnd,yEnd], a circle is defined by three coordinates: [xCenter,yCenter,radius] and a polygon is defined by the number of coordinates it takes: [x1,y1,x2,y2,x3,y3, .., .., xn,yn].

item#1-1 .. item#n-m - [text] - The menu text item that will appear in the pop-up-box for area#n, item#m

url#1 .. url#n - [url] - The default url for that area. A url can be either relative i.e. 'page2.html' or an absolute address, like "http://www.dziners.com/main.html'.
url#1-1 .. url#n-m - [url] - the url to go to on click for that specific sub-menu item, i.e. area#n item#m.

status#1 .. status#n - [text] - The default message to show on the window bottom status bar for area#n, item#m.

image#1 .. image#n - [filename, imageX, imageY] - The filename of the image to display when the clickable area is active. Again the only supported file formats on the internet at this time are the .jpg and the .gif formats. the imageX coordinate to display the image at and the imageY coordinate to display the image at.

audio#1 .. audio#n - [filename.au] - - The filename of the audio clip to play when the mouse is over the clickable area. Per java support, the file has to be in .au format and any sampling should be made in 8,000hz.

target - [text] - The target frame to send the browser on upon mouse click. Defaults to "_self". If you have links to other websites you might want to set the target to be "_blank" which will open a new browser window and link on it.
target#1 .. target#n - [text] - The target frame to send the browser on upon mouse click. Defaults to the text set in the 'target' parameter.

box#1 .. box#n - [boxX, boxY] - - This parameter should be used with extra caution (if at all). It is used to override the computer generated x and y coordinates of the pop-up-box. The applet automatically calculates the position of the box. There are only two cases when you might want to use this parameter: Either in order to create a non-menu information box (as I used it in the example above for the FAQ item), or if the box hides a part of your image map that you want visible at that time. The boxX and the boxY will set the upper-left corner of the pop-up-box. The width and height are still calculated auomatically according to the font size and the number of sub-menu items.

The images used in this example page are:

The Main Image Map:

The dZiners Highlight for area#1 with transparent background:

The FAQ image on area#3:

The eMail image on area#6:

You are more than welcome to use PopUpMenuV33 applet on your websites for free.

Important Note: Please allow the bottom 10 pixels of the applet for a link to dZiner.com. That is the small price to pay for using the applet in its 'unregistered' version. Please note that the link to dZiner.com will be done on a new browser window so your visitors will still have your website in the background for later explorations. If you rather purchase the 'registered' version so there is no link to dZiner.com, email dZiner from here: sales@dziners.com. Don't worry, it's very affordable and you will agree it is well worth its price for the professional image it gives your website.

Let me know if you use the applet in either version. I intend to place links on my website to websites that use my applets and I'd love to include yours there.