I'm pulling my hair out over a problem I'm encountering on Firefox 3.5 & 3.6 on OS X. I'm using SWFobject to embed an AmMap of the US, which has rollover tooltips for various states. The rollovers are working fine in every other browser I've tested, but they're very buggy on FF for Mac--most of the time they don't show up at all, but if I persistently click a state that's supposed to have a hover event, I might catch a glimpse of the tooltip.
Here's the code for the SWFObject embed (incidentally, this isn't being done in the document head due to templating reasons). The reason that the SWFObject initialization is wrapped in Jquery's document.ready handler is that the swf wasn't even appearing in FF 3.5.9 for mac until I added that in:
$(document).ready(function() {
var params = {
quality: "high",
scale: "noscale",
allowscriptaccess: "always",
allowfullscreen: "true",
bgcolor: "#FFFFFF",
base:"/<?php print LANG . "/locations/" ?>"
};
var flashvars = {
path: "",
settings_file: "mapsettings",
data_file:"mapdata"
};
var attributes = {
id: "flashmap",
name: "flashmap"
};
swfobject.embedSWF("/assets/flash/ammap.swf", "flashmap", "470", "300", "8", null, flashvars, params, attributes);
});
Any feedback would be greatly appreciated...site goes live in 48 hours!
Thanks!