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
-~----------~----~----~----~------~----~------~--~---

Reply via email to