Click menus on IE6

[Roy Bailey <te...@roybailey.info>]

Just tried my click prototype at work and found in IE6 (yes - I have to 
support it) the menu renders the top bar only but you don't get the drop 
down menus when you move over them.  Any ideas?  I see some mention of a 
fix-menu-ie6.js in the javadoc but it looks unrelated to the problem.

thanks...Roy

Re: Click menus on IE6

[Bob Schellink <sa...@gmail.com>]

On 27/10/2010 05:00, Roy Bailey wrote:
> Tit was the id of the menu div that was at fault as you said.

Ah nods, the quickstart macro.vm has a hard coded value.

I've opened a JIRA[1] for this and other improvements.

Kind regards

Bob

[1]: https://issues.apache.org/jira/browse/CLK-723

Re: Click menus on IE6

[Roy Bailey <te...@roybailey.info>]

Thanks Bob, it was the id of the menu div that was at fault as you said.

On 26/10/2010 01:11, Bob Schellink wrote:
> Hi Roy,
>
> On 26/10/2010 06:48, Roy Bailey wrote:
>> Just tried my click prototype at work and found in IE6 (yes - I have to support it) the menu renders
> Yeah, I think most companies still has to support it. :)
>
>> the top bar only but you don't get the drop down menus when you move over them.  Any ideas?  I see
>> some mention of a fix-menu-ie6.js in the javadoc but it looks unrelated to the problem.
> The menu-ie6.js is the JS that is needed to fix IE6 issues. There are two major pain points with IE6
> that it fixes:
>
> - IE6 doesn't support :hover on anything but<a>. For the menu hover needs to work on<ul>  as well
>
> - in IE6, Select dropdowns burn through all layers, so if your menu covers a Select, the Select will
> still be visible. fix-menu-ie6.js resolves this through the well-known "hidden iframe hack"
>
> Generally when the menus doesn't appear it's either that the menu head elements isn't rendered, or
> that the macro that renders the menu, doesn't have the correct menu ID.
>
> Things to check
>
> - Does the page render markup like this:
>
>       Click.menu.fixHiddenMenu("rootMenu");
>       Click.menu.fixHover("rootMenu");
>
>    The "rootMenu" argument above is the ID of the menu.
>
> - Does the rendered menu have a matching ID attribute for it's<div>  wrapper. Something like:
>
>    <div class="menustyle" id="rootMenu">
>      ....
>    </div>
>
> I've found the most common issue is if the ID's don't match.
>
> Does this help?
>
> Kind regards
>
> Bob
>

Re: Click menus on IE6

[Bob Schellink <sa...@gmail.com>]

Hi Roy,

On 26/10/2010 06:48, Roy Bailey wrote:
> Just tried my click prototype at work and found in IE6 (yes - I have to support it) the menu renders

Yeah, I think most companies still has to support it. :)

> the top bar only but you don't get the drop down menus when you move over them.  Any ideas?  I see
> some mention of a fix-menu-ie6.js in the javadoc but it looks unrelated to the problem.

The menu-ie6.js is the JS that is needed to fix IE6 issues. There are two major pain points with IE6
that it fixes:

- IE6 doesn't support :hover on anything but <a>. For the menu hover needs to work on <ul> as well

- in IE6, Select dropdowns burn through all layers, so if your menu covers a Select, the Select will
still be visible. fix-menu-ie6.js resolves this through the well-known "hidden iframe hack"

Generally when the menus doesn't appear it's either that the menu head elements isn't rendered, or
that the macro that renders the menu, doesn't have the correct menu ID.

Things to check

- Does the page render markup like this:

     Click.menu.fixHiddenMenu("rootMenu");
     Click.menu.fixHover("rootMenu");

  The "rootMenu" argument above is the ID of the menu.

- Does the rendered menu have a matching ID attribute for it's <div> wrapper. Something like:

  <div class="menustyle" id="rootMenu">
    ....
  </div>

I've found the most common issue is if the ID's don't match.

Does this help?

Kind regards

Bob