Recommend a good flyout menu, please

[Sleidia]

Hi guys,

I've spent nearly 3 hours looking for a free stable and crossbrowser vertical fly-out menu with unlimited sublevels.
It would be best if it could be based on prototype.js which I already use on the site.
Also, the categories should be ordered with nested divs instead of a javascript array.

Any good recommendation?

Thanks for the help!

 

[BabyJeffy]

Use the Suckerfish menu solution. I don't know if this is what you refer to as a "flyout menu" - but you can check it out and see it does the trick. It's certainly simple to implement and requires javascript only for IE6 (and that doesn't rely on any javascript framework).

Cheers,
Jeff

[tt]Jeff's Blog [!]@[/!] CodeRambler

http://www.coderambler.com/

http://www.coedit.co.uk/

[/tt]

Make sure your web page and css validates properly against the doctype you have chosen - before you attempt to debug a problem!

FAQ216-6094

 

[Sleidia]

Thanks Jeff,

Pardon me if I'm wrong but, in order to use the Suckerfish method, you have to know in advance how many sublevels you will have, right?

I'm looking for a script that has all the positionning calculated with Javascript, which would allow unlimited sublevels. The CSS should only be used for the appearance of the menu boxes.

Thanks again

 

[feherke]

Hi

Based on my test I would say SuckerFish is suitable for you.
[ol]
[li]Open

http://htmldog.com/articles/suckerfish/dropdowns/example/

in FireFox[/li]
[li]Open FireBug[/li]
[li]Do once :

n=document.getElementById('nav')
l=document.createElement('li')
n.appendChild(l)
a=document.createElement('a')
a.href='#'
a.innerHTML='Plus'
l.appendChild(a)

[/li]
[li]Repeat unlimited times for unlimited sublevels :

u=document.createElement('ul')
l.appendChild(u)
l=document.createElement('li')
u.appendChild(l)
a=document.createElement('a')
a.href='[URL unfurl="true"]http://example.com/'[/URL]
a.innerHTML='Sub Plus'
l.appendChild(a)

[/li]
[/ol]
Or I misunderstand you ?

Feherke.

http://rootshell.be/~feherke/