Solved

auto close jquery shadowbox

Posted on 2009-07-03
4
1,346 Views
Last Modified: 2013-12-24
I'm using jquery and after 60 seconds I need the shadowbox to automatically close.  I'm using the following sleep function in coldfusion and would like to tie it in.  Any idea?
<cfsetting requesttimeout="60">
<cfset sleep(60000)>
 
..now close shadowbox..

Open in new window

0
Comment
Question by:COwebmaster
  • 2
  • 2
4 Comments
 
LVL 5

Accepted Solution

by:
Opalelement earned 500 total points
ID: 24773848
Shadowbox.close(); is what I see everywhere to close it...

So that means this should work
setTimeout("Shadowbox.close()", 60000);

Open in new window

0
 

Author Comment

by:COwebmaster
ID: 24773934
ok, but where do I place that code?  In the page that opens the shadowbox?  the following doesn't work..
<cfoutput>
<script type="text/javascript" src="[pathtoscripts]/shadowbox/shadowbox.js"></script>
  <script type="text/javascript">
    Shadowbox.init({
        skipSetup: true,
        players: ["iframe"]
    });
 
    window.onload = function(){
    
        // open a welcome message as soon as the window loads
        Shadowbox.open({
            content:    'https:\/\/page.cfm',
            player:     'iframe', 
            title:      "page",
            height:     575,
            width:      900
        });
			    
    };
</script>
  
<script type="text/javascript">
setTimeout("Shadowbox.close()", 60000);
</script>
</cfoutput>

Open in new window

0
 
LVL 5

Expert Comment

by:Opalelement
ID: 24773980
Try setting the 60000 to 2000 and then wait and see if it closes. It should only take two seconds.
0
 

Author Comment

by:COwebmaster
ID: 24774145
ok, that worked.  thx!
0

Featured Post

Comprehensive Backup Solutions for Microsoft

Acronis protects the complete Microsoft technology stack: Windows Server, Windows PC, laptop and Surface data; Microsoft business applications; Microsoft Hyper-V; Azure VMs; Microsoft Windows Server 2016; Microsoft Exchange 2016 and SQL Server 2016.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Introduction JSON is an acronym for JavaScript Object Notation.  It is a text-string data transport mechanism, capable of representing simple or complex data structures in a consistent and easy-to-read manner.  Similar in concept to XML, but more e…
When it comes to showing a 404 error page to your visitors, you do not want that generic page to show, and you especially do not want your hosting provider’s ad error page to show either. In this article, I will show you how to enable the custom 40…
The viewer will learn how to dynamically set the form action using jQuery.
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)

861 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question