Editing the Fireworks Pop-up Menu

 < Day Day Up > 

With the recipes files in a separate folder, you are now ready to edit the pop-up menus and change the links.

1.

Open the facts.htm file from the Files panel and select the Chocolate Recipes button.

The image of the button contains the JavaScript for the pop-up menu. In Dreamweaver, as in Fireworks, predefined JavaScript code appears on the Behaviors panel. In Fireworks, you may have used the behavior handle on the slice to create the behavior. In Dreamweaver, you use the Behaviors panel.

2.

Choose Window > Behaviors to open the Behaviors panel.

You should see a MouseOver event and a MouseOut event in the panel. When the user rolls over the image, the pop-up menu is displayed on the page. When the user rolls off the image, the pop-up menu is hidden.

3.

Double-click the Show Pop-Up Menu action on the Behaviors panel.

The Show Pop-Up Menu dialog box is very similar to the one in Fireworks.

4.

Select Mexican Hot Chocolate from the list. Click the folder icon to the right of the Link text field. Locate your hot_choc.htm file in the Recipes folder and then click OK in the Select File dialog box.

The new pathname for the link is added to the pop-up menu.

5.

Repeat step 4 for the other recipe files you created. Click OK. Save your files and preview them in the browser.

Check the links in the pop-up menu to see that they work.

     < Day Day Up > 


    Macromedia Fireworks 8(c) Training from the Source
    Macromedia Fireworks 8: Training from the Source
    ISBN: 0321335910
    EAN: 2147483647
    Year: 2005
    Pages: 239
    Authors: Patti Schulze

    flylib.com © 2008-2017.
    If you may any questions please contact us: flylib@qtcs.net