Solved

Fireworks Nav Bar doesn't display properly in Dreamweaver

Posted on 2004-10-05
5
362 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 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

On Demand Webinar: Networking for the Cloud Era

Did you know SD-WANs can improve network connectivity? Check out this webinar to learn how an SD-WAN simplified, one-click tool can help you migrate and manage data in the cloud.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Adobe Dreamweaver CS5 is a WYSIWYG web page editor that has advanced HTML, CSS, and Javascript rendering functionality and is probably the most well-known HTML editor available. Much of Dreamweaver's appeal centers around the Design View interfac…
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…
In this video, viewers will be given step by step instructions on adjusting mouse, pointer and cursor visibility in Microsoft Windows 10. The video seeks to educate those who are struggling with the new Windows 10 Graphical User Interface. Change Cu…
Michael from AdRem Software outlines event notifications and Automatic Corrective Actions in network monitoring. Automatic Corrective Actions are scripts, which can automatically run upon discovery of a certain undesirable condition in your network.…

717 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