Fireworks Pop-Up Menus

problems when uploaded to the web

[titangf]

I have a fireworks pop-up menu that I created then imported into dreamweaver. When I try to preview it on the web or upload it to the web the pop-up menus have a very small hot shot where they will work. Has anyone run into this problem? And does anyone know how to fix this type of problem, so that the user doesn't have to find the small hotspots.

[justa]

Hi titangf, welcome to Webmaster World.

Usually pop up menu's will stem from an initial image surrounded by an <a href> tag.

<a href="yourpage.htm" onMouseOut="FW_startTimeout();" onMouseOver="window.FW_showMenu(window.fw_menu_1,213,203);" >
<img name="otherimage" src="image.gif" width="59" height="22" border="0" alt="blah">
</a>

It sounds like your <a> tag is surrounding a relatively small image, there for the hot spot for the popup menu is going to be small as well. I'm guessing you've sliced up an original image so include more slice's within the tags.

HTH.

[titangf]

Thanks for the code.

But my question deals with Fireworks and how fireworks writes the code. I am trying to build this navbar so that I don't have to rewrite the code all over again. Is there a certian function within Fireworks that I can change the hot spot area of the pop-up menus that could solve my problem?

I am building a rather large site and would not have to rewite the code for each variation of the navigation.

[stuntdubl]

I've been working in fireworks/dreamweaver myself, and had some problems with navbars. I'm not sure if I quite understand your question, but I do know that when I used the mouseover java popups I had to do a little code manipulation (changing the path of the link to the .js file) to get it to work properly. To be honest, I did away with these because if you look the .js file alone is probably almost 20k! Just my experience with them. Also my other recommendation is if you are not yet using the template feature in dreamweaver....you will be a lot happier if you do. It makes navigation bar re-dos WORLDS easier.....

[aaronjf]

In case anyone is interested, I solved the problem with the popup menus. The problem was when I inserted the nav bar that contained the popup menu into the page template the hot spots were right in the template, but not the rest of the site. What was wrong... Dreamweaver was not correcting the link to the mm_menu.js file that contains all the java script info the popup menu needs when you created a page from the template.

So how do you fix it quickly and simply? First after insterting the nav bar into a template you must change the link to the mm_menu.js file. The easiest and least problematic link I found was to tell the nav bar to look in the same folder that the page was in. (before: ../images/nav_bar/mm_menue.js, After: mm_menu.js) I then made copies of the mm_menu.js file and put one in each folder containing pages running off the template. I would recommend doing this out side of Dreamweaver. If you do place copies in all the folders using Dreamweaver it will ask you if you want to update the link. Select DO NOT UPDATE. Now you are done and your popup menus should be humming along.

One last note. If you are having trouble with the arrow image that appears in the popup menus when you have sub-popup menus. You will need to find the src link for the arrow.gif file in the Template. Change it from ../images/ to /images/ removing the .. infront making it a diffinative link rather than relative link.

I hope this helps someone else out as this problem drove me nuts for a while.