Question

I’m trying to remove a landing page when I click on a link on a page. The page isn’t mine so I’m trying to change the href with a user script.

Without any modification, the link looks like this:

https://www.domain.com/out.php?u=http%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DPUZ1bC-1XjA%26amp%3Bfeature%3Drelated

What I want:

http://www.youtube.com/watch?v=PUZ1bC-1XjA&feature=related

What I got so far:

http://www.youtube.com%2fwatch%3fv%3dpuz1bc-1xja%26amp%3bfeature%3drelated/

But that adress doesn’t work in the browser.

This is my current code:

$('a').each(function(index) {
            var aLink = $(this).attr('href');
            if(aLink) {
                if(aLink.indexOf("out.php?u=") > 0) {
                    aLink = aLink.substring(51);
                    console.log(aLink);
                    $(this).attr('href', "http://"+aLink);
                    console.log($(this).prop('href'));
                }

            }
        });

All help and tips are appreciated.

Answer 1

You need to decode the URL using decodeURIComponent

Change:

$(this).attr('href', "http://"+aLink);

To:

$(this).attr('href', 'http://' + decodeURIComponent(aLink));