CODEWITHSUNDEEP
javascripthtmlhref
kate
kate

Reputation: 57

javascript for changing link's href in html page

My problem is the following:

I have a page with many links Some of them have a specific pattern :

http://www.example.com/.../?parameter1=...&parameter2=PARAMETER2

What i want to do is to change these links' href to the value of the parameter2 using JavaScript. For example if i have a link like : 

<a href="http://www.example.com/.../?parameter1=...&parameter2=PARAMETER2">text here</a>

what i want to do after the script runs is to have a link like this:

<a href="PARAMETER2">text here</a>

Any suggestion would be truly appreciated!!! Thank you all in advance!!!

Upvotes: 0

Views: 3884

Answers (2)

sathishkumar
sathishkumar

Reputation: 1816

If you are using jquery

then use the following code

$(function() {
  $("a[href^='www.example.com']").each(function(){
    var ele = $(this);
    var href = ele.attr("href");console.log(href);
    var index = href.lastIndexOf("parameter2");
    var param_2 = href.substring((index + 11));
    ele.attr("href", param_2);
  });
});

Upvotes: 1

mgraph
mgraph

Reputation: 15338

http://jsfiddle.net/LVNeC/

function getUrlVars(_url)
{
    var vars = [], hash;
    var hashes = _url.slice(window.location.href.indexOf('?') + 1).split('&');
    for(var i = 0; i < hashes.length; i++)
    {
        hash = hashes[i].split('=');
        vars.push(hash[0]);
        vars[hash[0]] = hash[1];
    }
    return vars;
}

var myLINK = document.getElementById("mylink");
var url = myLINK.href;
myLINK.href = getUrlVars(url )["parameter2"];​

Upvotes: 1

Related Questions