Milonic provide full featured pull down web menus for some of the worlds largest companies
click here to see what it can do for you

Download Milonic DHTML Menu
Buy Milonic DHTML Menu

Back To Start Of Archive
Taken From The Forum: Help & Support for DHTML Menu Version 5+
Forum Topic: Click to view post
Last Updated: Saturday July 14 2012 - 06:07:55

US Map Menu - Sample91


Poster: tlkempxx
Dated: Monday September 11 2006 - 0:18:17 BST

I downloaded this sample and attempted to install it, but not getting very far. Seems there is something needed in addition to the normal 3 .js files and the data file. I have used the sample1 menus, so got those to work.

When I looked at the sample on the Milonic website, I did a "View Source" in the browser and see how the map image and image-map definition were included, but the install instructions said nothing about this. I tried to cut and paste, changing the image path, but still no joy. Am I missing something else?


Poster: Ruth
Dated: Monday September 11 2006 - 10:24:14 BST

Hi,

Download the newest version of the menu and save it. Go to that map sample sample 91 and save the us_map image to the same folder you have the page, and menu files. Then copy the top section of code below and save it as your map.html page [or whatever you want to name it] and the bottom code section and save it as map_data.js, you have to use that name since that is what I have on the page, if you rename that file, then change the call for it to the name you use.

Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Milonic DHTML/JavaScript Menu Sample Page</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />

</head>

<body>
      
<!--
    Milonic DHTML Website Navigation Menu Version 5.0+
    Copyright 2006 (c) Milonic Solutions Limited (UK). All Rights Reserved.
    Please visit http://www.milonic.com/ for more information.

    Although this software may have been freely downloaded, you must obtain a license before using it in any production environment.      
    The free use of this menu is only available for Non-Profit, Educational & Personal Web Sites who have obtained a license to use.
   
    Free, Commercial and Corporate Licenses are available from our website.
    You also need to include a link back to http://www.milonic.com/ if you use the free license.
   
    All Copyright notices MUST remain in place at ALL times.
    This includes the first three lines of this notice on every page that uses the menu.
    If you cannot comply with all of the above requirements, please contact us to arrange a license waiver.
-->   

<!--   ***** This is the section of code you need to paste into your web page *****-->
<script type="text/javascript" src="milonic_src.js"></script>   
<noscript><a href="http://www.milonic.com/">DHTML JavaScript Website Pull Down Navigation Menu By Milonic</a></noscript>
<script type="text/javascript">
if(ns4)_d.write("<scr"+"ipt type=text/javascript src=mmenuns4.js><\/scr"+"ipt>");      
  else _d.write("<scr"+"ipt type=text/javascript src=mmenudom.js><\/scr"+"ipt>");
</script>
<script type="text/javascript" src="map_data.js"></script>   

