Ask questions and get good answers on jQuery

Question

If I have clicked on an item in the menu, or a sub item I want to change something about the main menu item where that menu displayed next to. How do I get the item (the one in the table that's used to construct the subsequent menu from?

For example I am going to have several of these in the page

<table class="rootVoices" cellspacing='0' cellpadding='0' border='0'>
<tr>
    <td class="rootVoice {menu: 'parentCategory'}">
        Select Category
    </td>
</tr>

When I click on a category that is in the menu or sub menu I want to change that td conent to contain the name of item I clicked on in the menu/submenu. Hope that makes sense.

Thanks,

Jojo

Answer 1

You can simply add a function on click of your submenu that change the HTML content of your rootmenu voice:

first set an ID to the rootvoice container:

<table class="rootVoices" cellspacing='0' cellpadding='0' border='0'>
<tr>
    <td id="category" class="rootVoice {menu: 'parentCategory'}">
        Select Category
    </td>
</tr>

than add to your menuvoice a function like:

<a class="{action: '$(\'#category\').html($(this).html());'}">sub_menu_1.1</a>

Ask questions and get good answers on jQuery

How do I select rootVoice from menu/submenu item?

Follow this question

pupunzi.com

pupunzi's blog

Other products:

Related questions