Question

I’ve been unable to catch the onclose from within simplemodal. please give me a hand if you can as i’m new to jQuery…

<a href="http://url/" onclick="$(this).modal({width:833, height:453}).open(); return false;">

works, but i would like to call a javascript function whenever the modal dialog is closed. How do i attach, say updateTable(); onto the close event??

I’ve tried

<a href="" onclick="$(this).modal({onClose: alert(1);$.modal.close();}).open();"

and all stupd variations of this, but honestly looking at the nested functions in the example page only made me dizzy (the second example also has the href, but it doesnt let me post it here)….

Answer 1

If I understand you correctly you want to

• Click on a link (e.g. with id clicker)
• The page defined by the URL in the href of this <a href="..."> tag should be the modals content
• When the user closes the modal you want to trigger some action and close the modal

HTML:

<a href="http://www.google.com" id="clicker">Click me!</a>

JavaScript

var c = function closer() {
    $.modal.close();
    alert("Done!"); 
}
$(document).ready(function() {
    $("#clicker").click(function() {
        $.modal(
            '<iframe src="'+this.href+'" width="833" height="453">asd</iframe>',
            {onClose:c}
        );
        return false;
    });
});

Check http://jsbin.com/ofimi for a working sample