<img src="us_map.gif" width="591" height="342" border="0" usemap="#Map">
<map name="Map">
  <area onMouseOver="popup('Washington',1)"    onMouseOut="popdown()" shape="poly" coords="28,10,28,17,29,24,29,30,25,33,23,28,24,25,23,21,8,19,5,20,9,29,12,35,12,45,24,47,26,49,36,52,54,50,66,48,86,49,83,42,82,11" href="#">
  <area onMouseOver="popup('Oregon',1)"    onMouseOut="popdown()" shape="poly" coords="82,96,84,68,81,67,86,59,88,50,85,48,79,50,65,49,42,52,36,52,28,50,24,48,14,48,14,59,12,74,8,84,11,96" href="#">
  <area onMouseOver="popup('Idaho',1)"    onMouseOut="popdown()" shape="poly" coords="143,65,137,64,125,67,115,54,108,52,109,41,96,32,95,26,93,10,83,11,83,42,89,49,89,54,87,60,82,66,85,68,83,95,143,96" href="#">
  <area onMouseOver="popup('Montana',1)"    onMouseOut="popdown()" shape="poly" coords="143,60,143,66,137,64,125,65,116,53,109,52,110,41,95,29,94,11,213,11,213,60" href="#">
  <area onMouseOver="popup('North Dakota',1)"    onMouseOut="popdown()" shape="poly" coords="287,48,287,38,285,30,282,22,282,10,213,11,213,49" href="#">
  <area onMouseOver="popup('Minnesota',1)"    onMouseOut="popdown()" shape="poly" coords="341,79,336,70,329,65,326,52,332,39,343,29,355,26,344,22,339,22,334,15,323,12,321,17,311,12,313,6,307,6,302,11,282,11,281,22,286,37,286,49,291,61,291,78" href="#">
  <area onMouseOver="popup('Wisconsin',1)"    onMouseOut="popdown()" shape="poly" coords="377,91,378,76,384,59,378,59,374,49,367,47,355,45,347,37,335,40,329,50,328,63,338,72,343,77,342,84,350,91" href="#">
  <area onMouseOver="popup('Michigan',1)"    onMouseOut="popdown()" shape="poly" coords="335,37,358,26,364,18,371,19,373,12,389,14,395,25,405,25,408,31,409,39,414,45,448,50,458,62,455,65,448,63,441,57,444,65,438,67,439,80,430,94,422,101,384,100,378,88,384,60,378,58,377,49" href="#">
  <area onMouseOver="popup('Maine',1)"    onMouseOut="popdown()" shape="poly" coords="548,59,548,65,547,78,551,83,556,73,568,72,568,65,575,68,588,59,583,54,579,53,580,34,563,33,555,42,556,50" href="#">
  <area onMouseOver="popup('New Hampshire',1)"    onMouseOut="popdown()" shape="poly" coords="531,87,541,87,543,90,548,85,552,83,547,76,548,69,548,58,545,56,542,59,542,66,539,69,534,77,532,82" href="#">
  <area onMouseOver="popup('Massachusetts',1)"    onMouseOut="popdown()" shape="poly" coords="548,101,554,102,552,90,550,86,543,89,541,86,524,87,523,96,543,97" href="#">
  <area onMouseOver="popup('Rhode Island',1)"    onMouseOut="popdown()" shape="poly" coords="546,104,545,98,537,98,538,106" href="#">
  <area onMouseOver="popup('Connecticut',1)"    onMouseOut="popdown()" shape="poly" coords="539,106,538,102,539,97,524,97,522,108,528,105" href="#">
  <area onMouseOver="popup('Vermont',1)"    onMouseOut="popdown()" shape="poly" coords="524,86,531,87,535,73,540,68,542,66,541,61,524,60" href="#">
  <area onMouseOver="popup('New York',1)"    onMouseOut="popdown()" shape="poly" coords="523,108,524,85,524,60,505,60,500,70,490,70,478,74,466,74,462,80,471,84,467,91,456,97,504,95,510,104,518,106" href="#">
  <area onMouseOver="popup('New Jersey',1)"    onMouseOut="popdown()" shape="poly" coords="509,104,506,111,510,118,507,123,501,125,508,132,514,127,516,121,514,115,520,110,522,108" href="#">
  <area onMouseOver="popup('Delaware',1)"    onMouseOut="popdown()" shape="poly" coords="507,139,505,133,499,128,499,139" href="#">
  <area onMouseOver="popup('Maryland',1)"    onMouseOut="popdown()" shape="poly" coords="500,125,465,127,483,133,487,142,496,152,501,144,499,133" href="#">
  <area onMouseOver="popup('Pennsylvania',1)"    onMouseOut="popdown()" shape="poly" coords="497,127,505,123,508,117,506,110,509,104,504,98,452,99,452,125" href="#">
  <area onMouseOver="popup('West Virginia',1)"    onMouseOut="popdown()" shape="poly" coords="474,131,468,126,449,124,435,137,429,143,433,150,441,156,455,154,458,145" href="#">
  <area onMouseOver="popup('Virginia',1)"    onMouseOut="popdown()" shape="poly" coords="497,158,482,133,474,133,466,140,459,142,456,155,438,157,435,154,424,161,497,163" href="#">
  <area onMouseOver="popup('Ohio',1)"    onMouseOut="popdown()" shape="poly" coords="454,97,408,101,406,131,412,133,415,136,431,139,452,122" href="#">
  <area onMouseOver="popup('Indiana',1)"    onMouseOut="popdown()" shape="poly" coords="405,100,380,100,380,141,374,149,380,147,383,148,396,146,406,137,406,110,408,101" href="#">
  <area onMouseOver="popup('Illinois',1)"    onMouseOut="popdown()" shape="poly" coords="379,99,379,92,350,91,352,100,345,103,340,115,340,126,348,134,352,133,352,143,356,145,363,157,371,154,373,144,381,138" href="#">
  <area onMouseOver="popup('Kentucky',1)"    onMouseOut="popdown()" shape="poly" coords="424,161,429,155,436,155,428,145,430,139,417,137,407,130,408,138,395,146,383,148,375,147,372,154,362,156,362,163,375,163" href="#">
  <area onMouseOver="popup('North Carolina',1)"    onMouseOut="popdown()" shape="poly" coords="440,163,437,169,429,169,421,175,415,175,412,182,426,182,431,182,448,181,451,184,460,185,472,197,482,191,482,187,493,187,494,180,500,172,497,163" href="#">
  <area onMouseOver="popup('Tennessee',1)"    onMouseOut="popdown()" shape="poly" coords="440,163,436,170,428,169,422,175,417,175,412,182,352,182,361,161" href="#">
  <area onMouseOver="popup('South Carolina',1)"    onMouseOut="popdown()" shape="poly" coords="470,197,461,185,451,185,448,181,436,183,424,183,425,187,429,193,430,198,434,198,440,205,447,219,454,215,463,211" href="#">
  <area onMouseOver="popup('Georgia',1)"    onMouseOut="popdown()" shape="poly" coords="423,182,424,189,428,199,433,199,439,205,444,219,443,229,443,236,433,239,423,239,408,237,405,230,405,213,399,182" href="#">
  <area onMouseOver="popup('Florida',1)"    onMouseOut="popdown()" shape="poly" coords="442,237,434,240,422,240,409,237,405,234,378,233,378,236,381,239,399,243,403,248,413,244,419,245,424,253,428,256,428,271,432,285,437,291,442,296,443,304,451,300,455,287,455,272,447,260,446,249" href="#">
  <area onMouseOver="popup('Alabama',1)"    onMouseOut="popdown()" shape="poly" coords="398,183,404,208,406,234,378,233,378,239,370,240,372,201,374,197,374,180" href="#">
  <area onMouseOver="popup('Mississippi',1)"    onMouseOut="popdown()" shape="poly" coords="374,182,372,200,370,240,359,244,359,240,356,240,357,234,339,234,339,227,344,218,345,208,341,201,349,190,350,183" href="#">
  <area onMouseOver="popup('Louisiana',1)"    onMouseOut="popdown()" shape="poly" coords="343,207,343,218,338,225,339,233,357,235,357,243,357,251,364,255,349,255,342,256,341,251,319,247,321,236,316,224,316,208" href="#">
  <area onMouseOver="popup('Missouri',1)"    onMouseOut="popdown()" shape="poly" coords="352,165,352,171,357,171,363,159,355,144,349,143,351,133,346,133,339,123,340,113,296,113,299,121,304,122,304,127,309,129,309,164" href="#">
  <area onMouseOver="popup('Iowa',1)"    onMouseOut="popdown()" shape="poly" coords="340,113,342,103,351,98,349,89,342,85,341,79,290,78,287,93,292,98,295,112" href="#">
  <area onMouseOver="popup('Arkansas',1)"    onMouseOut="popdown()" shape="poly" coords="310,164,351,165,350,169,356,170,348,185,349,190,342,198,342,207,316,209,316,200,310,200" href="#">
  <area onMouseOver="popup('Texas',1)"    onMouseOut="popdown()" shape="poly" coords="187,223,204,235,210,251,223,256,224,249,236,245,244,252,249,263,260,272,263,290,282,293,282,269,307,255,304,245,310,250,319,247,322,238,314,226,314,202,300,197,289,197,273,197,272,194,257,189,254,165,223,165,223,220" href="#">
  <area onMouseOver="popup('Oklahoma',1)"    onMouseOut="popdown()" shape="poly" coords="255,165,256,178,257,190,271,192,274,197,302,197,312,200,310,166,309,158,223,157,224,165" href="#">
  <area onMouseOver="popup('Kansas',1)"    onMouseOut="popdown()" shape="poly" coords="299,121,308,129,309,157,234,156,234,121" href="#">
  <area onMouseOver="popup('Nebraska',1)"    onMouseOut="popdown()" shape="poly" coords="298,120,295,111,288,88,276,88,270,84,213,84,213,109,234,108,235,121" href="#">
  <area onMouseOver="popup('South Dakota',1)"    onMouseOut="popdown()" shape="poly" coords="272,83,275,87,287,87,290,78,291,60,286,49,212,48,212,84" href="#">
  <area onMouseOver="popup('Wyoming',1)"    onMouseOut="popdown()" shape="poly" coords="212,60,143,60,143,108,213,108" href="#">
  <area onMouseOver="popup('Colorado',1)"    onMouseOut="popdown()" shape="poly" coords="234,109,164,108,163,157,234,156" href="#">
  <area onMouseOver="popup('Utah',1)"    onMouseOut="popdown()" shape="poly" coords="113,156,164,157,163,108,142,108,143,96,113,96" href="#">
  <area onMouseOver="popup('New Mexico',1)"    onMouseOut="popdown()" shape="poly" coords="223,157,163,157,164,226,170,226,170,219,223,220" href="#">
  <area onMouseOver="popup('Arizona',1)"    onMouseOut="popdown()" shape="poly" coords="163,227,162,157,113,157,113,171,108,168,105,171,108,183,109,190,107,202,110,208,104,211,125,222,139,226" href="#">
  <area onMouseOver="popup('Nevada',1)"    onMouseOut="popdown()" shape="poly" coords="108,180,105,172,109,168,113,171,112,96,52,96,53,131" href="#">
  <area onMouseOver="popup('California',1)"    onMouseOut="popdown()" shape="poly" coords="82,214,107,211,109,181,51,132,52,96,9,96,11,102,8,114,14,125,13,133,23,143,29,146,29,156,35,159,31,166,47,178,47,188,59,189,64,196,74,199" href="#">
  <area onMouseOver="popup('Alaska',1)"    onMouseOut="popdown()" shape="poly" coords="141,242,151,280,165,283,185,294,180,302,157,285,139,286,126,291,115,305,93,313,83,314,100,308,110,298,104,293,92,282,99,274,94,260,99,255,95,248,112,238" href="#">
  <area onMouseOver="popup('Hawaii',1)"    onMouseOut="popdown()" shape="poly" coords="62,292,69,289,59,276,48,271,33,266,25,267,25,273,36,273,46,276" href="#">
