Use Javascript to reload the page and specify a jquery tab

Question

I want to use javascript to reload a page. I can't just use window.location.reload(); as I'm using jquery tabs and want to specify a tab to be selected after the reload. Is setting window.location.href the best way to do this?

i.e. window.location.href = window.location.href + '#tabs-4';

you can load content for that specific tab by using: jqueryui.com/demos/tabs/#method-load would that work? — amosrivera
– amosrivera, Commented Feb 18, 2011 at 18:10
If you want to load the whole page again, than your method is probably best. — Brandon Joyce
– Brandon Joyce, Commented Feb 18, 2011 at 19:52

Kay · Accepted Answer · 2015-08-11 05:08:50Z

1

A cleaner way:

window.location.hash = 'tabs-4';
window.location.reload();

edited Aug 11, 2015 at 5:08

answered Aug 11, 2015 at 5:03

Kay

911 silver badge8 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Jonathan Lafleur · Accepted Answer · 2011-02-18 17:59:44Z

0

All you have to do is to pass a var in the url (post) than with your javascript retreive it and select the tab associated to the var

answered Feb 18, 2011 at 17:59

Jonathan Lafleur

4937 silver badges26 bronze badges

Comments

Community · Accepted Answer · 2017-05-23 11:44:02Z

0

you can have variable in redirect link like index.html?tab=4 and than check it's value in javascript.

function get(name){

if(name=(new RegExp('[?&]'+encodeURIComponent(name)+'=([^&]*)')).exec(location.search)) return decodeURIComponent(name[1]); } you can use this code to get a value. like

selec=get('tab');
 $tabs.tabs('select', selec);

to switch to a tab. See this link to get more details about

How to get "GET" request parameters in JavaScript?

edited May 23, 2017 at 11:44

CommunityBot

11 silver badge

answered Feb 18, 2011 at 18:03

Vivek Goel

24.4k30 gold badges119 silver badges194 bronze badges

2 Comments

Andy Over a year ago

I want to reload the page from within a function if certain conditions are met. I can't just use a link.

Vivek Goel Over a year ago

but you can generate link on the basic of your condition. if(condition 1 ){ when you want to redirect page and switch to tab 1 link=link+"?tab=1" }

Andy · Accepted Answer · 2012-06-27 11:20:25Z

0

As Brandon Joyce commented, my original code was probably best:

window.location.href = window.location.href + '#tabs-4';

answered Jun 27, 2012 at 11:20

Andy

7,8668 gold badges49 silver badges70 bronze badges

Collectives™ on Stack Overflow

Use Javascript to reload the page and specify a jquery tab

4 Answers 4

Comments

Comments

2 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related