Solved

Java Script/Coldfusion: Timeout Script for user to end session or continue

Posted on 2008-10-11
3
1,164 Views
Last Modified: 2013-12-24
I found this script (see below) browsing through the archives and I hope someone out there will help me refine it to suit my current need. I need to warn users that their session is about to end after 5 minutes of      inactivity ( no mouse click or key stroke)

For testing purposes the Total Session time is 5 minutes.:
- so at  3 minutes, I needs a pop up to say "your session is about to end in 2 minutes" .
- After 5 minutes of inactivity , you get a "session has ended due to 5 minutes of inactivity" and then the user hit sok but is then redirected to a log in page. (similar to the Bank of America logout message for all you  BofA customers familiar with their session log out message)

I would like to link the script in the header.inc I created that is called/loaded whenever you access a page.  I don't want to copy and paste the script in all the pages.

Thanks in advance for any help you can provide...

<script>
var tId="";
window.onload=resetTimer;
window.onmousemove=function(){ resetTimer() }
function resetTimer() {
  clearTimeout(tId)
  document.getElementById('warning').style.display='none';
  tId = setTimeout('warning()',20*60*1000);
}
function warning() {
  document.getElementById('warning').style.display='';
  tId = setTimeout('redirect()',5*60*1000);
}
function redirect() {
  location = 'logout.cfm';
}
</script>

Open in new window

0
Comment
Question by:CF_newbie
  • 2
3 Comments
 
LVL 54

Accepted Solution

by:
b0lsc0tt earned 500 total points
ID: 22713484
Do you have the element with the id "warning" to have the "popup" element?  You could also use an alert but that will stop the next part from happening if they don't get rid of the alert.
To get the timing you want you modify the code as I have below.  If that is all you need then this should work for you.  Let me know if you have a question or need other help though.
bol

<script>
var tId="";
window.onload=resetTimer;
window.onmousemove=function(){ resetTimer() }
function resetTimer() {
  clearTimeout(tId)
  document.getElementById('warning').style.display='none';
  tId = setTimeout('warning()',3*60*1000);
}
function warning() {
  document.getElementById('warning').style.display='';
  tId = setTimeout('redirect()',2*60*1000);
}
function redirect() {
  window.location = 'logout.cfm';
}
</script>

Open in new window

0
 
LVL 54

Expert Comment

by:b0lsc0tt
ID: 22738207
I'm glad I could help.  Thanks for the grade, the points and the fun question.
bol
0

Featured Post

Microsoft Certification Exam 74-409

Veeam® is happy to provide the Microsoft community with a study guide prepared by MVP and MCT, Orin Thomas. This guide will take you through each of the exam objectives, helping you to prepare for and pass the examination.

Question has a verified solution.

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

Having worked on larger scale sites, we found out that you are bound to look at more scalable solutions to integrating widgets, code snippets or complete applications and mesh them into functional sites, in any given composition. To share some of…
This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
The purpose of this video is to demonstrate how to insert an Iframe into WordPress. This will be demonstrated using a Windows 8 PC. Go to your WordPress login page. This will look like the following: mywebsite.com/wp-login.php : Open Page or Post…
The purpose of this video is to demonstrate how to add AdSense Ads to a WordPress Website, and how to set up WordPress to automatically place Ads in Sidebars. This will be demonstrated using a Windows 8 PC. Log into your AdSense account. : Cli…

810 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