</map>
</body>
</html>


And copy the following as your map_data.js file

Code:
fixMozillaZIndex=true; //Fixes Z-Index problem  with Mozilla browsers but causes odd scrolling problem, toggle to see if it helps
_menuCloseDelay=500;
_menuOpenDelay=150;
_subOffsetTop=2;
_subOffsetLeft=-2;




with(MapSample=new mm_style()){
bordercolor="#003366";
borderstyle="solid";
borderwidth=1;
fontfamily="Verdana, Tahoma, Arial, Helvetica, sans-serif";
fontsize="10px";
fontstyle="normal";
fontweight="normal";
headerbgcolor="#ffffff";
headercolor="navy";
offbgcolor="CornflowerBlue";
offcolor="#000066";
onbgcolor="LemonChiffon";
oncolor="#000066";
padding=2;
pagebgcolor="pink";
pagecolor="Purple";
}

with(milonic=new menuname("Submenu")){
style=MapSample;
aI("text=Dummy Menu Item 1;");
aI("text=Dummy Menu Item 2;");
aI("text=Dummy Menu Item 3;");
}

with(milonic=new menuname("Washington")){
margin=3;
style=MapSample;
aI("align=center;decoration=underline;fontsize=14px;fontweight=bold;text=Washington;type=header;");
aI("align=center;image=washington.gif;imagealign=center;itemheight=80;type=header;");
aI("text=State: Washington;");
aI("text=Capital: Olympia;");
aI("text=Population: 5,894,121;");
aI("text=Area: 176,479 sq km;");
aI("text=Flower: Rhododendron;");
aI("text=Bird: Willow Goldfinch;");
aI("showmenu=Submenu;text=Sub Menus Are allowed;");
}

with(milonic=new menuname("Oregon")){
margin=3;
style=MapSample;
aI("align=center;decoration=underline;fontsize=14px;fontweight=bold;text=Oregon;type=header;");
aI("align=center;image=oregon.gif;imagealign=center;itemheight=80;type=header;");
aI("text=State: Oregon;");
aI("text=Capital: Salem;");
aI("text=Population: 3,421,399;");
aI("text=Area: 251,418 sq km;");
aI("text=Flower: Oregon Grape;");
aI("text=Bird: Western Meadowlark;");
aI("showmenu=Submenu;text=Sub Menus Are allowed;");
}

with(milonic=new menuname("Idaho")){
margin=3;
style=MapSample;
aI("align=center;decoration=underline;fontsize=14px;fontweight=bold;text=Idaho;type=header;");
aI("align=center;image=idaho.gif;imagealign=center;itemheight=80;type=header;");
aI("text=State: Idaho;");
aI("text=Capital: Boise;");
aI("text=Population: 1,293,953;");
aI("text=Area: 216,430 sq km;");
aI("text=Flower: Syringa;");
aI("text=Bird: Mountain Bluebird;");
aI("showmenu=Submenu;text=Sub Menus Are allowed;");
}

