I am trying to have a drop-down menu using Prototype ... right nw it runs well but I don't have yet the 'selected' class implemented ... I believe I need to add a new Event.observe for the click, to fire a function clickDetected , in which I'll have to unselect all menu items but the one clicked... but what could be the best wriring using Prototype lib ?
my prototype_menu.js is the following : var Menu = Class.create(); Menu.prototype = { initialize: function(idOrElement, name, customConfigFunction) {...}, config: function() {..} } var MenuContainer = Class.create(); MenuContainer.prototype = { initialize: function(idOrElement, parent) {...}, init: function(idOrElement, parent) {...}, getBorders: function(element) {...}, open: function() {....}, close: function() {...}, closeAll: function(trigger) {...} }; var MenuItem = Class.create(); Object.extend(Object.extend(MenuItem.prototype, MenuContainer.prototype), { initialize: function(idOrElement, parent) {...}, openItem: function() {...}, closeItem: function(trigger) {...} }); var menu; function configMenu() {...} function initMenu() { menu = new Menu('root', 'menu', configMenu); } Event.observe(window, 'load', initMenu); the html code is like that : <div id="menu"> <ul class="level1" id="root"> <li><a href="#">Top One</a> </li> <li><a href="#">Top Two</a></li> <li><a href="#">Top Three</a></li> <li> <a href="#">Top Four</a> <ul class="level2"> <li><a href="#">Sub A</a></li> <li> <a href="#">Sub B</a></li> <li><a href="#">Sub C</a></li> <li><a href="#">Sub D</a></li> </ul> </li> <li><a href="#">Top Five</a></li> </ul> </div> thanks for your advices, links .. suggestions... erwin --~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "Prototype & script.aculo.us" group. To post to this group, send email to prototype-scriptaculous@googlegroups.com To unsubscribe from this group, send email to prototype-scriptaculous+unsubscr...@googlegroups.com For more options, visit this group at http://groups.google.com/group/prototype-scriptaculous?hl=en -~----------~----~----~----~------~----~------~--~---