UDM4 expanding menu not working in Firefox 3
I'm new to UDM4 (and love it!), and I'm having problems getting an expanding menu that works fine in IE7 to work in Firefox 3. I'm using the JS version, and have validated my code with the W3C.
The menu appears as it should, but when I click to open a submenu, the submenu appears but the links do not function. Here is a link to the test page I have online: http://www.shf.org/mgitest/mgi-template02.html I've looked through other message postings, but couldn't find anyone with the same problem. I've attached my code in case someone wants to take a look. Code:
<style type="text/css"> |
I'm having the same problem. Is there any update to UDM4 to make it so expanding menus actually work in FF3, or do I have to migrate to something else?
|
I'm not aware of any FF3 issues, but will certainly have our developers look into it. As always, we strongly recommend you validate your HTML code. The link you provided is giving me a 404 error. Do you know if your HTML is valid?
|
I'm not the original poster, but my site that's using udm4 and expanding menus that doesn't work is
It works fine in IE7, doesn't work in Firefox. |
I was trying to figure out this question as well.
I suspect is has to do with JS doing an onclick or onmouseup BEFORE the anchor href is followed. So, does anyone know how to follow the link as specified in the tag <a href="/about-us/index.php"> in addition to doing the expanding menu. Here are two things I've tried that have not worked so far... Code:
<li class="onclick" onmousedown="location.href='/about-us/index.php';"> Code:
<li class="onclick" onclick="location.href='/about-us/index.php';"> |
Wahoo... this page helped me figure out the first half of the problem. Now the items that have submenus are clickable. They don't stay expanded though, so I still need help on that but am looking for the answer now:
http://www.experts-exchange.com/Prog..._22084656.html NOTE: I am using "udm-x-youarehere.js" instead of "udm-x-snapshot.js" because then if someone manually enters a url in the address bar, the menu will expand properly to right place instead of just saving the last click. Here is what I gleaned from that and how I got it to work. Notice that I added the onclick to the <a> tag instead of the <li> tag. The reason for using "this.href" instead of "/about-us/index.html" was many people (like myself) have dynamically created menus. It's more difficult to write out the url both in href and onclick, so this way it just copies the value from the href tag to the onclick tag. Now my menu follows the link BUT does not expand for this page. At least we're one step closer. Code:
<li class="onclick"> |
Whew... I found out how to get the submenu to be displayed when the parent of the submenu is selected when using the expandable menu.
NOTE: To my knowledge, this will only work if you have a dynamic way of adding adding a class to all <li> tags that are currently selected. In this case I chose to use the class "show-since-li-tag-is-active"Use this CSS (The !important below may or may not be necessary, I was just being safe): Code:
#udm li.show-since-li-tag-is-active ul { Code:
<ul> This has been verified to work in FF3 and IE7 assuming I didn't do any typos here :) |
colech, thank you so much. That works.
|
All times are GMT. The time now is 02:38 PM. |
Powered by vBulletin® Version 3.0.1
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.