with(milonic=new menuname("Montana")){
margin=3;
style=MapSample;
aI("align=center;decoration=underline;fontsize=14px;fontweight=bold;text=Montana;type=header;");
aI("align=center;image=montana.gif;imagealign=center;itemheight=80;type=header;");
aI("text=State: Montana;");
aI("text=Capital: Helena;");
aI("text=Population: 902,195;");
aI("text=Area: 380,847 sq km;");
aI("text=Flower: Bitterroot;");
aI("text=Bird: Western Meadowlark;");
aI("showmenu=Submenu;text=Sub Menus Are allowed;");
}

with(milonic=new menuname("North Dakota")){
margin=3;
style=MapSample;
aI("align=center;decoration=underline;fontsize=14px;fontweight=bold;text=North Dakota;type=header;");
aI("align=center;image=ndakota.gif;imagealign=center;itemheight=80;type=header;");
aI("text=State: North Dakota;");
aI("text=Capital: Bismarck;");
aI("text=Population: 642,200;");
aI("text=Area: 183,117 sq km;");
aI("text=Flower: Wild Prairie Rose;");
aI("text=Bird: Western Meadowlark;");
aI("showmenu=Submenu;text=Sub Menus Are allowed;");
}

with(milonic=new menuname("Minnesota")){
margin=3;
style=MapSample;
aI("align=center;decoration=underline;fontsize=14px;fontweight=bold;text=Minnesota;type=header;");
aI("align=center;image=minnesota.gif;imagealign=center;itemheight=80;type=header;");
aI("text=State: Minnesota;");
aI("text=Capital: St Paul;");
aI("text=Population: 4,919,479;");
aI("text=Area: 224,329 sq km;");
aI("text=Flower: Showy Lady's Slipper;");
aI("text=Bird: Common Loon;");
aI("showmenu=Submenu;text=Sub Menus Are allowed;");
}

with(milonic=new menuname("Wisconsin")){
margin=3;
style=MapSample;
aI("align=center;decoration=underline;fontsize=14px;fontweight=bold;text=Wisconsin;type=header;");
aI("align=center;image=wisconsin.gif;imagealign=center;itemheight=80;type=header;");
aI("text=State: Wisconsin;");
aI("text=Capital: Madison;");
aI("text=Population: 5,363,675;");
aI("text=Area: 171,496 sq km;");
aI("text=Flower: Wood Violet;");
aI("text=Bird: Robin;");
aI("showmenu=Submenu;text=Sub Menus Are allowed;");
}

with(milonic=new menuname("Michigan")){
margin=3;
style=MapSample;
aI("align=center;decoration=underline;fontsize=14px;fontweight=bold;text=Michigan;type=header;");
aI("align=center;image=michigan.gif;imagealign=center;itemheight=80;type=header;");
aI("text=State: Michigan;");
aI("text=Capital: Lansing;");
aI("text=Population: 9,938,444;");
aI("text=Area: 251,493 sq km;");
aI("text=Flower: Apple Blossom;");
aI("text=Bird: Robin;");
aI("showmenu=Submenu;text=Sub Menus Are allowed;");
}

with(milonic=new menuname("Maine")){
margin=3;
style=MapSample;
aI("align=center;decoration=underline;fontsize=14px;fontweight=bold;text=Maine;type=header;");
aI("align=center;image=maine.gif;imagealign=center;itemheight=80;type=header;");
aI("text=State: Maine;");
aI("text=Capital: Augusta;");
aI("text=Population: 1,274,923;");
aI("text=Area: 86,156 sq km;");
aI("text=Flower: White Pine Cone And Tassel;");
aI("text=Bird: Chickadee;");
aI("showmenu=Submenu;text=Sub Menus Are allowed;");
}

with(milonic=new menuname("New Hampshire")){
margin=3;
style=MapSample;
aI("align=center;decoration=underline;fontsize=14px;fontweight=bold;text=New Hampshire;type=header;");
aI("align=center;image=newhampshire.gif;imagealign=center;itemheight=80;type=header;");
aI("text=State: New Hampshire;");
aI("text=Capital: Concord;");
aI("text=Population: 1,235,786;");
aI("text=Area: 24,097 sq km;");
aI("text=Flower: Purple Lilac;");
aI("text=Bird: Purple Finch;");
aI("showmenu=Submenu;text=Sub Menus Are allowed;");
}

with(milonic=new menuname("Massachusetts")){
margin=3;
style=MapSample;
aI("align=center;decoration=underline;fontsize=14px;fontweight=bold;text=Massachusetts;type=header;");
aI("align=center;image=massachusetts.gif;imagealign=center;itemheight=80;type=header;");
aI("text=State: Massachusetts;");
aI("text=Capital: Boston;");
aI("text=Population: 6,349,097;");
aI("text=Area: 21,385 sq km;");
aI("text=Flower: Mayflower;");
aI("text=Bird: Chickadee;");
aI("showmenu=Submenu;text=Sub Menus Are allowed;");
}

with(milonic=new menuname("Rhode Island")){
margin=3;
style=MapSample;
aI("align=center;decoration=underline;fontsize=14px;fontweight=bold;text=Rhode Island;type=header;");
aI("align=center;image=rhodeisland.gif;imagealign=center;itemheight=80;type=header;");
aI("text=State: Rhode Island;");
aI("text=Capital: Providence;");
aI("text=Population: 1,048,319;");
aI("text=Area: 3,139 sq km;");
aI("text=Flower: Violet;");
aI("text=Bird: Rhode Island Red;");
aI("showmenu=Submenu;text=Sub Menus Are allowed;");
}

with(milonic=new menuname("Connecticut")){
margin=3;
style=MapSample;
aI("align=center;decoration=underline;fontsize=14px;fontweight=bold;text=Connecticut;type=header;");
aI("align=center;image=connecticut.gif;imagealign=center;itemheight=80;type=header;");
aI("text=State: Connecticut;");
aI("text=Capital: Hartford;");
aI("text=Population: 3,405,565;");
aI("text=Area: 12,973 sq km;");
aI("text=Flower: Mountain Laurel;");
aI("text=Bird: Robin;");
aI("showmenu=Submenu;text=Sub Menus Are allowed;");
}

