8 Replies Latest reply on Mar 13, 2008 11:27 AM by Newsgroup_User

    Adding pop up menu and submenu to existing image

    TractorMom
      -- Fireworks and Dreamweaver CS2 on Windows XP system --
      I currently have about 20 sites that use templates and a graphics/menu system I created in Fireworks.
      On one of my sites, I need to enhance the graphics/menu system by adding some pop up menus and submenus.
      I created the pop up menus and submenus in Fireworks and when I preview it by pushing F12 in Fireworks, they look perfect and work great.
      Unfortunately, when I export the Fireworks .png file to .htm and place it inside of my template where it needs to go, and upload all the files to my testing server, the graphics/menu system does not display the pop up menus or submenus.
      I have tried to export as javascript and css -- and neither work. I have tried to copy and paste the HTML code and it doesn't work either.
      Does anyone know what I might be doing wrong? I will supply more details if necessary. Thanks.
        • 1. Re: Adding pop up menu and submenu to existing image
          Level 7
          TractorMom wrote:
          > -- Fireworks and Dreamweaver CS2 on Windows XP system --
          > I currently have about 20 sites that use templates and a graphics/menu system
          > I created in Fireworks.
          > On one of my sites, I need to enhance the graphics/menu system by adding some
          > pop up menus and submenus.
          > I created the pop up menus and submenus in Fireworks and when I preview it by
          > pushing F12 in Fireworks, they look perfect and work great.
          > Unfortunately, when I export the Fireworks .png file to .htm and place it
          > inside of my template where it needs to go, and upload all the files to my
          > testing server, the graphics/menu system does not display the pop up menus or
          > submenus.
          > I have tried to export as javascript and css -- and neither work. I have
          > tried to copy and paste the HTML code and it doesn't work either.
          > Does anyone know what I might be doing wrong? I will supply more details if
          > necessary. Thanks.
          >
          Do you mean Fireworks and Dreamweaver 8, or Fireworks and Dreamweaver
          CS3? There was no FW and DW CS2.

          --
          Jim Babbage - .:Community MX:. & .:Adobe Community Expert:.
          http://www.communityMX.com/
          CommunityMX - Free Resources:
          http://www.communitymx.com/free.cfm
          ---
          .:Adobe Community Expert for Fireworks:.
          Adobe Community Expert
          http://tinyurl.com/2a7dyp
          ---
          See my work on Flickr
          http://www.flickr.com/photos/jim_babbage/
          • 2. Re: Adding pop up menu and submenu to existing image
            TractorMom Level 1
            I meant to type CS3. Sorry about that. Fingers don't work sometimes. MK
            • 3. Re: Adding pop up menu and submenu to existing image
              Level 7
              TractorMom wrote:
              > I meant to type CS3. Sorry about that. Fingers don't work sometimes. MK

              If you do a local test of the pages, do the menus work? If so, chances
              are the CSS and javascript files for the menus are not getting uploaded.
              Make sure the css and javascript files for the menus are uploaded
              (they usually aren't if you're just uploading the html pages.

              If the pages are not working locally within by previewing within DW, t's
              most likely a path issue. Check your html code and ensure and that the
              resulting pages are pointing to the right location for the js and css files.

              It's worth mentioning also that while FW menus are easy to build, they
              can be a pain to maintain and update on a commercial site. I'll use them
              to quickly slap together a mock up, but I turn to other commercial
              extensions to do the actual site work, Such as Project 7's pop up menus.

              --
              Jim Babbage - .:Community MX:. & .:Adobe Community Expert:.
              http://www.communityMX.com/
              CommunityMX - Free Resources:
              http://www.communitymx.com/free.cfm
              ---
              .:Adobe Community Expert for Fireworks:.
              Adobe Community Expert
              http://tinyurl.com/2a7dyp
              ---
              See my work on Flickr
              http://www.flickr.com/photos/jim_babbage/
              • 4. Re: Adding pop up menu and submenu to existing image
                TractorMom Level 1
                Jim,

                You asked: If you do a local test of the pages, do the menus work?
                The menu works when I preview it in DW (F12)
                I have not been able to get a page to work via my local testing site when I insert the menu on the page. I uploaded the file "mm_menu.js" to the same directory as the .htm file and images that go with it. The "mm_menu.js" file, has a date on if of 8/3/2005, but I created the FW menu and submenus on 3/11/2008.
                When I tried using CSS, I also uploaded a file named "mm_css_menu.js" so both .js files are on the server where the .htm file is located.

                BTW - One of the main reasons I want to use FW and DW to create this menu system is because I use it as a library item on my templates so when one change is made, it is made on all of the pages automatically in DW. Thanks.
                • 5. Re: Adding pop up menu and submenu to existing image
                  Level 7
                  TractorMom wrote:
                  > Jim,
                  >
                  > You asked: If you do a local test of the pages, do the menus work?
                  > The menu works when I preview it in DW (F12)
                  > I have not been able to get a page to work via my local testing site when I
                  > insert the menu on the page. I uploaded the file "mm_menu.js" to the same
                  > directory as the .htm file and images that go with it. The "mm_menu.js" file,
                  > has a date on if of 8/3/2005, but I created the FW menu and submenus on
                  > 3/11/2008.
                  > When I tried using CSS, I also uploaded a file named "mm_css_menu.js" so both
                  > .js files are on the server where the .htm file is located.
                  >
                  > BTW - One of the main reasons I want to use FW and DW to create this menu
                  > system is because I use it as a library item on my templates so when one change
                  > is made, it is made on all of the pages automatically in DW. Thanks.
                  >
                  OK it's been a while since I've used these menus so bear with me. ;-)
                  Are you matching locations for the files on both the remote and local
                  versions? I think this is what you've said, but want to be sure I
                  understand you correctly.

                  Also are you testing in IE? If you are, make sure to allow the js to run
                  in the browser.

                  The js file is a standard file, so the date you're seeing is the date it
                  was originally created for FW.

                  I have used PVII's pop menu magic as library items with success in the
                  past, but I've not used them as part of a template.

                  Are you comfortable sharing the original PNG file?

                  --
                  Jim Babbage - .:Community MX:. & .:Adobe Community Expert:.
                  http://www.communityMX.com/
                  CommunityMX - Free Resources:
                  http://www.communitymx.com/free.cfm
                  ---
                  .:Adobe Community Expert for Fireworks:.
                  Adobe Community Expert
                  http://tinyurl.com/2a7dyp
                  ---
                  See my work on Flickr
                  http://www.flickr.com/photos/jim_babbage/
                  • 6. Re: Adding pop up menu and submenu to existing image
                    TractorMom Level 1

                    >Are you matching locations for the files on both the remote and local
                    versions?
                    Yes

                    >Also are you testing in IE? If you are, make sure to allow the js to run
                    in the browser.
                    I am testing in IE. I'm not sure what you mean when you say to make sure to allow the js to run in the browser. My testing consists of developing the page and then uploading all of the files to a testing server that emulates the "live" server for all of the Web sites. Please clarify about allowing the js to run in the browser.

                    I would be glad to share the PNG file. I am not sure how to get the PNG file to you, though. Please let me know.
                    • 7. Re: Adding pop up menu and submenu to existing image
                      Level 7
                      TractorMom wrote:
                      > >Are you matching locations for the files on both the remote and local
                      > versions?
                      > Yes
                      >
                      > >Also are you testing in IE? If you are, make sure to allow the js to run
                      > in the browser.
                      > I am testing in IE. I'm not sure what you mean when you say to make sure to
                      > allow the js to run in the browser. My testing consists of developing the page
                      > and then uploading all of the files to a testing server that emulates the
                      > "live" server for all of the Web sites. Please clarify about allowing the js
                      > to run in the browser.
                      >
                      > I would be glad to share the PNG file. I am not sure how to get the PNG file
                      > to you, though. Please let me know.
                      >
                      >
                      You can post a link on the site to the PNG or email it to me directly.
                      IE tends to block js when yo try to preview things. Watch just above the
                      browser window for a warning bar to appear. If it does, you need to
                      click on that bar and choose to allow the js to run.

                      --
                      Jim Babbage - .:Community MX:. & .:Adobe Community Expert:.
                      http://www.communityMX.com/
                      CommunityMX - Free Resources:
                      http://www.communitymx.com/free.cfm
                      ---
                      .:Adobe Community Expert for Fireworks:.
                      Adobe Community Expert
                      http://tinyurl.com/2a7dyp
                      ---
                      See my work on Flickr
                      http://www.flickr.com/photos/jim_babbage/
                      • 8. Re: Adding pop up menu and submenu to existing image
                        Level 7
                        I'm glad I was able to help, Marilyn!

                        --
                        Jim Babbage - .:Community MX:. & .:Adobe Community Expert:.
                        http://www.communityMX.com/
                        CommunityMX - Free Resources:
                        http://www.communitymx.com/free.cfm
                        ---
                        .:Adobe Community Expert for Fireworks:.
                        Adobe Community Expert
                        http://tinyurl.com/2a7dyp
                        ---
                        See my work on Flickr
                        http://www.flickr.com/photos/jim_babbage/