Hi Chris, you can activate a tab via url fragment identifier. Say you want to open the page with Page 1 third tab selected, the url to achieve that looks like:
your.page.com/whatever.html#sub3 HTH --Klaus On 20 Feb., 15:11, Chris <[email protected]> wrote: > Hey there everyone! I posted this late last night to no avail. > > I'm having some trouble implementing ui tabs on a particular site > we're > doing for a client. > > We wanted to have 6 or so pages of content and on each of those pages > have > ui tabs. The problem I'm having is with linking to other tabs on other > pages > from a current page. > > For instance: > I'm on page 1 - tab subnav 3, but i want to go to page 2 - tab subnav > z. > > HOW DO I GET THAT TO WORK??? > > Here's some condensed sample code: > > <html> > <head> > <script type="text/javascript" src="js/jquery-1.3.1.min.js"></script> > <script type="text/javascript" > src="js/jquery-ui-personalized-1.6rc6.min.js"></script><!--ui core + > tabs > --> > <script type="text/javascript"> > $(document).ready(function() { > $("#main_navigation ul.tabs").tabs(); > }); > </script> > </head> > <body id="page1"> > <ul id="main_navigation"> > <li> > <a href="page1.php">Page 1</a> > <ul class="tabs"> > <li><a href="#sub1">Sub Nav 1</a></li> > <li><a href="#sub2">Sub Nav 2</a></li> > <li><a href="#sub3">Sub Nav 3</a></li> > </ul> > </li> > <li> > <a href="page2.php">Page 2</a> > <ul class="tabs"> > <li><a href="#subX">Sub Nav X</a></li> > <li><a href="#subY">Sub Nav Y</a></li> > <li><a href="#subZ">Sub Nav Z</a></li> > </ul> > </li> > </ul> > > <div id="content"> > <div id="sub1">lorem</div> > <div id="sub2">ipsum</div> > <div id="sub3">uncle vito</div> > </div><!--content--> > </body> > </html> > > ANY HELP WOULD BE GREATLY APPRECIATED!!! > -- > Christopher Webb --~--~---------~--~----~------------~-------~--~----~ 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 -~----------~----~----~----~------~----~------~--~---
