Hyperlink Rewriting with Javascript/Jquery

Question

Here's what I"m trying to do. I have a hyperlink like this on my page:

<a href="http://www.wikipedia.com/wiki/Whatever_Page_Here">Whatever Page Here</a>

When a user clicks the link I want to grab that click. If it's a link I don't want them to click (like something that doesn't match the format http://www.wikipedia.com/wiki/xxxxx) I want to pop a message box. Otherwise I want to funnel them through my Mvc Controller instead. like this:

//Category is the "Whatever_Page_Here" portion of the Url that was clicked.
public ActionResult ContinuePuzzle(string category)
{

}

Any suggestions?

I haven't seen someone use the term "hyperlink" in so long... — matt b
– matt b, Commented Apr 10, 2009 at 16:36
I use it cuz it's retro. Very nostalgic. I also like to refer to other things too like the world wide web. — Micah
– Micah, Commented Apr 10, 2009 at 16:40

Joel · Accepted Answer · 2009-04-10 16:53:22Z

3

Start by intercepting all the click events:

$(function() {
    $("a").click(ClickInterceptor);
});

function ClickInterceptor(e)
{
    // code to display popup or direct to a different page
    if (redirect)
    {
        var href = $(this).attr("href").split("/");
        location.href = "http://mydomain.com/controller/" + href[href.length - 1];
    }

    return false;
}

The "return false;" tells the anchor not to fire the navigate.

edited Apr 10, 2009 at 16:53

answered Apr 10, 2009 at 16:33

Joel

19.4k3 gold badges67 silver badges84 bronze badges

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

1 Comment

Micah Over a year ago

Awesome! That's exactly what I need. How can redirect them though?

artlung · Accepted Answer · 2009-04-10 20:13:39Z

1

If you want to select all the a tags which do not start with "http://http://www.wikipedia.com/wiki/" you would use:

$("a").not("a[href^='http://http://www.wikipedia.com/wiki/']")

answered Apr 10, 2009 at 20:13

artlung

33.5k19 gold badges76 silver badges124 bronze badges

Collectives™ on Stack Overflow

Hyperlink Rewriting with Javascript/Jquery

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related