with(milonic=new menuname("Vermont")){
margin=3;
style=MapSample;
aI("align=center;decoration=underline;fontsize=14px;fontweight=bold;text=Vermont;type=header;");
aI("align=center;image=vermont.gif;imagealign=center;itemheight=80;type=header;");
aI("text=State: Vermont;");
aI("text=Capital: Montpelier;");
aI("text=Population: 608,827;");
aI("text=Area: 24,900 sq km;");
aI("text=Flower: Red Clover;");
aI("text=Bird: Hermit Thrush;");
aI("showmenu=Submenu;text=Sub Menus Are allowed;");
}

with(milonic=new menuname("New York")){
margin=3;
style=MapSample;
aI("align=center;decoration=underline;fontsize=14px;fontweight=bold;text=New York;type=header;");
aI("align=center;image=newyork.gif;imagealign=center;itemheight=80;type=header;");
aI("text=State: New York;");
aI("text=Capital: Albany;");
aI("text=Population: 18,976,457;");
aI("text=Area: 136,583 sq km;");
aI("text=Flower: Rose;");
aI("text=Bird: Bluebird;");
aI("showmenu=Submenu;text=Sub Menus Are allowed;");
}

with(milonic=new menuname("New Jersey")){
margin=3;
style=MapSample;
aI("align=center;decoration=underline;fontsize=14px;fontweight=bold;text=New Jersey;type=header;");
aI("align=center;image=newjersey.gif;imagealign=center;itemheight=80;type=header;");
aI("text=State: New Jersey;");
aI("text=Capital: Trenton;");
aI("text=Population: 18,976,457;");
aI("text=Area: 20,295 sq km;");
aI("text=Flower: Purple Violet;");
aI("text=Bird: Eastern Goldfinch;");
aI("showmenu=Submenu;text=Sub Menus Are allowed;");
}

with(milonic=new menuname("Delaware")){
margin=3;
style=MapSample;
aI("align=center;decoration=underline;fontsize=14px;fontweight=bold;text=Delaware;type=header;");
aI("align=center;image=delaware.gif;imagealign=center;itemheight=80;type=header;");
aI("text=State: Delaware;");
aI("text=Capital: Dover;");
aI("text=Population: 783,600;");
aI("text=Area: 5,328 sq km;");
aI("text=Flower: Peach Blossom;");
aI("text=Bird: Blue Hen Chicken;");
aI("showmenu=Submenu;text=Sub Menus Are allowed;");
}

with(milonic=new menuname("Maryland")){
margin=3;
style=MapSample;
aI("align=center;decoration=underline;fontsize=14px;fontweight=bold;text=Maryland;type=header;");
aI("align=center;image=maryland.gif;imagealign=center;itemheight=80;type=header;");
aI("text=State: Maryland;");
aI("text=Capital: Annapolis;");
aI("text=Population: 5,296,486;");
aI("text=Area: 27,091 sq km;");
aI("text=Flower: Black-Eyed Susan;");
aI("text=Bird: Baltimore Oriole;");
aI("showmenu=Submenu;text=Sub Menus Are allowed;");
}

with(milonic=new menuname("Pennsylvania")){
margin=3;
style=MapSample;
aI("align=center;decoration=underline;fontsize=14px;fontweight=bold;text=Pennsylvania;type=header;");
aI("align=center;image=pennsylvania.gif;imagealign=center;itemheight=80;type=header;");
aI("text=State: Pennsylvania;");
aI("text=Capital: Harrisburg;");
aI("text=Population: 12,281,054;");
aI("text=Area: 119,251 sq km;");
aI("text=Flower: Mountain Laurel;");
aI("text=Bird: Ruffed Grouse;");
aI("showmenu=Submenu;text=Sub Menus Are allowed;");
}

with(milonic=new menuname("West Virginia")){
margin=3;
style=MapSample;
aI("align=center;decoration=underline;fontsize=14px;fontweight=bold;text=West Virginia;type=header;");
aI("align=center;image=westv.gif;imagealign=center;itemheight=80;type=header;");
aI("text=State: West Virginia;");
aI("text=Capital: Charlestown;");
aI("text=Population: 1,808,344;");
aI("text=Area: 62,628 sq km;");
aI("text=Flower: Rhododendron;");
aI("text=Bird: Cardinal;");
aI("showmenu=Submenu;text=Sub Menus Are allowed;");
}

with(milonic=new menuname("Virginia")){
margin=3;
style=MapSample;
aI("align=center;decoration=underline;fontsize=14px;fontweight=bold;text=Virginia;type=header;");
aI("align=center;image=virginia.gif;imagealign=center;itemheight=80;type=header;");
aI("text=State: Virginia;");
aI("text=Capital: Richmond;");
aI("text=Population: 7,078,515;");
aI("text=Area: 105,716 sq km;");
aI("text=Flower: Flowering Dogwood;");
aI("text=Bird: Cardinal;");
aI("showmenu=Submenu;text=Sub Menus Are allowed;");
}

with(milonic=new menuname("Ohio")){
margin=3;
style=MapSample;
aI("align=center;decoration=underline;fontsize=14px;fontweight=bold;text=Ohio;type=header;");
aI("align=center;image=ohio.gif;imagealign=center;itemheight=80;type=header;");
aI("text=State: Ohio;");
aI("text=Capital: Columbus;");
aI("text=Population: 11,353,140;");
aI("text=Area: 106,764 sq km;");
aI("text=Flower: Scarlet Carnation;");
aI("text=Bird: Cardinal;");
aI("showmenu=Submenu;text=Sub Menus Are allowed;");
}

