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
Solved

Fireworks Nav Bar doesn't display properly in Dreamweaver

Posted on 2004-10-05
5
354 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

Free Tool: Port Scanner

Check which ports are open to the outside world. Helps make sure that your firewall rules are working as intended.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

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

Suggested Solutions

For those who don't know, Adobe Dreamweaver is a popular commercial web editor that enables you to design, build and manage complex websites. The editor is a WYSIWYG (What You See Is What You Get) web editor, which means that you can create your web…
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…
In a recent question (https://www.experts-exchange.com/questions/29004105/Run-AutoHotkey-script-directly-from-Notepad.html) here at Experts Exchange, a member asked how to run an AutoHotkey script (.AHK) directly from Notepad++ (aka NPP). This video…

840 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