Question

I have a great modal script I’m using, that loads a page via ajax. However the href is left blank. This means I’ll need to create a new id for each link. Is their a way to use this with just one script and have it load the correct link via ajax and have the title be the title in the link.
Here’s the script.

    <a id="ajax2" href="#" onClick="self.location=this.href; return false">
    $('#ajax2').click(function(){
        lightbox.alert({
            width: '400px',
            title: 'Gamerholic.com Sign Up/Log In',
            rightButtons: ['Close'],
            background: 'black',
            fade: 'false',

            opened: function(){
                $('<span />').load('./login.php').appendTo('#lbContent');
            },
            buttonClick: function(button){
                console.log(button);
            }
        });
    });

Answer 1

I dont really get your question. You want a dynamic link which gives a url and a title?

i created a click on the class which grabs the href + title of the link and uses it in your code, is this what you mean?

<a class="classname" href="./login.php" title="your title">

you js:

$('.classname').click(function(){
        var url = $(this).attr('href'); //get the attribute href
        var title = $(this).attr('title'); //get the attribute href

        lightbox.alert({
        width: '400px',
        title: title,
        rightButtons: ['Close'],
        background: 'black',
        fade: 'false',

        opened: function(){
            $('<span />').load(url).appendTo('#lbContent');
        },
        buttonClick: function(button){
            console.log(button);
        }
    });
    return false;
});