Solved

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

Posted on 2008-10-11
3
1,166 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

PRTG Network Monitor: Intuitive Network Monitoring

Network Monitoring is essential to ensure that computer systems and network devices are running. Use PRTG to monitor LANs, servers, websites, applications and devices, bandwidth, virtual environments, remote systems, IoT, and many more. PRTG is easy to set up & use.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
Javascript/JQuery - HtmlEncode (?) Ajax Result 1 65
Access RV042 GUI / Browser Issues 25 48
Company website 6 30
Responsive Font Size 6 26
JavaScript can be used in a browser to change parts of a webpage dynamically. It begins with the following pattern: If condition W is true, do thing X to target Y after event Z. Below are some tips and tricks to help you get started with JavaScript …
Today, the web development industry is booming, and many people consider it to be their vocation. The question you may be asking yourself is – how do I become a web developer?
The purpose of this video is to demonstrate how to reset a WordPress password if you are locked out and cannot reset the password. A typical use would be if you cannot access the email to which WordPress would send the password recovery email to…
The purpose of this video is to demonstrate how to prevent comment spam on a WordPress Website. This will be demonstrated using a Windows 8 PC. Plugin Akismet will be used. Go to your WordPress login page. This will look like the following: myw…

840 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