Hi All,
 I have an issue in this script that needs some assistance from you all. We
have implemented this menu in an appfuse project like this way.
 + Item1   ........................1st Level
    Item1_1
    Item1_2
    + Item1_3.....................2nd Level
       Item1_3_1
       Item1_3_2
  Item2
  Item3
  +Item4 .......
Like this. We have used two image icons for the plus and minus images. When
the + image is clicked, the menu expands and the icon changes in to - image.

What I need to implement is to have separate 2 images for the 1st level of
the menu and to have another 2 images for the 2nd level of the menu. 
 The existing js code specifies the images(1.gif and 2.gif) in this way.

****************************************************************** 
    actuator.parentNode.style.backgroundImage =
"url(images/1.gif)";//icon_plus.gif
    actuator.onclick = function() {
        var display = menu.style.display;
        this.parentNode.style.backgroundImage =
            (display == "block") ? "url(images/1.gif)" :
"url(images/2.gif)";
******************************************************************

How can I implement this change in the javascript code to support this
functionality. Pls help guys...
Thank you all very much.. all your help is highly appreciated.


-- 
View this message in context: 
http://www.nabble.com/menuExpandable2.js-tf4252744s2369.html#a12103389
Sent from the AppFuse - User mailing list archive at Nabble.com.

---------------------------------------------------------------------
To unsubscribe, e-mail: [EMAIL PROTECTED]
For additional commands, e-mail: [EMAIL PROTECTED]

Reply via email to