Ahh! Thank you very much, Klaus. The title attribute worked
perfectly!!
On Oct 21, 12:15 pm, Klaus Hartl <[EMAIL PROTECTED]> wrote:
> 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
-~----------~----~----~----~------~----~------~--~---
