You are on page 1of 4

» Web Development » ASP.

NET » Samples

Alert Session Time out in ASP.Net
By Manjunath Shrikantiah | 27 Jul 2011 | Unedited contribution
ASP.NET

Licence First Posted Views Downloads Bookmarked

C POL 18 Jul 2011 2,978 169 28 times

Artic le looks at ways to warn user about the session timeout.
4.55 (10 votes)

Download SessionPOC.zip - 145.59 KB

Introduction
One of the requirements in my project was to warn users about the session expiry. Though it looks like a simple requirement for the end users, it is not the c ase for developers and designers. We need to deal with lot of sc enarios in the real time application. What is the best way to achieve the objec tive? Some of the challenges would be like 1. Session is a sliding expiry value. It gets extended every time there is a post bac k. 2. There are multiple ways that you can handle this scenario and each of them has its own technical challenges.

Approaches
Following section will try to cover few of the approaches to handle session expiry.

1. Provide a simple alert.
In this approach, the user will be provided with a simple warning message, based on a pre-defined time interval.

<script language="javascript" type="text/javascript"> var sessionTimeoutWarning = "<%= System.Configuration.ConfigurationSettings.AppSettings["SessionWarning"].ToString()%>"; var sessionTimeout = "<%= Session.Timeout %>"; var sTimeout = parseInt(sessionTimeoutWarning) * 60 * 1000; setTimeout('SessionWarning()', sTimeout); function SessionWarning() { var message = "Your session will expire in another " + (parseInt(sessionTimeout) parseInt(sessionTimeoutWarning)) + " mins! Please Save the data before the session expires"; alert(message); } </script>

sessionTimeoutWarning: is a predefined value in the application configuration. Say 18 minutes. sessionTimeout: Holds the session timeout interval. Say 20 minutes. In c ase the user does not do any post bac k on the page for about 18 minutes, he will be warned about the session expiry.

2. Provide a simple alert and then redirect the user to home page or login page.

window.ConfigurationSettings.<script language="javascript" type="text/javascript"> var sessionTimeoutWarning = "<%= System.parse(currentTime) > timeForExpiry) { alert("Session expired. parseInt(sessionTimeoutWarning) * 60 * 1000). var sessionTimeout = "<%= Session.ConfigurationSettings. window. You will be redirected to welcome page").ToString()%>". alert(message). <script language="javascript" type="text/javascript"> var sessionTimeoutWarning = "<%= System.aspx". You will be redirected to welcome page")..setMinutes(timeOnPageLoad.location = ". parseInt(sessionTimeoutWarning) * 60 * 1000).parseInt(sessionTimeout) * 60 * 1000). var timeOnPageLoad = new Date(). var redirectToWelcomePageTimer = null.Timeout %>". //Session Warning function SessionWarning() { //minutes left for expiry var minutesForExpiry = (parseInt(sessionTimeout) parseInt(sessionTimeoutWarning)).location = ".getMinutes() + parseInt(sessionTimeout)).AppSettings["SessionWarning"]. var message = "Your session will expire in another " + minutesForExpiry + " mins! Please Save the data before the session expires". var sessionTimeout = "<%= Session. //For warning var sessionWarningTimer = setTimeout('SessionWarning()'./Welcome.Configuration.Timeout %>". Extend user session. var sessionWarningTimer = null. he would be redirec ted to the login or home page. //time for expiry var timeForExpiry = timeOnPageLoad. //To redirect to the welcome page setTimeout('RedirectToWelcomePage()'. var timeOnPageLoad = new Date(). } </script> In this approach../Welcome. var currentTime = new Date(). } } //Session timeout function RedirectToWelcomePage(){ alert("Session expired. 3. //Current time is greater than the expiry time if(Date. the user will be warned about the session timeout.aspx". //To redirect to the welcome page var redirectToWelcomePageTimer = .AppSettings["SessionWarning"]. once the session interval time expires. If user does not save or do any post bac k.ToString()%>".Configuration. //For warning setTimeout('SessionWarning()'.

the user will be warned about the session timeout and provides the ability to extend user session. //To redirect to the welcome page redirectToWelcomePageTimer = setTimeout('RedirectToWelcomePage()'./Welcome. If the user confirms to extend the session. parseInt(sessionTimeoutWarning) * 60 * 1000).aspx". You will be redirected to welcome page"). //Current time is greater than the expiry time if(Date. window. //Session Warning function SessionWarning() { //minutes left for expiry var minutesForExpiry = (parseInt(sessionTimeout) parseInt(sessionTimeoutWarning)).location = ". //Clear the RedirectToWelcomePage method if (redirectToWelcomePageTimer != null) { clearTimeout(redirectToWelcomePageTimer). } </script> In this approach. } //reset the time on page load timeOnPageLoad = new Date(). sessionWarningTimer = setTimeout('SessionWarning()'. You will be redirected to welcome page"). img. if(answer) { var img = new Image(1. window. } //************************* //Even after clicking ok(extending session) or cancel button.. //time for expiry var timeForExpiry = timeOnPageLoad. it gets extended. //Confirm the user if he wants to extend the session answer = confirm(message).getMinutes() + parseInt(sessionTimeout)). } //************************** } //Session timeout function RedirectToWelcomePage(){ alert("Session expired.setTimeout('RedirectToWelcomePage()'. Do you want to extend the session?". //if yes. 1). var currentTime = new Date(). if the session time is over..aspx?date=' + escape(new Date()).setMinutes(timeOnPageLoad.parse(currentTime) > timeForExpiry) { alert("Session expired. If user c onfirms after the .location = ".parseInt(sessionTimeout) * 60 * 1000).aspx". extend the session.src = 'KeepAlive./Welcome.parseInt(sessionTimeout) * 60 * 1000). Then exit the session. var message = "Your session will expire in another " + minutesForExpiry + " mins.

P ermalink | A dvertis e | P rivac y | M obile | Web0 4 | 2 . is licensed under The Code Project Open Lic ense (CPOL) About the Author Manjunath Shrikantiah 9+ plus years of experienc e in IT industry.com/KB/aspnet/AlertSessionTimeOut.1 1 0 7 2 6 . Following lines of c ode is used to extend the user session. even then the user will be logged out. var img = new Image(1.com/KB/scripting/Session_Timeout.3 .aspx is dummy page in the website. or c lick here to get a print view with messages.1 A rtic le C opyright 2 0 1 1 by M anjunath Shrikantiah E verything els e C opyright © C odeP rojec t.c odeprojec t.src = 'KeepAlive. This may not work 100%. All files are in Samples folder References http://www. Note: In all the above sc enarios.aspx?date=' + escape(new Date()).codeproject.aspx http://forums. I am assuming SetTimeout method and session related variables will be reset whenever there is a post back. designing and developing solutions on Web and desktop applic ation platforms Architect India Member Comments and Discussions 3 messages have been posted for this article Visit http://www. when there could be partial rendering and the SetTimeout method and session related variables may not be reset.aspx to post and view comments on this article. 1 9 9 9 .aspx/2/10 License This article. along with any associated sourc e code and files.2 0 1 1 T erms of U s e . This includes experienc e in architecting. img. Where 'KeepAlive.asp.session expiry timeout limit. 1).net/t/1207721.