Firefox Issues

Taken From The Forum:
Forum Topic:
Last Updated: Saturday July 14 2012 - 06:07:36

Firefox Issues

Poster: Ginocide
Dated: Tuesday August 9 2005 - 8:18:31 BST

Now that I have my menu running great, I've found that it only works in IE. The only other browser I test in is Firefox, and it's completely inoperable in FF. What gives? Here is the test page: http://www.stgeorgewarren.org/test. Thanks for any help.

Poster: Ruth
Dated: Tuesday August 9 2005 - 16:16:29 BST

Hi,

The calls are incorrect. Using The Parish one as an example it should be:

Code:

<A onmouseover="popup('Parish','parishmenu')" href="http://www.stgeorgewarren.org/test/#" onmouseout="popdown()">
<IMG id=parishmenu src="TheParish.gif" border=0 name=parishmenu></A>

You left out the popdown which means the submenus won't close, and the id and name need to be the same. You'll have to check the other ones and make the changes.

Ruth

Poster: Ginocide
Dated: Wednesday August 10 2005 - 16:08:33 BST

Ruth, thank you so much for your help over the last couple days. I am now having some cosmetic issues with FF. If you look at the site in both FF and IE, you'll notice that everything's nice in IE, but certain things don't look right in FF. The menus don't fade in or out and the text is smaller.

Is there a way to get the same menu_data.js file to run the same in both browsers, or should I do a browser test and then call a separate menu_data.js file just for FF users? Here is my menu_data.js file if you need to look at it.

Poster: Ruth
Dated: Wednesday August 10 2005 - 17:37:45 BST

Hi,

The fade will never show in anything but IE. This is not a lack in the menu system. The overfilter and outfilter options are program inclusion of the Microsoft filters and transitions which uses active x. These are proprietary to Internet Explorer. Here's an interactive demo if you want to take a look at other things you can do with the overfilter/outfilter properties of the menu. There is no similar programming function available in other browsers, so no way to put anything in the menu to get those browser to do what IE does.

As to the size, that has to do with whatever the setting is on your FF browser especially since you have the font size set to 125%. That means it will be 125% of whatever size you have set in your browser, any browser. So if I have my text size set at smaller or decrease in IE and Firefox, it will be 125% of whatever the equivalent fontsize is to those. You can set a fixed font size which should be equal across browser, but remember that anyone using FF, Netscape or IE with the accessibility 'ignore font size' checked will be able to change the size. The only way to make it the same always is to use images, but it really is better to allow the user to change the submenu fonts for their vision needs.

I have a question for you. Is there some specific reason you are using the pop menu function instead of just putting the menu in a table at the top of the page? It would be so much easier to code and to make changes if you ever decide to do that.

Ruth

Poster: Ruth
Dated: Wednesday August 10 2005 - 19:19:38 BST

Hi again,

Just in case you decide you wanted to use a main menu in a table I put together the code. Your page would have this at the top, in place of the popup section and the spacer you have now.

Code:

<!-- MENU -->
<CENTER> 
<table cellSpacing=0 cellPadding=0 width=600 border=0>
<tr>
       <td><center><table border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
    <td><script>with(milonic=new menuname("main")){
style=mainStyle;
position="relative";
alwaysvisible=1;
orientation="horizontal";
aI("image=TheParish.gif;showmenu=Parish;")
aI("image=ProgressiveChristianity.gif;showmenu=ProgChrist;")
aI("image=LivingTheQuestions.gif;showmenu=Living;")
aI("image=RecentSermons.gif;showmenu=Recent Sermons;")
aI("image=Forum&Contact.gif;showmenu=Forum &amp; Contact;")
}
drawMenus();
</script>
</td>
</tr>
</table></center></td>
</tr>
<tr>
       <td><IMG height=4 src="space.gif" width=2><BR></td>
</tr>
</table></CENTER><!-- /MENU -->

in your menu data file you would add this mainStyle code right below the menuStyle code and before the first submenu

Code:

mainStyle=new copyOf(menuStyle); 
mainStyle.borderwidth=0; 
mainStyle.separatorsize=0;
mainStyle.subimage="";

Ruth

Poster: Ginocide
Dated: Wednesday August 10 2005 - 22:04:08 BST

Ruth, you're awesome. Thank you. A question though... How is this menu better than the other way that I did it? (I'm not questioning whether or not it's better - I'm a novice, I'm sure your way is better - but why is it better?)

Poster: Ruth
Dated: Wednesday August 10 2005 - 22:52:15 BST

Hi,

Not better. Just easier given your design layout. As you can see from the coding for each it's much easier to do the table one. Look at what you had to put for each link in the html page and now look at the aI for those same links

Code:

aI("image=TheParish.gif;showmenu=Parish;")

That does exactly the same thing because the menu program already has all the onmouseover/onmouseout automatically built in. In the links on the page you are just calling those functions.

I'm sending you information in private message with the coding to put it all in the menu_data.js file which is even easier than in a table.

Ruth

Industrial Strength JavaScript and DHTML Menus

Firefox Issues