Auto Close Fancybox

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>