Is there a way to automatically change the hash url with jQuery?

Question

I'm looking for a way to change the hash url automatically. (no page reload)

The reason I want it is this:

I'm using a pop login / registration form that only initially opens the login portion. You can only get to the registration portion after clicking the login. So, when the user clicks the http://website.com/#modal-login from a certain link, I'd want it to redirect to http://website.com/#register.

Currently it is directly going to the #register. Is there a way to change the hash url after user clicks on login?

No jQuery required, just plain Javascript: document.location.hash = whatever — Barmar
– Barmar, Commented Feb 22, 2014 at 3:33

OregonTrail · Accepted Answer · 2014-02-22 04:31:40Z

3

No need to use jQuery

document.getElementById("modal-login").onClick = function () {
    window.location.hash = "register";
}

For example, try pasting this into your browser's JavaScrtipt console, then click on your question text.

document.getElementById("question").onclick = function() {
    window.location.hash = "footer";
}

If you really want to use jQuery for some reason

$('#modal-login').click(function(event) {
    event.preventDefault();
    window.location.hash = "register";
});

Edit:

Your question isn't about hash locations in general, but how this modal plugin that you're using works. The following was determined by reading the source to the plugin, found here:

http://demo.pressapps.co/plugins/wp-content/plugins/pressapps-modal-login/js/modal-login.js?ver=1.0.0 http://demo.pressapps.co/plugins/wp-content/plugins/pressapps-modal-login/js/modal.js?ver=1.0.0

Here's what you need to execute to get your desired behavior

$('.your-register-button-class').click(function(e) {
    /* We expect plugin's click handler to fire in addition to this one. */
    $(".modal-login-nav[href='#register']").click();
});

I'm assuming that the element with .your-register-button-class also has attribute data-toggle="ml-modal".

edited Feb 22, 2014 at 4:31

answered Feb 22, 2014 at 3:40

OregonTrail

9,0997 gold badges47 silver badges63 bronze badges

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

4 Comments

Graham Over a year ago

That directs to #register, but this plugin doesn't go to the actual #register link (even though that's the link). codecanyon.net/item/…. That link is exactly what I'm using. Can you look at that and see how to open the register button instead of the login? Going directly to #register doesn't work. It seems like you would have to go to #modal-login to initialize it, then redirect to #register. (like it said, the href is pointing to #register, but like jquery tabs, it doesn't physically go there)

OregonTrail Over a year ago

Updated answer specific to the plugin you're using.

Graham Over a year ago

Wow thanks! You went above and beyond to answer that one. I added the class "register" to the link, and added that function (with the class of "register") to the bottom of the appropriate javascript file, and it worked. That's some functionality that should be included in the plugin. Thanks!

OregonTrail Over a year ago

Glad it worked. That would seem like a good feature for this plugin.

Collectives™ on Stack Overflow

Is there a way to automatically change the hash url with jQuery?

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related