Solved

auto close jquery shadowbox

Posted on 2009-07-03
4
1,340 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

Master Your Team's Linux and Cloud Stack

Come see why top tech companies like Mailchimp and Media Temple use Linux Academy to build their employee training programs.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
Reference Error with plugin 1 39
Need to click button twice to get results 2 41
Angular - "nest" service calls? 18 32
trying to resize an Image, using CFimage tag. 8 30
Introduction Got endorsements from your clients?  Great!  There is almost nothing better than word-of-mouth advertising.  But how can you do that on the internet?  Sure you can make a page for endorsement quotations and list them all, but who is …
This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
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)

776 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