loading a UI Tab panel from an external menu?
Hi all,
First, let me apologize if I'm retreading old territory. My problem is this:
I have a set of flyout menus (from the filament group page - code fg.menu.js - http://filamentgroup.com/lab/jquery_ipod_style_and_flyout_menus/)
These are set up in a separate sidebar div from my tabs. What I'm trying to do is
1) have the menu links reloaded each time I click on a tab
2) have the links from the menus load their content into the tab panels.
I haven't started on #1 yet, but I can't seem to get #2 to work. I'm wondering if I'm having some sort of scoping issue with my jQuery code, since I'm just pulling in the fg.menu library. There's a method there to customize for what to do when you click the menu selection , but I suspect it doesn't know about the tabs I'm trying to load.
This is the fg.menu callback for the menu clicks:
this.chooseItem = function(item){
menu.kill();
// edit this for your own custom function/callback:
$('#menuSelection').text($(item).text());
//location.href = $(item).attr('href');
}
My tabs are the standard UI tabs, straight from the documentation examples. Uncommenting the location.href above only loads the URL into the whole window, not in the tab. Note that the menu is defined outside of the tab panel.
It's been years since I did any heavy javascript, so I may be overlooking something simple here. I have a feeling I'll probably have the same problem with #1, only in reverse. The fg.menus work by taking in a ul list and converting it to the menu buttons. The list can be in the main page or in a separate file (without any HTML headers, etc). It's nice because it integrates with ThemeRoller, but I can't seem to get it working.
Pointers anyone?
SpaceVegetable