with(milonic=new menuname("Indiana")){
margin=3;
style=MapSample;
aI("align=center;decoration=underline;fontsize=14px;fontweight=bold;text=Indiana;type=header;");
aI("align=center;image=indiana.gif;imagealign=center;itemheight=80;type=header;");
aI("text=State: Indiana;");
aI("text=Capital: Indianapolis;");
aI("text=Population: 6,080,485;");
aI("text=Area: 93,993 sq km;");
aI("text=Flower: Peony;");
aI("text=Bird: Cardinal;");
aI("showmenu=Submenu;text=Sub Menus Are allowed;");
}

with(milonic=new menuname("Illinois")){
margin=3;
style=MapSample;
aI("align=center;decoration=underline;fontsize=14px;fontweight=bold;text=Illinois;type=header;");
aI("align=center;image=illinois.gif;imagealign=center;itemheight=80;type=header;");
aI("text=State: Illinois;");
aI("text=Capital: Springfield;");
aI("text=Population: 12,419,293;");
aI("text=Area: 149,885 sq km;");
aI("text=Flower: Violet;");
aI("text=Bird: Cardinal;");
aI("showmenu=Submenu;text=Sub Menus Are allowed;");
}

with(milonic=new menuname("Kentucky")){
margin=3;
style=MapSample;
aI("align=center;decoration=underline;fontsize=14px;fontweight=bold;text=Kentucky;type=header;");
aI("align=center;image=kentucky.gif;imagealign=center;itemheight=80;type=header;");
aI("text=State: Kentucky;");
aI("text=Capital: Frankfort;");
aI("text=Population: 4,041,769;");
aI("text=Area: 104,660 sq km;");
aI("text=Flower: Goldenrod;");
aI("text=Bird: Cardinal;");
aI("showmenu=Submenu;text=Sub Menus Are allowed;");
}

with(milonic=new menuname("North Carolina")){
margin=3;
style=MapSample;
aI("align=center;decoration=underline;fontsize=14px;fontweight=bold;text=North Carolina;type=header;");
aI("align=center;image=ncarolina.gif;imagealign=center;itemheight=80;type=header;");
aI("text=State: North Carolina;");
aI("text=Capital: Raleigh;");
aI("text=Population: 8,049,313;");
aI("text=Area: 136,197 sq km;");
aI("text=Flower: Dogwood;");
aI("text=Bird: Cardinal;");
aI("showmenu=Submenu;text=Sub Menus Are allowed;");
}

with(milonic=new menuname("Tennessee")){
margin=3;
style=MapSample;
aI("align=center;decoration=underline;fontsize=14px;fontweight=bold;text=Tennessee;type=header;");
aI("align=center;image=tennessee.gif;imagealign=center;itemheight=80;type=header;");
aI("text=State: Tennessee;");
aI("text=Capital: Nashville;");
aI("text=Population: 5,689,283;");
aI("text=Area: 109,411 sq km;");
aI("text=Flower: Iris;");
aI("text=Bird: Mockingbird;");
aI("showmenu=Submenu;text=Sub Menus Are allowed;");
}

with(milonic=new menuname("South Carolina")){
margin=3;
style=MapSample;
aI("align=center;decoration=underline;fontsize=14px;fontweight=bold;text=South Carolina;type=header;");
aI("align=center;image=scarolina.gif;imagealign=center;itemheight=80;type=header;");
aI("text=State: South Carolina;");
aI("text=Capital: Columbia;");
aI("text=Population: 4,012,012;");
aI("text=Area: 80,582 sq km;");
aI("text=Flower: Yellow Jessamine;");
aI("text=Bird: Carolina Wren;");
aI("showmenu=Submenu;text=Sub Menus Are allowed;");
}

with(milonic=new menuname("Georgia")){
margin=3;
style=MapSample;
aI("align=center;decoration=underline;fontsize=14px;fontweight=bold;text=Georgia;type=header;");
aI("align=center;image=georgia.gif;imagealign=center;itemheight=80;type=header;");
aI("text=State: Georgia;");
aI("text=Capital: Atlanta;");
aI("text=Population: 8,186,453;");
aI("text=Area: 152,488 sq km;");
aI("text=Flower: Cherokee Rose;");
aI("text=Bird: Brown Thrasher;");
aI("showmenu=Submenu;text=Sub Menus Are allowed;");
}

with(milonic=new menuname("Florida")){
margin=3;
style=MapSample;
aI("align=center;decoration=underline;fontsize=14px;fontweight=bold;text=Florida;type=header;");
aI("align=center;image=florida.gif;imagealign=center;itemheight=80;type=header;");
aI("text=State: Florida;");
aI("text=Capital: Tallahassee;");
aI("text=Population: 15,982,378;");
aI("text=Area: 151,939 sq km;");
aI("text=Flower: Orange Blossom;");
aI("text=Bird: Mockingbird;");
aI("showmenu=Submenu;text=Sub Menus Are allowed;");
}

with(milonic=new menuname("Alabama")){
margin=3;
style=MapSample;
aI("align=center;decoration=underline;fontsize=14px;fontweight=bold;text=Alabama;type=header;");
aI("align=center;image=alabama.gif;imagealign=center;itemheight=80;type=header;");
aI("text=State: Alabama;");
aI("text=Capital: Montgomery;");
aI("text=Population: 4,447,100;");
aI("text=Area: 133,915 sq km;");
aI("text=Flower: Camelia;");
aI("text=Bird: Yellowhammer;");
aI("showmenu=Submenu;text=Sub Menus Are allowed;");
}

with(milonic=new menuname("Mississippi")){
margin=3;
style=MapSample;
aI("align=center;decoration=underline;fontsize=14px;fontweight=bold;text=Mississippi;type=header;");
aI("align=center;image=mississippi.gif;imagealign=center;itemheight=80;type=header;");
aI("text=State: Mississippi;");
aI("text=Capital: Jackson;");
aI("text=Population: 2,844,658;");
aI("text=Area: 123,514 sq km;");
aI("text=Flower: Magnolia;");
aI("text=Bird: Mockingbird;");
aI("showmenu=Submenu;text=Sub Menus Are allowed;");
}

