Search jQuery

jQuery Forum

Using jQuery UI

Hardik

Open specific tab when page is load

in Using jQuery UI • 6 months ago

I have used Jquery UI tab 1.9.1.

I have load content dynamically in tab using php.

My question is that How to open specific tab on page load ?

I have already seen below link but it does not work for me.

http://forum.jquery.com/topic/how-to-open-a-specific-tab-via-an-external-link

Replies(8)

alano999

Re: Open specific tab when page is load

6 months ago

Hi Harry.

You'll have to show us the contents of your page before we can help you. It will almost certainly be something you are doing wrong. Without seeing what you are doing it could take days of playing guess games before we reach a solution.

Hope to help.

Best wishes,

Alan

alano999

Re: Open specific tab when page is load

6 months ago

As a brief note... by default, .tabs() will open the first tab on page load. You can select a different tab when you first attach the .tabs() widget; for example you can open the 3rd tab (zero-based index=2) instead by adding the highlighted bit to your initial .tabs() declaration, thus...

$("yourSelector").tabs({ active: 2 });

Best wishes,

Alan

Hardik

Re: Open specific tab when page is load

6 months ago

I have post code see and help me.

Jquery code :

$(function() {
$("#tabs" ).tabs();
});

HTML and php code :

<div id="tabs">
<ul>
<li><a href="#tabs-1">Test1</a></li>
<li><a href="#tabs-2">/a>Test2</li>
</ul>
<div id="tabs-1">
<?php include("test1.php"); ?>
</div>
<div id="tabs-2">
<?php include("test2.php"); ?>
</div>
</div>

alano999

Re: Open specific tab when page is load

6 months ago

Add the highlighted bit to, for example, select your second tab (whose zero-based index number is "1") upon page load...

$("#tabs" ).tabs( { active: 1 } );

Hope that's what you meant.

Best wishes,

Alan

Hardik

Re: Open specific tab when page is load

6 months ago

Hi Alan,

I have wrote below line for open tab.Is this right way to open tab?

$("#tabs").tabs("select", window.location.hash);

alano999

Re: Open specific tab when page is load

6 months ago

Oh, I see. You wish to use a hash parameter. You should have said!

So, if your page is named mypage.html and you wish it to open the 2nd tab, you could call the page using mypage.html#2, and then use this code...

$(function() {
$("#tabs" ).tabs( { active: window.location.hash - 1 } ); //subtract one because zero-based
});

That should do it.

Or... instead of using " - 1 " you could instead call the page using mypage.html#1 for the 2nd tab. It's up to you what numbering convention you wish to use for your hash value.

Best wishes,

Alan

Hardik

Re: Open specific tab when page is load

6 months ago

Thanks Alan,

It's work like a charm

Hardik

Re: Open specific tab when page is load

6 months ago

Hi,

I have another problem to open specific page.I have used datagrid in tab for display data.

My problem is that whenever I have filter data in datagrid it redirect on default tab instead of active tab?

I have already pass tab index in url.

It is possible to load remote page in tab when page is load ?

Top Reply

Response title

Attachments

jQuery Forum

Open specific tab when page is load

Replies(8)

Re: Open specific tab when page is load

Re: Open specific tab when page is load

Re: Open specific tab when page is load

Re: Open specific tab when page is load

Re: Open specific tab when page is load

Re: Open specific tab when page is load

Re: Open specific tab when page is load

Re: Open specific tab when page is load

Statistics

Tags

Actions

Related Posts