Grabbing hash from URL?

Question

I want it so that if someone visits:

http://www.site.com/#hash

It puts the data after the hash into the input box with the id url

and then it submits the form.

Here is my code:

<form method="post"> <input id="url" placeholder="Enter" name="url"> <input type="submit" id="visit" value="Visit" class="submit"> </form>

How can I do this?

Caution - Differences between browsers! In response to location.hash, some will return '#hash' and others just 'hash'. — Beetroot-Beetroot
– Beetroot-Beetroot, Commented Jan 28, 2012 at 5:12

Rafay · Accepted Answer · 2012-01-28 05:59:05Z

3

you can use

 if( window.location.hash) { var hashVal = window.location.hash.substring(1); $("#url").val(hashVal ); } else { alert("no hash found"); }

edited Jan 28, 2012 at 5:59

answered Jan 28, 2012 at 5:04

Rafay

31.1k5 gold badges71 silver badges106 bronze badges

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

6 Comments

Shaheer Over a year ago

you will need to do if( hash.indexOf('#') == 0 ) { hash = hash.substring(0,hash.length); }

Rafay Over a year ago

@Shaheer thanks alot for pointing that out, edited the answer

Shaheer Over a year ago

but you need to add substring only if '#' is present, some browsers wont have it, which will make your current code behave incorrectly.

Latox Over a year ago

Can't I just use hash = window.location.hash.replace('#', ''); ?

Rafay Over a year ago

@Latox yes you can use that as well

|

redronin · Accepted Answer · 2012-01-28 05:06:34Z

Try something like:

$(document).ready(function(){ var hash = window.location.hash; $('#id').val(hash); $('form').submit(); });

ShankarSangoli · Accepted Answer · 2012-01-28 05:09:11Z

window.location.hash will give you the hash value from the url. You can use this code.

//Instead of empty value set whatever you want in case hash is not present $("#url").val(window.location.hash || "");

vicker313 · Accepted Answer · 2012-01-28 05:09:11Z

try to google for jquery.ba-hashchange.min.js, it needs to be used with jQuery

$(window).hashchange(function(){ $("#url").val(window.location.hash); });

Code Slinger · Accepted Answer · 2012-06-15 17:45:15Z

You can use this plugin to do it - https://github.com/marklar423/jquery.hash it's pretty straightforward.

Example:

//get var page = $.hash('page'); //set $.hash('page', 1);

Collectives™ on Stack Overflow

Grabbing hash from URL?

5 Answers 5

6 Comments

Comments

Comments

Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

6 Comments

Comments

Comments

Comments

Comments

Linked

Related