Hi,
In my project I am using colorbox to call external files and show images.
When I click on close button then following method from colorbox.js file get called.
I want to call my custom javascript function (myJavascriptFunction() when close button is click and close popup window.
// Note: to use this within an iframe use the following format: parent.$.fn.colorbox.close();
publicMethod.close = function () {
if (open && !closing) {
closing = true;
open = false;
myJavascriptFunction(); // This is my javascript function
trigger(event_cleanup, settings.onCleanup);
$window.unbind('.' + prefix + ' .' + event_ie6);
$overlay.fadeTo(200, 0);
$box.stop().fadeTo(300, 0, function () {
$box.add($overlay).css({'opacity': 1, cursor: 'auto'}).hide();
trigger(event_purge);
$loaded.remove();
setTimeout(function () {
closing = false;
trigger(event_closed, settings.onClosed);
}, 1);
});
}
};
My custom function is written in same file as colorbox.
<link rel="stylesheet" href="include/colorbox/colorbox.css" />
<script src="include/colorbox/jquery.min.js" ></script>
<script src="include/colorbox/jquery-1.8.2.js" ></script>
<script src="include/colorbox/jquery.colorbox.js"></script>
<script>
//jQuery.noConflict(true);
$(document).ready(function(){
//Examples of how to assign the ColorBox event to elements
$(".group3").colorbox({rel:'group3', iframe:true, transition:"fade", width:"45%", height:"48%"});
$(".group4").colorbox({rel:'group4', iframe:true, transition:"fade", width:"37%", height:"55%"});
});
function myJavascriptFunction()
{
--------
}
</script>
Any Idea?
- Thanks
Zohaib.