Removing query-string from url after other functions

Question

I'm not able to do it, i need to modify this script (thats works fine) and add a query string remove function at the end. In other words, when i click on a button link (.modal-close) i need to perform all the function (toggleClass, fadeOut...), wait 1 second and then remove query string from url.

the functions are:

 $(function() {
    $(".modal-close").click(function() {
        $("html").toggleClass("lightbox-is-open");
        $("html").toggleClass("lightbox-is-fixed");
        $(".dialog-container, .glasspane").fadeOut(200).addClass("hidden");
return false;
    });
  });

now, i need to remove the query strings, this would be fine?

window.location.href = window.location.href.split('?')[0];

I'm not able to combine all together.. (i'm a very dummy user).

my goal would be a code that's remove query string (".modal-close").click without reload the page, it's possible?

thanks

To my knowledge this is not possible. Changing the query string will always trigger a new request. Are you able to use location.hash instead (e.g. http://www.example.com#modal)? Changing the hash does not trigger a new page request. — Joseph Marikle
– Joseph Marikle, Commented Oct 13, 2014 at 14:26

Community · Accepted Answer · 2017-05-23 12:20:28Z

0

I believe this question has already been answered several times before. Your modified code may look like:

 $(function() {
    $(".modal-close").click(function() {
        $("html").toggleClass("lightbox-is-open");
        $("html").toggleClass("lightbox-is-fixed");
        $(".dialog-container, .glasspane").fadeOut(200).addClass("hidden");
        setTimeout(function(){
            window.location.href = location.protocol + '//' + location.host + location.pathname;
        }, 200);
        return false;
    });
  });

Ref. How to get the URL without any parameters in JavaScript?

Note: Code has not been tested.

edited May 23, 2017 at 12:20

CommunityBot

11 silver badge

answered Oct 13, 2014 at 14:26

user1477388

21.6k35 gold badges152 silver badges277 bronze badges

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

4 Comments

Joseph Marikle Over a year ago

There's a key difference though. OP wants this functionality without causing a page refresh.

user1477388 Over a year ago

Ahh, sorry; I didn't catch that. However, it seems that question, too, has been asked and answered before stackoverflow.com/questions/10700937/… Let my answer be a viable alternative if they wish to reconsider.

Valerio Over a year ago

yeah, windows.location.href seems to work only with http requests.. i'm not able to find a way to do it without page reload

Clayton Leis Over a year ago

Yep. I think that history API post that you linked to is what they are looking for

Collectives™ on Stack Overflow

Removing query-string from url after other functions

1 Answer 1

4 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related