Modifying an onclick URL parameter of a hyperlink with jQuery

Question

I have a series of links on a SharePoint page and am trying to modify one of the common URL parameters of them all. The links all look similar to this:

<a href="javascript:" onclick="javascript:RefreshPageTo(event, '/dev/Pages/stPCT.aspx?Paged=TRUE&p_ID=357\u0026PageFirstRow=31\u0026FilterField1=Number&FilterValue1=0000123450&&\u0026View={FC071FA0-12AA-7854-905E-0C4429FFFD52}&thisID=STRINGID');javascript:return false;" id="PagingLink" class="PagingLink"> Next</a>

What I am trying to get to happen is that the link is rewritten to change "thisID=STRINGID" to "thisID=0000123450"... So far I have tried (without success) the following.

$(".PagingLink").each( function(index,element) {
    url = $(element).onclick();
    console.log(url);
    newurl = url.replace(/STRINGID/gi,"0000123450");
    $(element).attr('href', newurl);                                                               
});

Any and all help would be greatly appreciated.

Skatox · Accepted Answer · 2012-09-04 20:14:32Z

4

I'll do it like this:

 $(".PagingLink").each( function(index,element) {
        url = $(element).attr('onclick');
        console.log(url);
        newurl = url.replace(/STRINGID/gi,"0000123450");
        $(element).attr('href',newurl);                                                               
    });

Your mistake was in the .onclick, you should get it with attr() because it garantess you to get the correct value.

edited Sep 4, 2012 at 20:14

answered Sep 4, 2012 at 20:08

Skatox

4,27412 gold badges47 silver badges50 bronze badges

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

2 Comments

freeBSD Over a year ago

I just tried adding "url = $(element).attr('onclick');" and it does not find anything.

Skatox Over a year ago

are you sure that you've added after dom was created, inside $().ready(function(){}) ? Add it after all JS code. Maybe at the footer of the page.

andyb · Accepted Answer · 2012-09-04 20:08:25Z

1

You are probably getting a JavaScript error with your current jQuery code, since there is no method called onclick(). You can access the onclick value by using the attr() method like so:

url = $(element).attr('onclick');

The rest of your code should execute correctly.

answered Sep 4, 2012 at 20:08

andyb

43.9k12 gold badges126 silver badges155 bronze badges

Comments

Gromer · Accepted Answer · 2012-09-04 20:12:53Z

0

You need to change the text in the onclick attribute, not the href attribute. See this Fiddle: http://jsfiddle.net/fQEdV/2/

Changing the href won't dictate where the page will go since Sharepoint is using javascript to redirect the user in the click event for the link. If the user has javascript disabled, your script to update this url won't run for them anyways.

answered Sep 4, 2012 at 20:12

Gromer

9,9614 gold badges36 silver badges55 bronze badges

Comments

VBH · Accepted Answer · 2012-09-04 20:15:09Z

0

        $(".PagingLink").each( function(index,element) {
        url = $(element).onclick();
        console.log(url);
        newurl = url.replace(/STRINGID/gi,"0000123450");
        $(element).attr('href', newurl);                                                               
    });

Check This

            $(".PagingLink").each( function(index,element) {
            $(element).attr('href').replace(/STRINGID/gi,"0000123450");                                                              
    });

.attr("value").replace('0', 'Day')

answered Sep 4, 2012 at 20:15

VBH

96 bronze badges

Collectives™ on Stack Overflow

Modifying an onclick URL parameter of a hyperlink with jQuery

4 Answers 4

2 Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

2 Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related