You will recieve your password to this address. Address is not made public.

Your preferred username that is used when logging in.

Tabs in Tabs... Created Aug 30, 2010

This thread is solved

Views: 935     Replies: 2     Last reply Sep 3, 2010  
You must login first before you can use this feature

jeremyBass

Posts: 49

Registered:
Apr 21, 2009

Tabs in Tabs...

Posted: Aug 30, 2010

For some reason I can't seem to sort out, this works in IE but doesn't in FF.. in FF the right now if you try it out live it's tabbing on the first tabs in the first tab of the parent tabs.. but the second tabs in the second tab of the parent tabs goes back to the first tab.

if you look at the FF output you will see that the "Choose Your Fabric:" links are the outer tabs and the pager links on the right with the next and prev are the inner tabs.

the test page is here...http://173.203.188.218/#/collections.html

The outer works just fine.. and only in IE does the inner work.. the next and prev doesn't thou.. to that is the other missing part.. Tk for the help.. Cheers -Jeremy


$("ul.products_category_list").tabs("div#productArea > div.products", {effect: 'slide'});

$("div.products .nav").each(function(){
$(this).tabs($(this).closest("div.products").find("div.page"), {effect: 'fade'});
});

$('a.next').live('click',function(e){
        e.stopPropagation();   
        e.preventDefault();
       var daIndex= $(this).closest("div.products .nav").index();
	var Cindex= $("div.products .nav").data("tabs").eq(daIndex).getIndex()+1;
	alert(Cindex);
	$("div.products .nav").data("tabs").eq(daIndex).seekTo(Cindex, 2);
});

$('a.prev').live('click',function(e){
        e.stopPropagation();   
        e.preventDefault();
       var daIndex= $(this).closest("div.products .nav").index();
	var Cindex= $("div.products .nav").data("tabs").eq(daIndex).getIndex()-1;
	$("div.products .nav").data("tabs").eq(daIndex).seekTo(Cindex, 2);
});

jeremyBass

Posts: 49

Registered:
Apr 21, 2009

» Tabs in Tabs...

Posted: Aug 30, 2010

Reply to: Tabs in Tabs... , from jeremyBass
So this is a little closer to the right path I think...
I have an error right now of

$("div.products .nav").eq(daIndex).data("tabs").seekTo is not a function
[Break on this error] $("div.products .nav").eq(daIndex).data("tabs").seekTo(Cindex, 2);

I think I'm just boucing around it now.. 



$("ul.products_category_list").tabs("div#productArea > div.products", {effect: 'slide'});

$("div.products .nav").each(function(){
$(this).tabs($(this).closest("div.products").find("div.page"), {effect: 'fade'});
});

$('a.next').live('click',function(e){
        e.stopPropagation();   
        e.preventDefault();
        var daIndex= $(this).closest("div.products .nav").index();
        //alert(daIndex);
	var Cindex= $("div.products .nav").eq(daIndex).data("tabs").getIndex()+1;
	//alert(Cindex);
	$("div.products .nav").eq(daIndex).data("tabs").seekTo(Cindex, 2);
});

$('a.prev').live('click',function(e){
        e.stopPropagation();   
        e.preventDefault();
        var daIndex= $(this).closest("div.products .nav").index();
	var Cindex= $("div.products .nav").eq(daIndex).data("tabs").getIndex()-1;
	$("div.products .nav").eq(daIndex).data("tabs").seekTo(Cindex, 2);
});

jeremyBass

Posts: 49

Registered:
Apr 21, 2009

» » Tabs in Tabs...

Posted: Sep 3, 2010

Reply to: » Tabs in Tabs... , from jeremyBass
any ideas? Just need the next and prev to work...

•