Parent Page Code (from where fancybox script is called)
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 | <script type="text/javascript" >
$().ready(function(){
'hideOnContentClick': true,'callbackOnShow': autoClose });
$("a.uploadVideo").fancybox({'frameWidth': 400, 'frameHeight':160});
});
< /script>
< script type="text/javascript" src="http://localhost/test/jscripts/jquery.js">< /script>
< script type="text/javascript" src="http://localhost/test/jscripts/jquery.fancybox/jquery.fancybox-1.2.1.pack.js">< /script>
< script >
function triggerClose(){
var el = $("#fancyCloseId");
el.bind("click", $.fn.fancybox.close);
el.trigger('click');
}
function autoClose(){
setTimeout("triggerClose()",1000);
}
< /script>
< body >
< a class="iframe uploadVideo" href="iframepage.html?ie=UTF-8&aid=video">Video< /a>
< div id="fancyCloseId">< /div
< /body > |
iframepage.html page
———————–
1 2 3 4 5 6 7 8 9 10 11 12 13 14 | < script type="text/javascript" src="http://localhost/test/jscripts/jquery.js">< /script>
< script type="text/javascript" src="http://localhost/test/jscripts/jquery.fancybox/jquery.fancybox-1.2.1.pack.js">< /script>
< body >
...........message here........
< /body>
$(function(){
if(typeof(parent.autoClose)=="function"){
parent.autoClose();
}
else {alert("Function not found")};
});
</script> |