Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 1 of 1
  1. #1
    New to the CF scene
    Join Date
    Jan 2012
    Posts
    4
    Thanks
    1
    Thanked 0 Times in 0 Posts

    how to change location of where to click to expand menu

    Greetings,

    In a vertical expanding menu, I'm looking to change where the user clicks in order to expand the menu to the submenu. In short I want the user to be able to click on the parent menu item text and have that action expose the submenu children text items. Please see attached .png for visual.

    At present, the user must click on an arrow icon next to the parent menu item text to expand, but I'd also like the parent menu item to expand showing its children when clicked. All the parent menu item does right now is call in the linked page; it does not expand the menu.

    I've attached the .js in the 3 attached .txt files. Please let me know if there's anything else I should add/send.


    As far as I can tell the name of the arrow being used to expand menu can be seen in this html...

    <td class="wbtTdMenuItem">
    <a id="menuitem1" class="wbtMenuItem wbtMenuItemSelected" href="javascript:void(0)" title="Selected Chapter: Welcome">Welcome</a>
    </td>

    <td class="wbtTdArrow" style="padding: 2px; border: 0px none;">
    <a class="wbtArrowLink" title="Expand Welcome submenu" href="javascript:void(0)">
    <img class="wbtArrowImg" src="images/collapse.png" alt="Expand Welcome submenu" style="width: 5px; height: 9px;">
    </a>
    </td>


    Here's the html containing the name of the item I'd like to use in addition to the arrow...

    <td class="wbtTdSelected">
    <img src="images/spacer.gif" style="width: 0px; height: 0px;" alt="Selected menu item">
    </td>

    <td class="wbtTdMenuItem">
    <a id="menuitem1" class="wbtMenuItem wbtMenuItemSelected" href="javascript:void(0)" title="Selected Chapter: Welcome">Welcome</a>
    </td>
    Attached Thumbnails Attached Thumbnails how to change location of where to click to expand menu-js.png  
    Attached Files Attached Files


 

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •