0

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!!!

Yi Jiang
  • 49,435
  • 16
  • 136
  • 136
kate
  • 57
  • 2
  • 8
  • possible Dupe http://stackoverflow.com/questions/4365246/how-to-change-href-of-a-tag-on-button-click-through-javascript and http://stackoverflow.com/questions/1766133/how-do-i-change-the-href-of-a-through-javascript-jquery – Devjosh Feb 24 '12 at 13:53

2 Answers2

1

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"];​
mgraph
  • 15,238
  • 4
  • 41
  • 75
  • thank you for your answer..I'll try it to see how it works and I'll provide a feedback.. – kate Feb 24 '12 at 14:54
1

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);
  });
});
sathishkumar
  • 1,780
  • 4
  • 20
  • 31