Archive for the 'ADxMenu' category

IE8 beta2 considered harmful

I was notified that ADxMenu does not work in IE8 beta2. Apparently, it suffers from several CSS bugs that are triggered by my menu. Nothing to actually do about it, only hope that Microsoft developers will fix these soon.

These bugs are introduced in the beta2, as the menu was working fine with beta1. New IE engine’s growing hickups, I guess.

Update: Microsoft developers fixed this in IE8. My menu is working just fine there.

Small update for ADxMenu

I implemented the latest version of the ADxMenu script in company’s web sites and found a problem. I use the full version of DOMLoaded.js script for those websites and ADxMenu.js internally uses just the IE part of the same script.
When loaded both, they collide and ADxMenu’s Setup() is never called.

I have recoded this so that my script is now completely independent of anything else on the page. Everything is up, so you can re-download the script and use it.

p.s. This is 300^th post on my blog. I find it nice that it’s ADxMenu themed.

ADxMenu accessibility update for IE6

Aaron J. Young from OUHSC recently wrote with question:

I was wondering how one might be able to modify your ADxMenu so that if someone has IE6 and Javascript disabled it would simply show the entire tree menu.

I prefer to add actual links to main menu items and have sub navigation shown on each of those pages. However, this is reasonable request that improves the accessibility of the menu, thus I looked into possible solution. I wanted to avoid changing HTML for the menu and I think I came up with good solution — keeping in mind that this will be seen and executed only by IE6.

The main four menu examples are updated, as well as downloadable archive. There’s also one new example that shows how you can create two different styles, one when Javascript is enabled and one when it’s disabled.

Continue reading ADxMenu accessibility update for IE6

ADxMenu v4.10

After finishing this update, I had yet another moment of how in the hell I didn’t figured this before. You know the feeling – you struggle with certain code for weeks or months, and then after you surrender to the reality and code the “just work, bitch” parts, you realize the simple solution was waiting just around the corner of your mind.

With several simple lines in the script, I can now use much simpler IE6-only CSS. Menus now work with any number of levels, without the need to update the ugly .menu .adxmhover ul, .menu .adxmhover .adxmhover ul, .menu .adxmhover .adxmhover .adxmhover ul.... rules.
Even better, you now have – in IE6 – direct (not simulated) replacements for the following selectors:

• li:hover
• li:hover>a
• li:hover>ul

Continue reading ADxMenu v4.10

ADxMenu v4 — flyout (drop-down) menu

v4 is online for some time now and people have already used it. This version is the result of the months and months of experience implementing previous version on all kinds of web sites.

I have changed the basic CSS, but just a bit, mainly simplified it. Important changes from the v3 are:

1. Completely clean HTML inside the menu – there are no classes, no IDs
2. Behavior component (.htc) is not used anymore – it uses plain Javascript
3. Instant execution of the IE script, thus making the menu usable even before the entire page content is downloaded
4. WCH is not part of the script, but it uses it if it’s available You must include WCH.js before the ADxMenu.js for this to work
5. li:hover is not simulated automatically, you must write the CSS yourself, using adxmhover class
6. Submenu opening now gives you certain degree of freedom – they will not disappear if you move the mouse slightly off the submenu
7. Much, much quicker in IE than v3

Continue reading ADxMenu v4 — flyout (drop-down) menu