How to link a hash link from the URL to Javascript content?

Question

I've once used jQuery UI in order to add the tab feature to one of my project.

Everything was working just fine, and I noticed each tab was bound to a URL hash tag (I do not know you say it in english). As an example, once I clicked on the first tab, #Tab0 was added to my URL.

I want to reproduce this behavior in my current project. But I'm not using jQuery UI tabs, I am porting a desktop application and there are JavaScript buttons which write and replace content inside my page (in the manner of different pages, but without reloading).

How do I proceed to mimic this behavior ? Do I have to manually fetch the tag in the URL and do things accordingly all by JavaScript ?

Thanks,

Also you can look here: stackoverflow.com/questions/9340121/… — user887983
– user887983, Commented Jun 13, 2013 at 10:21

user887983 · Accepted Answer · 2013-06-13 09:43:28Z

1

u could do it this way:

creating an url with hash from current url:

var url = window.location.href + '#Tab0';

reading a hash from current url:

var hash;

if (window.location.href.indexOf('#') > -1)
{
    hash = url.split('#')[1];
}

answered Jun 13, 2013 at 9:43

user887983

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

1 Comment

Mathieu Marques Over a year ago

So basically doing everything by hand. I will mark this as answered if I don't get anything else, thanks.

lukaleli · Accepted Answer · 2013-06-13 15:58:47Z

1

you can do this by using location.hash:

//you can set hash
location.hash = "something"; 

//and read it eg. http://domain.com#something
console.log(location.hash); //will return the current hash value 'something'

Also you have to remember that if your anchor tag has hashed href attribute e.g. <a href="#something"> it will be appended automatically to current url and browser will try to find given id on the page. Of course you can prevent that default behaviour.

edited Jun 13, 2013 at 15:58

user887983

answered Jun 13, 2013 at 9:53

lukaleli

3,6753 gold badges25 silver badges32 bronze badges

Collectives™ on Stack Overflow

How to link a hash link from the URL to Javascript content?

2 Answers 2

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related