Informar al usuario de que su sesión se va a caducar

Artículo por Club Developers · 05 abril 2006

4395 vistas

A veces, puede ser interesante advertir al usuario de que su sesión va a caducar.

Veamos un ejemplo completo donde se advertirá al usuario del tiempo que le queda:



html4strict
  1. <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %> 
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
  3. <html xmlns="http://www.w3.org/1999/xhtml" >
  4. <head runat="server">
  5.     <title>Untitled Page</title>
  6.     <script type="text/javascript">
  7.     function tiempo_deco()
  8.     {
  9.         value = document.getElementById('timeOut').innerHTML;
  10.         value = value-1;
  11.         document.getElementById('timeOut').innerHTML = value;
  12.         if (value == 120)
  13.             document.getElementById('expired').style.display = 'block';
  14.         else
  15.             setTimeout("tiempo_deco()", 1000);
  16.         }
  17.     </script>
  18. </head>
  19. <body>
  20.     <form id="form1" runat="server">
  21.     <div align="center">
  22.         Su sesión caducará en <asp:Label runat="server" ID="timeOut" /> segundos.
  23.         
  24.         Le aconsejamos guardar la información...
  25.         
  26.         Asà podrá guardar y continuar con su sesión.
  27.     </div>
  28.     <div id="expired" style="display: none;">
  29.         Atención: la sesión caducará en menos de 2 minutos
  30.     </div>
  31.         </form>
  32.         <script type="text/javascript">
  33.             tiempo_deco();
  34.         </script>
  35. </body>
  36. </html>



y en el Page_Load:



csharp
  1. protected void Page_Load(object sender, EventArgs e)
  2. {
  3.   timeOut.Text = (Session.Timeout*60).ToString();
  4. }