with(milonic=new menuname("Louisiana")){
margin=3;
style=MapSample;
aI("align=center;decoration=underline;fontsize=14px;fontweight=bold;text=Louisiana;type=header;");
aI("align=center;image=louisiana.gif;imagealign=center;itemheight=80;type=header;");
aI("text=State: Louisiana;");
aI("text=Capital: Baton Rouge;");
aI("text=Population: 4,468,976;");
aI("text=Area: 125,674 sq km;");
aI("text=Flower: Magnolia;");
aI("text=Bird: Brown Pelican;");
aI("showmenu=Submenu;text=Sub Menus Are allowed;");
}

with(milonic=new menuname("Missouri")){
margin=3;
style=MapSample;
aI("align=center;decoration=underline;fontsize=14px;fontweight=bold;text=Missouri;type=header;");
aI("align=center;image=missouri.gif;imagealign=center;itemheight=80;type=header;");
aI("text=State: Missouri;");
aI("text=Capital: Jefferson City;");
aI("text=Population: 5,595,211;");
aI("text=Area: 180,486 sq km;");
aI("text=Flower: Hawthorn;");
aI("text=Bird: Bluebird;");
aI("showmenu=Submenu;text=Sub Menus Are allowed;");
}

with(milonic=new menuname("Iowa")){
margin=3;
style=MapSample;
aI("align=center;decoration=underline;fontsize=14px;fontweight=bold;text=Iowa;type=header;");
aI("align=center;image=iowa.gif;imagealign=center;itemheight=80;type=header;");
aI("text=State: Iowa;");
aI("text=Capital: Des Moines;");
aI("text=Population: 2,926,324;");
aI("text=Area: 145,790 sq km;");
aI("text=Flower: Wild Rose;");
aI("text=Bird: Eastern Goldfinch;");
aI("showmenu=Submenu;text=Sub Menus Are allowed;");
}

with(milonic=new menuname("Arkansas")){
margin=3;
style=MapSample;
aI("align=center;decoration=underline;fontsize=14px;fontweight=bold;text=Arkansas;type=header;");
aI("align=center;image=arkansas.gif;imagealign=center;itemheight=80;type=header;");
aI("text=State: Arkansas;");
aI("text=Capital: Little Rock;");
aI("text=Population: 2,673,400;");
aI("text=Area: 137,539 sq km;");
aI("text=Flower: Apple Blossom;");
aI("text=Bird: Mockingbird;");
aI("showmenu=Submenu;text=Sub Menus Are allowed;");
}

with(milonic=new menuname("Texas")){
margin=3;
style=MapSample;
aI("align=center;decoration=underline;fontsize=14px;fontweight=bold;text=Texas;type=header;");
aI("align=center;image=texas.gif;imagealign=center;itemheight=80;type=header;");
aI("text=State: Texas;");
aI("text=Capital: Austin;");
aI("text=Population: 20,851,820;");
aI("text=Area: 691,027 sq km;");
aI("text=Flower: Bluebonnet;");
aI("text=Bird: Mockingbird;");
aI("showmenu=Submenu;text=Sub Menus Are allowed;");
}

with(milonic=new menuname("Oklahoma")){
margin=3;
style=MapSample;
aI("align=center;decoration=underline;fontsize=14px;fontweight=bold;text=Oklahoma;type=header;");
aI("align=center;image=oklahoma.gif;imagealign=center;itemheight=80;type=header;");
aI("text=State: Oklahoma;");
aI("text=Capital: Oklahoma City;");
aI("text=Population: 3,450,654;");
aI("text=Area: 181,089 sq km;");
aI("text=Flower: Mistletoe;");
aI("text=Bird: Scissor-Tailed Flycatcher;");
aI("showmenu=Submenu;text=Sub Menus Are allowed;");
}

with(milonic=new menuname("Kansas")){
margin=3;
style=MapSample;
aI("align=center;decoration=underline;fontsize=14px;fontweight=bold;text=Kansas;type=header;");
aI("align=center;image=kansas.gif;imagealign=center;itemheight=80;type=header;");
aI("text=State: Kansas;");
aI("text=Capital: Topeka;");
aI("text=Population: 3,450,654;");
aI("text=Area: 213,096 sq km;");
aI("text=Flower: Sunflower;");
aI("text=Bird: Western Meadowlark;");
aI("showmenu=Submenu;text=Sub Menus Are allowed;");
}

with(milonic=new menuname("Nebraska")){
margin=3;
style=MapSample;
aI("align=center;decoration=underline;fontsize=14px;fontweight=bold;text=Nebraska;type=header;");
aI("align=center;image=nebraska.gif;imagealign=center;itemheight=80;type=header;");
aI("text=State: Nebraska;");
aI("text=Capital: Lincoln;");
aI("text=Population: 1,711,263;");
aI("text=Area: 200,017 sq km;");
aI("text=Flower: Goldenrod;");
aI("text=Bird: Western Meadowlark;");
aI("showmenu=Submenu;text=Sub Menus Are allowed;");
}

with(milonic=new menuname("South Dakota")){
margin=3;
style=MapSample;
aI("align=center;decoration=underline;fontsize=14px;fontweight=bold;text=South Dakota;type=header;");
aI("align=center;image=southdakota.gif;imagealign=center;itemheight=80;type=header;");
aI("text=State: South Dakota;");
aI("text=Capital: Pierre;");
aI("text=Population: 754,844;");
aI("text=Area: 199,551 sq km;");
aI("text=Flower: Pasqueflower;");
aI("text=Bird: Ring-Necked Pheasant;");
aI("showmenu=Submenu;text=Sub Menus Are allowed;");
}

with(milonic=new menuname("Wyoming")){
margin=3;
style=MapSample;
aI("align=center;decoration=underline;fontsize=14px;fontweight=bold;text=Wyoming;type=header;");
aI("align=center;image=wyoming.gif;imagealign=center;itemheight=80;type=header;");
aI("text=State: Wyoming;");
aI("text=Capital: Cheyenne;");
aI("text=Population: 493,782;");
aI("text=Area: 253,596 sq km;");
aI("text=Flower: Indian Paintbrush;");
aI("text=Bird: Meadowlark;");
aI("showmenu=Submenu;text=Sub Menus Are allowed;");
}

