Question

I am using ColorBox inline functionality and I have created a button which I’ve set to close the window when clicked:

$('.closebutton').live('click', function(){
        $.fn.colorbox.close();
    });

I have another function which I want to run when the button is clicked, so I’ve used:

<button class="closebutton" onclick="myFunction();">Close</button>

Problem is the myFunction is not working above.

Any ideas please?

UPDATE:

Here is where the code is:

<script type="text/javascript">
jQuery(document).ready(function() {
    $(".inline").colorbox({inline:true, width:"50%"}); //for colorbox inline
    $('#cboxClose').remove(); //remove popup window close button

    $('.closebutton').live('click', function(){
        $.fn.colorbox.close();
        myFunction();
    });

Adding myFunction(); before or after $.fn.colorbox.close(); is not working

myFunction code: (This goes after the code above on the page)

<script type="text/javascript">
function myFunction() {
    $("#ajax-form").submit(function(){
        $.post("update.php",
        $("#ajax-form").serialize(),
            function(data){
                $('#jqm').attr('src', 
                $('#jqm').attr('src'));
            }
        );
        return false;
    });
}
</script>

UPDATE 2:

I’ll try to explain better: I have a form and input on the main page that works find, so when you add some text to the input box and submit then form then the value of the input is submitted.
Now, when I put that same input in the inline area of colorBox so that it appears inside the popup window the value is not submitted. I’ve tried grabbing JS errors on firebag but cannot see anything there.
Hope this helps.

Answer 1

Why not just add myFunction() before $.fn.colorbox.close();? That way you can be sure what order things are handled in.