JQuery.address how to remove # from url (javascript window.location remove #)

Question

I need to remove the # from url when my event.value is == to /. I've got a lighbox with jquery.address that stores references to open images, when i close it i need to remove the # mark becouse this cause window scroll top.

I succed remove the # mark with this: window.location.href.slice(0, -1); but as you can see in the code above this cause the url rewrite when page is loaded and not only after my event.

How can i chain this javascript only when my complete happens, in the way this function is called olny when i close the lightbox.

I attach here my code with comments. thank you all

$.address.change(function(event) {
    curLink = event.value;
    if(curLink != '/') {

    // here my stuff, jquery.address generates url with reference 

    // ex: mysite.com/cat/subcat/page.html#one

    } else {  

        $('#element').animate({opacity:"0"},{duration:100, easing:"quartEaseOut", complete: function () {

        // here I need to remove the hash only after the complete 

        // ex: mysite.com/cat/subcat/page.html#  >  mysite.com/cat/subcat/page.html

        window.location.href.slice(0, -1);           
        $(this).hide(); 
    }});   
  }   
});

BrownEyes · Accepted Answer · 2013-09-06 13:21:07Z

3

You could also use this (which totally removes the hash and cleans the URL right back up)

history.pushState("", document.title, window.location.pathname);

Which changes

http://www.google.com/#top

to

http://www.google.com/

answered Sep 6, 2013 at 13:21

BrownEyes

2,31719 silver badges20 bronze badges

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

Comments

Phil.Wheeler · Accepted Answer · 2010-11-25 09:49:29Z

2

Using window.location.hash = '' should remove it outright, otherwise there are some good plugins that open up a lot of functions for working with URLs (e.g. http://ajaxcssblog.com/jquery/url-read-request-variables).

answered Nov 25, 2010 at 9:49

Phil.Wheeler

16.9k10 gold badges103 silver badges157 bronze badges

Comments

Eli · Accepted Answer · 2011-02-17 19:02:51Z

2

try this

newHash = window.location.hash.substring(1);

console.log(newHash);

if you have an anchor then its usually appended at the beginning of the URL so but removing the first character then, you shouldn't have it as an issue anymore.

or if you can even do it this way which i think is what you might need

newHash = window.location.hash.replace('#', '');

console.log(newHash);

answered Feb 17, 2011 at 19:02

Eli

4,3576 gold badges58 silver badges79 bronze badges

Comments

Bill Keller · Accepted Answer · 2014-07-18 17:12:34Z

1

I've found that changing the value after the hash worked best for a scenario similar to yours. It would need to be a hash that doesn't already exist on your page.

function removeDeepLink(event) {
    window.location.hash = 'foo';
};

edited Jul 18, 2014 at 17:12

answered May 17, 2013 at 15:27

Bill Keller

8438 silver badges22 bronze badges

Comments

Alfred · Accepted Answer · 2012-08-16 11:47:17Z

0

window.location.hash = '' don't work in my case.

window.location.href.slice(0, -1); works! the problem i can't solve is how I can chain this JavaScript instruction only after the complete jQuery event (by now it is fired on page load).

I think by now is stupid JavaScript call after jQuery

thank you

edited Aug 16, 2012 at 11:47

Alfred

21.5k64 gold badges175 silver badges258 bronze badges

answered Nov 25, 2010 at 10:01

davidino

1

Collectives™ on Stack Overflow

JQuery.address how to remove # from url (javascript window.location remove #)

5 Answers 5

Comments

Comments

Comments

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

Comments

Comments

Comments

Comments

Related