Solved

Fireworks Nav Bar doesn't display properly in Dreamweaver

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

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

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

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…
Along with being a a promotional video for my three-day Annielytics Dashboard Seminor, this Micro Tutorial is an intro to Google Analytics API data.
This is used to tweak the memory usage for your computer, it is used for servers more so than workstations but just be careful editing registry settings as it may cause irreversible results. I hold no responsibility for anything you do to the regist…

895 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

16 Experts available now in Live!

Get 1:1 Help Now