Grow your CSS skills. Land your dream job.

jQuery, AJAX, and mediawiki

  • # September 20, 2008 at 1:02 pm

    I’m usually able to find this stuff on my own, but this doesn’t look like a quick fix.

    Let’s say I wanna AJAXify my Mediawiki installation by using jQuery:

    Code:
    $(“a”).click(function(){
    $(“#column-content”).load(“THE-URL-CLICKED”);
    });

    How do I get the url of the anchor into the .load argument? My first instinct is to use a variable, obviously, but I have no idea how to extract the url of the anchor and set it as var URL, or if I can use it as an argument in .load().

    I’ve never used the css-tricks community as a resource before, so let’s see what you guys can do. :D

    # September 21, 2008 at 5:54 am

    Haven’t tested it, but thwat you think of this.href ?

    # September 21, 2008 at 11:13 am

    The href is just an attribute of the anchor element. So yeah, you can set a variable if you’d like:

    var path = $("a").attr("href");

    then

    $("a").click(function(){
    $("#column-content").load(path);
    });

    I didn’t test either, but that’s the theory.

    # September 25, 2008 at 9:47 pm
    Code:
    var path = $(“a”).attr(“href”);
    $(“a”).click(function(){
    $(“#column-content”).load(path);
    });

    :( Didn’t work. I just ended up simplifying and minimalizing the design of the wiki, and then linking to it from an iframe in a wordpress page. Works fine. Thanks though, I’m gonna have to find a way to put this $("a").attr("href"); bit of code to good use. ;)

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".