Solved

Fireworks Nav Bar doesn't display properly in Dreamweaver

Posted on 2004-10-05
5
341 Views
Last Modified: 2010-04-25
I have a nav bar created in Fireworks, which worked fine two years ago when I first created it.  But yesterday I changed a couple of the buttons, exported again, and re-placed onto my Template page in Dreamweaver.  

It previews fine from Fireworks, but once inserted into Dreamweaver as Fireworks HTML, doesn't swap images on mouseover.  Any ideas what I did to cause this or how I can quickly fix it?
0
Comment
Question by:larueski
  • 3
  • 2
5 Comments
 
LVL 19

Expert Comment

by:webwoman
ID: 12227805
You need to also replace the javascript that gets created. Did you?
0
 

Author Comment

by:larueski
ID: 12227962
Hmmm... probably not.  Although I can't imagine that I would have known to do that the first go-round either, at which point I was even less experienced!  (You probably have ascertained that I'm a novice web designer and pretty much use primarily the WYSIWYG tools at my disposal!) :-}

As I recall, it all seemed fairly straight-forward:  create the nav bar in Fireworks and export, then place a Fireworks HTML at the insertion point in Dreamweaver.  (In fact, inserting the Fwks HTML even automatically created and inserted the following code:
<!--The following section is an HTML table which reassembles the sliced image in a browser.-->
          <!--Copy the table section including the opening and closing table tags, and paste the data where-->
          <!--you want the reassembled image to appear in the destination document. -->
          <!--======================== BEGIN COPYING THE HTML HERE ==========================-->

It's not doing that this time?  I'm having to insert the HTML doc in between this and the End point.  Is that the javascript that gets created?  IF not, where and how should I make this happen?

0
 

Author Comment

by:larueski
ID: 12230078
The plot thickens... I was able to get the navbar to work properly on the one page that isn't connected to the template:  the home page.

Also, after updating the template on the site, any connected pages that have been updated in the editable area have the same problem -- no swap image.  But the template-connected pages that didn't get updated do have the revised nav bar, which works perfectly on thos pages only.  But they're all connected to the same template, so this doesn't make sense to me.

I'm going nuts here.  What could cause this?

0
 
LVL 19

Accepted Solution

by:
webwoman earned 500 total points
ID: 12233686
You don't have the right javascript. Or it got deleted somehow. Probably deleted. The ones that aren't connected to the template still have the right javascript.

Open the HTML that fireworks creates in Dreamweaver. Use code/design view, otherwise you won't be able to see what you need to. Find the javascript at the top of the document (it's usually marked). You need to copy all of that, the body tag with the preload, and the table. You'll need to edit the template, NOT the documents you created from it. Make sure you replace the javascript you have in the template (if there's anything even there) with the NEW javascript, body tag, and table. Then it should work.

Just an FYI -- learn HTML and javascript, and work in code/design view. That way you can see the things that aren't part of the visual design, but make everything work, and you'll get a feel for what REALLY happens when you change things.
0
 

Author Comment

by:larueski
ID: 12389572
Thanks for the info...  the java script was there in the template, looked pretty much the same, but something must have gotten screwy.  I replaced it as you suggested and voila!  It's working now.  

I do know just enough html to figure out some of the glitchy things that happen, but javascript is a step I haven't taken yet... spoiled by Dreamweaver & other WYSIWYGs, I guess.  :-)

THANKS!!
0

Featured Post

How your wiki can always stay up-to-date

Quip doubles as a “living” wiki and a project management tool that evolves with your organization. As you finish projects in Quip, the work remains, easily accessible to all team members, new and old.
- Increase transparency
- Onboard new hires faster
- Access from mobile/offline

Join & Write a Comment

I still run into .cgi files every now and then. In some instances, I actually prefer the simplicity of a .cgi script to other options. Since I use DreamWeaver extensively, what I needed was a way to open .cgi scripts in Dreamweaver. And I wanted to …
This article is very specific and is only intended to help if you are installing Dreamweaver 8 in a Windows 7 environment with Office 2007 installed.   I'm not sure why Microsoft tends to release OS' that should not be released but they do.  Windows…
Here's a very brief overview of the methods PRTG Network Monitor (https://www.paessler.com/prtg) offers for monitoring bandwidth, to help you decide which methods you´d like to investigate in more detail.  The methods are covered in more detail in o…
You have products, that come in variants and want to set different prices for them? Watch this micro tutorial that describes how to configure prices for Magento super attributes. Assigning simple products to configurable: We assigned simple products…

705 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

20 Experts available now in Live!

Get 1:1 Help Now