StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

PO
text
Body
copied!<p>You can track it by your URL like they did in <a href="https://stackoverflow.com/questions/1359343/getting-target-url-from-jquery-ui-tabs">this post</a>. The following code is just for example and can be done a lot nicer. I used the <code>active</code> property from the <a href="http://api.jqueryui.com/tabs/#option-active" rel="nofollow noreferrer">jquery ui tabs</a>. it works with the index of the element but perhaps its working with the #hash aswell did not test it. so in the example below i get the index of the tab and use it with <code>active</code> property;</p> <pre><code><div id="tabs"> <ul> <li><a href="#tabs-1">Tab A</a></li> <li><a href="#tabs-2">Tab B</a></li> <li><a href="#tabs-3">Tab C</a></li> </ul> <div id="tabs-1"></div> <div id="tabs-2"><asp:Button ID="someid" runat="server"/></div> <div id="tabs-3"></div> </div> <script type="text/javascript"> $(function () { var tabsOpts = {}, activeTab, activeTabIndex, urlCheck = doucment.location.href.split('#'); // urlCheck is an array so when there is more then one result // there is a hash found in the URL if( urlCheck.length > 1 ) { activeTab = urlCheck[1]; // getting the index from the link activeTabIndex = $("#tabs li a[href="+ activeTab +"]").index(); // create new object options for the tabs tabsOpts = { active: activeTabIndex }; } $("#tabs").tabs(tabsOpts) .find('li a').each(function() { // get URL from the tab href var href = $.data(this, 'href.tabs'); // set URL with the href from your tab document.location = href; }); }); </script> </code></pre>

Querying!

Guidance

An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload