Forums

This topic is locked

Popup menu from Fireworks4 to dreamw4

Posted 15 Mar 2002 16:22:35
1
has voted
15 Mar 2002 16:22:35 Federico Crotti posted:
Ihave created a popup menu in fireworks 4 and I include it in a template in dreamweaver4, after I have upgade all the page of the site.
In IE from the index.htm I click ad go to tel/index.htm but from tel/index.htm when I click in another link for ex. tel/agrate.htm the browser go to tel/index.htmtel/agrate.htm
Can you help me!!
Please

Replies

Replied 26 Apr 2002 16:57:28
26 Apr 2002 16:57:28 David Thomas replied:
This is because you have included the menu in a template.
Using the templates will lock all other areas of the code apart from the editable region, so i would suggest getting rid of the template and using the "save as" option to overwrite your pages.
In other words, templates are rubbish.

"Those who think they know it all, in fact no nothing at all" - Me!
Replied 02 May 2002 21:51:58
02 May 2002 21:51:58 Erin Simmons replied:
I disagree about the templates, I use them all the time. It simplifies changing the navigation a lot! I believe I have had this problem, and am not sure of the cause. Just edit the source of your template to remove the tel/index.htm from the tel/index.htmtel/agrate.htm link, then update all attached pages.

Queen Javabean
www.queenjavabean.com
Replied 07 Jun 2002 07:02:09
07 Jun 2002 07:02:09 John Angelini replied:
Just went through this one myself.

Heres how you do it.

Create the template file.

Now create your nav bar with popups in Fireworks and save the fireworks file in your site somewhere (maybe /images?).

Export the nav bar as an "HTML with images" file, and point it to the right image folder where youd like the images to go under "place images in subfolder". I suggest root/images/navbar for ease of removing them later and replacing them with new ones when you update your popup menu.

Now when you have the navbar.htm (or whatever) file in your root (which should be where all your files using the template are, or it doesnt work)
its time for trick 1.

When you make standard image slice links to other pages in the root, you have to make them relative to the template folder, which, if you have your site in your root directory, and not in folders should give you URL's like "../default.asp" or "../about.asp" becasue they are relative to the Template folder.

To create the links for the popup reference, you need to make them relative to the root, where navbar.htm is located. ie "default.asp" as opposed to "../default.asp"

ONLY IN YOUR POPUP LINKS! NOT YOUR REGULARLY ASSIGNED IMAGE SLICE URL's.

Did I lose anyone yet? LOL. Trust me its easy!

Now for the trick that makes it all possible.

You now open your template file and select the table cell where you wish for your menu (interface) to be located.

Insert the cursor and choose "Insert>interactive images>Fireworks HTML"

Point the browser to navbar.htm and choose OK. DO NOT select the "delete file after inserting" option. You will need this to fine tune your navbar.

Now when you save your template and update all files using it, it should work fine.

You may need to manually readjust where some of the popups appear. They will have an absolute position relative to where they were created at design time. This means they will most likely not line up when you insert them into a lower cell in a design table other than location 0,0 like it was created.

I havent tried the Popup Motivator extension in this type of a setup, but it may be of use as well. I just lined mine up manually, and moved them gradually up or down, until they looked as I wanted them to.

Now if you need to modify your popup menu, this is what I suggest:

Open your template and click in the menu section, then click "TD" Tag selector at the bottom to select the whole cell, and click delete.

We want to remove the current HTML so we can replace it as if it were new.

I would also delete all of the images that go with the navbar.

Good thing we put only those in a folder called navbar before, right? <img src=../images/dmxzone/forum/icon_smile.gif border=0 align=middle>

Now open navbar.htm in DW and click in the table containing the images, etc.

Click ctrl-A twice to select the whole table (once selects the cell, twice the whole table) or right-click somewhere in the table and choose "table&gt;select table."

Now click the "Edit" button and make sure the "src=your_fireworks_file.png"

Make your changes and export it again as navbar.htm, and repeat the process above to get it back into your template.

It was easier to remove the menu and the images from the template and image folder respectively so we can just start fresh without the extraneous files building up on your server. If its a remote server, make sure you delete them from there and not just your local root. For an example of the menu I build using this method, visit www.etruriantiques.com/default2.asp

The site is under construction, but I thought this would make more sense if you could see that it worked, using this method. All pages in this site use the same template. There is no data in the database yet though, so unfortunately all the links will return a zero search results message, but they do work.

Hope this helped.
We All Gotta Stick Together, Right?!

John Angelini

The Puppet Masters, Inc.
www.thepuppetmasters.com

Edited by - thepuppetmasters on 07 Jun 2002 07:08:02

Edited by - thepuppetmasters on 07 Jun 2002 07:15:22

Reply to this topic