I see. There is a workaround for this. If you specify a title
attribute on the anchor element of such remote tab, that title (with
white space replaced by an underscore) will be used as fragment
identifier for that tab and you can refer to it from "outside".
Page 2:
<ul>
...
<li><a href="online.php" title="Tab 2">...</a>
</ul>
link from page 1: online.php#Tab_2
Another solution would be: Include the tab (index) to be selected as
parameter in the url and use that value for initialization. On page 2
you would initialize tabs like:
link from page 1: online.php?selected=1
var selected = parseInt(location.search.slice(1).split('=')[1]) || 0;
$('#foo').tabs({ selected: selected });
HTH --Klaus
On 21 Okt., 17:51, ghires <[EMAIL PROTECTED]> wrote:
> Thank you for your response, Klaus.
>
> However, I'm able to select a tab from a text link on the same page
> using the provided jquery script on the FAQs page you mentioned, but
> what about this scenario:
>
> I have a text link on page1.html that has an <a
> href="page2.html#tab2">Register Online</a>
> On page2.html, the actual "tab2" content is using remote ajax (please
> refer to html above). So . . there isn't an href anchor on page2.html
> that I can refer to . . the href on page2.html is using "online.php"
> remote ajax.
>
> Maybe a more simpler question might be this: what is another way to
> assign an anchor (#tab2) to an Ajax mode tab (Online) by modifying the
> html in my first post?
>
> On Oct 21, 6:37 am, Klaus Hartl <[EMAIL PROTECTED]> wrote:
>
> > Theres an FAQ for
> > this:http://docs.jquery.com/UI/Tabs#...select_a_tab_from_a_text_link_inste...
>
> > --Klaus
>
> > On 20 Okt., 20:51, ghires <[EMAIL PROTECTED]> wrote:
>
> > > How do I activate a tab via via a text link when the tabs href is
> > > using remote ajax? Here's the html:
>
> > > <div id="tabs">
> > > <ul>
> > > <li><a href="#tab1"><span>In Person</span></a></
> > > li>
> > > <li><a href="online.php"><span>Online</span></a></
> > > li>
> > > </ul>
> > > <div id="tab1">
> > > <p>Lorem ipsum . . .</p>
> > > </div>
> > > </div>
>
> > > Here's the javascript:
>
> > > $("#tabs > ul").tabs({ fx: {opacity: 'toggle'}});
>
> > > Using a text link on another page works:
>
> > > <a href="index.php#tab1">Register in Person</a>
>
> > > But how do I do the same for the second tab?
>
> > > Thanks - your help is very much appreciated.
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"jQuery UI" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to [EMAIL PROTECTED]
For more options, visit this group at
http://groups.google.com/group/jquery-ui?hl=en
-~----------~----~----~----~------~----~------~--~---
