1

I have a tab structure which goes like this:

<div id="tabs">
    <ul class="tabnames">
        <li><a href="home.html" id="reportTabUrl">Reports</a></li>
        <li><a href="about.html">Create Dashboard</a></li>
        <li><a href="services.html">Manage Dashboard</a></li>
        <li><a href="product.html">Manage Widget</a></li>
        <li><a href="contact.html">Permissions</a></li>
    </ul>
</ul>

I want to know if there's a way in which the browser can reflect the URL of the active tab, i.e. www.sampleurl.com/home.html instead of www.sampleurl.com when I click on <li><a href="home.html" id="reportTabUrl">Reports</a></li>

Tiquelou
  • 459
  • 5
  • 12
  • Please add the full description for tabs I mean what do you want – Kuldeep Raj May 31 '13 at 08:46
  • When I click on any of the tabs, the browser URL should reflect the tab url, i.e. clicking the second tab should change the browser URL to : /about.html. Makes sense? – Tiquelou May 31 '13 at 09:27
  • As far as I know `www.sampleurl.com/home.html` is not possible, but this is `www.sampleurl.com/#home` – Musa Haidari Jan 04 '15 at 06:35

1 Answers1

0

The idea of JQueryUI Tabs is to load pages using Ajax calls and improving user experience without reload.

www.sampleurl.com is an individual page, www.sampleurl.com/home.html is another one, www.sampleurl.com/about.html is another one, and so on. If you want that behaviour, your user will need to load webpage after webpage.

By default, JQueryUI Tabs load content using Ajax, so your desire behaviour is not compatible with this plugin.

Fran Verona
  • 5,438
  • 6
  • 46
  • 85
  • ... and I believe you cannot update the browser URL without page reload? – Tiquelou Jun 02 '13 at 07:09
  • I thought that you can't, but take a look to this question http://stackoverflow.com/questions/824349/modify-the-url-without-reloading-the-page – Fran Verona Jun 02 '13 at 09:51
  • I did go through the MDN article sometime back which defines history manipulation. If you can put this as an answer (by editing your answer / adding a new one) I will be happy to accept the answer :) – Tiquelou Sep 03 '13 at 15:52