Fireworks rollovers not working -help please!

[Bapha]

Greetings and thanks for taking the time to view my question.

I have made a group of four buttons in fireworks. They each have three states-normal, mouse over, and mouse down.
When i place them into a page in Dreamweaver4 it works fine until I place more of the same buttons on the same page. then the rollovers don't work. I need to have serveral copies of the same group of buttons on a page so this is quite an issue. The button labels are:Read reviews, submit a review, purchase item, and articles.

I am using fireworks 4 and Dreamweaver 4.
I have tried exporting them from FW as a dreamweaver library item aswell as a HTML/gif combination. Still the same problem-rollovers don't work when I put more than one lot of the same thing. All four buttons make up on exported file.

Hope I supplied enough info and hope someone can help.

[jonirvine]

Hi,

At a guess this is happening because you have duplicated the buttons on the same page.

The javascript created by fireworks uses the image name tag <img name="XXXXX"> to run the rollovers.

Try changing the names of the images for each set you add to a page.

If this doesn't work or does let me know. If it doesn't, tell me the URL of the page or send me the fireworks and dreamweaver pages and I'll sort it our for you.

Jon

[Bapha]

Thanks for the relpy Jon.

I ended up recreating the buttons with different names. The problem is now I have 5 sets of buttons, all of which use the same pics. So the pic will have to be downloaded 5 times. I cant think of a way of having fancy rollover buttons that can be used numerous times on page without having to specify a different name for each. If you can please tell me.

thanks again:)

[Ian]

Hi, please post your source code or a url so we can view it and help you further.

[jonirvine]

Bapha,

It's silly having them all as different images so I'm affriad you're gonna have to open the page up in notepad and change the names of the files.

Here's how:

If you have 5 versions of the same buton on the page you need to change each of the names so they aren't the same.

Say the code for one button looked like this:



<tr valign="top"><!-- row 10 -->
<td><a href="contact.shtml" target=main onMouseOut="MM_nbGroup('out');"
onMouseOver="MM_displayStatusMsg('Contact Information');MM_nbGroup('over','navi_r10_c2','buttons/navi_r10_c2_f2.gif','buttons/navi_r10_c2_f4.gif',1);return document.MM_returnValue"
onClick="MM_nbGroup('down','navbar1','navi_r10_c2','buttons/navi_r10_c2_f3.gif',1);" ><img name="navi_r10_c2"
src="buttons/navi_r10_c2.gif" width="100" height="50" border="0"></a></td>
</tr>


You'll need to change 3 things. First the name of the image which is the button.

<img name="THISBIT">

and 2/3rd the reference to the name in the onclick and onmouseover bits.

If you changed navi_r10_c2 to pavi_r10_c2 it would look like this:



<tr valign="top"><!-- row 10 -->
<td><a href="contact.shtml" target=main onMouseOut="MM_nbGroup('out');"
onMouseOver="MM_displayStatusMsg('Contact Information');MM_nbGroup('over','pavi_r10_c2','buttons/navi_r10_c2_f2.gif','buttons/navi_r10_c2_f4.gif',1);return document.MM_returnValue"
onClick="MM_nbGroup('down','navbar1','pavi_r10_c2','buttons/navi_r10_c2_f3.gif',1);" ><img name="pavi_r10_c2"
src="buttons/navi_r10_c2.gif" width="100" height="50"
border="0"></a></td>
</tr>


Unfortunately, as far as I am aware this is the only way of doing it.

[Bapha]

thanks for the reply.

Heres the code (could someone tell me how to insert a section of code in a post?)

