Rewrite Relative URLS with JQuery, or Javascript

Question

I work for a company who builds websites on a platform.

We are running into a problem with relative urls. The entire platform we use, uses relative URLS and I need to be able to rewrite them, but I only have access to JQuery or Javascript.

The header and footer of our website is being included on another website, so it is messing up the relative links. If we can rewrite them to absolute, then that will fix everything.

(right now the relative link is showing up as sub.domain.com/page I need it to be domain.com/php)

I need to rewrite the urls from /page to domain.com/page but only in certain div containers

"#div1"

"#div2"

"#div3"

Please help. Thanks! If you think you could help but need more information, I can try to explain better as well.

David Rodrigues · Accepted Answer · 2011-05-19 16:56:56Z

3

You mean "#div1 a" right?

Maybe this is a valid solution:

var newDomain = "http://new.domain.com";

$("#div1 a, #div2 a, #div3 a").each(function(){
    var href = newDomain + $(this).attr('href');
    $(this).attr("href", href);
});

Try it and tell me about if it works. :) Bye.

answered May 19, 2011 at 16:56

David Rodrigues

12.6k17 gold badges68 silver badges96 bronze badges

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

2 Comments

Sean Vieira Over a year ago

No need to wrap this in a jQuery object ... just get and set this.href (Make sure to check that it's not undefined first.)

David Rodrigues Over a year ago

Yeah, it's a good point. But maybe can turn incompatible with old browsers like IE. if I'm not mistaken, .href on IE return absolute path, and others browsers only relative (when applicable).

Collectives™ on Stack Overflow

Rewrite Relative URLS with JQuery, or Javascript

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related