Auto height resize when text wraps

[Paul Philpot]

Hi

I have a small issue with text wrap on the menu - I have this menu on a CMS which dynamically writes the new javascript files if there are any changes to the navigation.

When a longer link name is entered (the menu text) , it wraps correctly inside the 'box', but the area is not expanded vertiaclly to accomodate the extra line of text.

Basically I need to know how to set it up so that if there's text wrap to expand teh height of that menu item by a factor of 2...

Any ideas?

Thanks in advance

[AlexKunin]

Autosizing is supported by Professional edition since 2.6.x, and you can find corresponding sample in you "COOLjsMenu Professional 2.N.N.zip" package. Among other things, that sample demonstrates menu items that accommodate their heights to contents' actual height (i.e. width is constant).

[Paul Philpot]

Thanks for that Alex - my archive must have unpacked weirdly as some of the demo links didn't work. Anyway, I have seen the demo, and all works well in Firefox, Safari and Opera. BUT NOT Internet Explorer 6 on PC.

Weird. I have used the 'size:[ '+self', 145 ]' to allow the menu height to be variable depending on wrapped content, but in I.E. it just places each menu item on top of each other (it's a vertical menu). If I reset the size definition to size:[ 20, 145 ] then all menu items are visible. Also all menu items seem to have the arrow showing in I.E. even where there's no sub menus - the arrows work perfectly in other browsers on the Mac platform.

Just let me know if you need me to send you the code...

Cheers

Paul

[Paul Philpot]

OK, this is weird.

This is what happens what the vertical menu looks like in Firefox, Safari and Opera on Mac:

Item 1 >
Item 2 >
Item 3 >
Item 4
Item 5
Item 6
Item 7

Then the sub menus appear from items 1-3 correctly (with active link)

On I.E. 6 on windows this is what happens:

Item 1 >
Item 2 >
Item 3 >
Item 4 >
Item 5 >
Item 6 >
Item 7 >

Then the sub menus appear from items 1-3 but with arrows also falsely indicating that there is a 3rd level of menus. And the sub menu links are not active - no pointer icon change, and the sub menu vanishes as if the mouse is out.

This seems to have happened since I either upgraded to 2.9.x or since I changed the code to allow variable menu heights upon text wrapping.

Any ideas?

Here's the code:

[Paul Philpot]

By the way, here's the temporary link:

[url]http://www.researchintouse.com/new/index.php

[Paul Philpot]

FORGET MOST OF THE ABOVE.

I have recoded to remove the legacy code, and most of the problems are solved.

Sorry Alex, I should have read the upgrade instructions

I'll post a new topic with my remaining problem...