with(milonic=new menuname("Colorado")){
margin=3;
style=MapSample;
aI("align=center;decoration=underline;fontsize=14px;fontweight=bold;text=Colorado;type=header;");
aI("align=center;image=colorado.gif;imagealign=center;itemheight=80;type=header;");
aI("text=State: Colorado;");
aI("text=Capital: Denver;");
aI("text=Population: 4,301,261;");
aI("text=Area: 269,594 sq km;");
aI("text=Flower: Rocky Mountain Columbine;");
aI("text=Bird: Lark Bunting;");
aI("showmenu=Submenu;text=Sub Menus Are allowed;");
}

with(milonic=new menuname("Utah")){
margin=3;
style=MapSample;
aI("align=center;decoration=underline;fontsize=14px;fontweight=bold;text=Utah;type=header;");
aI("align=center;image=utah.gif;imagealign=center;itemheight=80;type=header;");
aI("text=State: Utah;");
aI("text=Capital: Salt Lake City;");
aI("text=Population: 2,233,169;");
aI("text=Area: 219,887 sq km;");
aI("text=Flower: Sego Lily;");
aI("text=Bird: Sea Gull;");
aI("showmenu=Submenu;text=Sub Menus Are allowed;");
}

with(milonic=new menuname("New Mexico")){
margin=3;
style=MapSample;
aI("align=center;decoration=underline;fontsize=14px;fontweight=bold;text=New Mexico;type=header;");
aI("align=center;image=newmexico.gif;imagealign=center;itemheight=80;type=header;");
aI("text=State: New Mexico;");
aI("text=Capital: Santa Fe;");
aI("text=Population: 1,819,046;");
aI("text=Area: 314,924 sq km;");
aI("text=Flower: Yucca;");
aI("text=Bird: Roadrunner;");
aI("showmenu=Submenu;text=Sub Menus Are allowed;");
}

with(milonic=new menuname("Arizona")){
margin=3;
style=MapSample;
aI("align=center;decoration=underline;fontsize=14px;fontweight=bold;text=Arizona;type=header;");
aI("align=center;image=arizona.gif;imagealign=center;itemheight=80;type=header;");
aI("text=State: Arizona;");
aI("text=Capital: Phoenix;");
aI("text=Population: 5,130,632;");
aI("text=Area: 295,259 sq km;");
aI("text=Flower: Saguaro Cactus;");
aI("text=Bird: Cactus Wren;");
aI("showmenu=Submenu;text=Sub Menus Are allowed;");
}

with(milonic=new menuname("Nevada")){
margin=3;
style=MapSample;
aI("align=center;decoration=underline;fontsize=14px;fontweight=bold;text=Nevada;type=header;");
aI("align=center;image=nevada.gif;imagealign=center;itemheight=80;type=header;");
aI("text=State: Nevada;");
aI("text=Capital: Carson City;");
aI("text=Population: 1,998,000;");
aI("text=Area: 286,297 sq km;");
aI("text=Flower: Sagebrush;");
aI("text=Bird: Mountain Bluebird;");
aI("showmenu=Submenu;text=Sub Menus Are allowed;");
}

with(milonic=new menuname("California")){
margin=3;
style=MapSample;
aI("align=center;decoration=underline;fontsize=14px;fontweight=bold;text=California;type=header;");
aI("align=center;image=california.gif;imagealign=center;itemheight=80;type=header;");
aI("text=State: California;");
aI("text=Capital: Sacramento;");
aI("text=Population: 33,871,648;");
aI("text=Area: 411,047 sq km;");
aI("text=Flower: Golden Poppy;");
aI("text=Bird: California Valley Quail;");
aI("showmenu=Submenu;text=Sub Menus Are allowed;");
}

with(milonic=new menuname("Alaska")){
margin=3;
style=MapSample;
aI("align=center;decoration=underline;fontsize=14px;fontweight=bold;text=Alaska;type=header;");
aI("align=center;image=alaska.gif;imagealign=center;itemheight=80;type=header;");
aI("text=State: Alaska;");
aI("text=Capital: Juneau;");
aI("text=Population: 626,932;");
aI("text=Area: 1,518,800 sq km;");
aI("text=Flower: Forget-Me-Not;");
aI("text=Bird: Willow Ptarmigan;");
aI("showmenu=Submenu;text=Sub Menus Are allowed;");
}

with(milonic=new menuname("Hawaii")){
margin=3;
style=MapSample;
aI("align=center;decoration=underline;fontsize=14px;fontweight=bold;text=Hawaii;type=header;");
aI("align=center;image=hawaii.gif;imagealign=center;itemheight=80;type=header;");
aI("text=State: Hawaii;");
aI("text=Capital: Honolulu;");
aI("text=Population: 1,211,537;");
aI("text=Area: 16,705 sq km;");
aI("text=Flower: Hibiscus;");
aI("text=Bird: Nene (Hawaiian Goose);");
aI("showmenu=Submenu;text=Sub Menus Are allowed;");
}

drawMenus();


That should work if you put everything into the same folder. Once you have it working, then you can do whatever you want with the files, changing the paths for the calls for the files.

Ruth


Poster: tlkempxx
Dated: Monday September 11 2006 - 14:51:27 BST

You are of course absolutely right. I was wondering if I was having a path problem. Now to get stuff where I want it!


Poster: tlkempxx
Dated: Monday September 11 2006 - 15:23:21 BST

OK, that wasn't so hard. As Ruth suggested, I started with everything in the same subfolder. Once that worked, I moved the web page calling the menus to my <root>/travels folder, changing the relative path to the milonic script files and the us_map.gif file.

The main trick was that in the map_data.js file, for each image=??? for the state flags, I had to put the absolute path of the gifs from the root, not from where the html file was located. So for me, they were changed to image=/travels/menus/states/???.gif. On this site, the travels folder is at the root of my domain and the html file calling the menus is within the travels folder.