Question

I’ve created a bookmark page that retrieves links from a database and displays it. I’m able to log in, add new links & delete them. However, when I delete an entry it displays delete.php instead of loading the page onto itself (the query does work).

I’ve most likely over-complicated my code at this point and am probably overlooking something simple, as I’ve used a lot of JavaScript for other elements of the page.

The entries are added dynamically so this part of the HTML is being appended:

<h2>
    <a href="delete.php?URL='+url+'">[x]</a>
</h2>
<a href="'+url+'" target="iFrame" class="linkURL">
    <div class="bookmark">
        <h3 style="float: left;">'+title+'</h3>
        <br />
        <p>'+desc+'</p>
    </div>
</a>

JavaScript:

//  DELETE FUNCTION
$("h2 a").click(function() {
    return false;
    var action = $(this).attr('href');
    var form_data = {
        URL: $("#linkURL").attr('href'),
        is_ajax: 1
    }; // form_data
    $.ajax({
        type: "POST",
        url: action,
        data: form_data,
        success: function(response){
            if(response == 'success') {
                alert('Successful delete!');
            } else { // if
                alert('Delete failed.');
            } // else
        } // function(response)
    }); // ajax
    return false;
}); // h2

The page is located here: http://samaradionne.com/links6/ if it is easier to view the whole thing.

Answer 1

Since my links were dynamically generated, my .h2 a click was attaching itself to something that wasn’t there yet. I added an event trigger to my append function that calls to my delete function.

Problem solved.