<!-- #BeginLibraryItem "/Library/fireworks buttons group.lbi" --><table border="0" cellpadding="0" cellspacing="0" width="120">
<!-- fwtable fwsrc="related group.png" fwbase="related_group.gif" fwstyle="Dreamweaver" fwdocid = "742308039" fwnested="0" -->
<tr>
<td><img src="images/fireworks/buttons/spacer.gif" width="120" height="1" border="0" name="undefined_2"></td><td><img src="images/fireworks/buttons/spacer.gif" width="1" height="1" border="0" name="undefined_2"></td></tr>
<tr>
<td><a href="#" onMouseOut="MM_nbGroup('out');" onMouseOver="MM_nbGroup('over','related_group_r1_c1','images/fireworks/buttons/related_group_r1_c1_f2.gif','images/fireworks/buttons/related_group_r1_c1_f3.gif',1)" onClick="MM_nbGroup('down','navbar1','related_group_r1_c1','images/fireworks/buttons/related_group_r1_c1_f3.gif',1)" ><img name="related_group_r1_c1" src="images/fireworks/buttons/related_group_r1_c1.gif" width="120" height="20" border="0"></a></td><td><img src="images/fireworks/buttons/spacer.gif" width="1" height="20" border="0" name="undefined_2"></td></tr>
<tr>
<td rowspan="2"><a href="#" onMouseOut="MM_nbGroup('out');" onMouseOver="MM_nbGroup('over','related_group_r2_c1','images/fireworks/buttons/related_group_r2_c1_f2.gif','images/fireworks/buttons/related_group_r2_c1_f3.gif',1)" onClick="MM_nbGroup('down','navbar1','related_group_r2_c1','images/fireworks/buttons/related_group_r2_c1_f3.gif',1)" ><img name="related_group_r2_c1" src="images/fireworks/buttons/related_group_r2_c1.gif" width="120" height="20" border="0"></a></td><td><img src="images/fireworks/buttons/spacer.gif" width="1" height="4" border="0" name="undefined_2"></td></tr>
<tr>
<td><img src="images/fireworks/buttons/spacer.gif" width="1" height="16" border="0" name="undefined_2"></td></tr>
<tr>
<td rowspan="2"><a href="#" onMouseOut="MM_nbGroup('out');" onMouseOver="MM_nbGroup('over','related_group_r4_c1','images/fireworks/buttons/related_group_r4_c1_f2.gif','images/fireworks/buttons/related_group_r4_c1_f3.gif',1)" onClick="MM_nbGroup('down','navbar1','related_group_r4_c1','images/fireworks/buttons/related_group_r4_c1_f3.gif',1)" ><img name="related_group_r4_c1" src="images/fireworks/buttons/related_group_r4_c1.gif" width="120" height="20" border="0"></a></td><td><img src="images/fireworks/buttons/spacer.gif" width="1" height="4" border="0" name="undefined_2"></td></tr>
<tr>
<td><img src="images/fireworks/buttons/spacer.gif" width="1" height="16" border="0" name="undefined_2"></td></tr>
<tr>
<td rowspan="2"><a href="#" onMouseOut="MM_nbGroup('out');" onMouseOver="MM_nbGroup('over','related_group_r6_c1','images/fireworks/buttons/related_group_r6_c1_f2.gif','images/fireworks/buttons/related_group_r6_c1_f3.gif',1)" onClick="MM_nbGroup('down','navbar1','related_group_r6_c1','images/fireworks/buttons/related_group_r6_c1_f3.gif',1)" ><img name="related_group_r6_c1" src="images/fireworks/buttons/related_group_r6_c1.gif" width="120" height="24" border="0"></a></td><td><img src="images/fireworks/buttons/spacer.gif" width="1" height="4" border="0" name="undefined_2"></td></tr>
<tr>
<td><img src="images/fireworks/buttons/spacer.gif" width="1" height="20" border="0" name="undefined_2"></td></tr>
</table><!-- #EndLibraryItem -->

This is a group of four buttons created in Fireworks. In order to have serveral of these groups working on one page I have had to export them several times from Fireworks with a name veriation. The problem i see with this is several copiess of the same image will have to be D.loaded.
jonirvine, just to clarify, is change the img tag the same as exporting the from Fireworks with a different name?

thanks again for your help

[jonirvine]

Bapha,

No, what I mean to do is create the fireworks file with only one set of the buttons, then export the html.

Then open the html file with notepad and copy and paste the code generated with fireworks several times (as needed), and finally change the bits I said earlier (still in notepad).

If you still don't get what I mean I can do it for you if you like?

To place code on the forum you have to bulletin board tags, I don't think I'll be able to show you exactly cos it would just think I was adding code.....lol Try looking in the FAQ

Jon

[Dr. Web]

IN dreamweaver you should be able to use the same button many times.....just by changing the name on the properties box. This gives it a separate "instance" if you will...so it can control a button by proper name. The program is getting confused. One more thing...I had a similar issue where I had 3 states for buttons, and the graphics were sooooooooo slow to load....even though I chose to Pre-Load the images.....I found that many users wanted to click their way around before the buttons were even done loading.