[SOLUCIONADO] refrescar variable de sesion con ajax??

Ilidam · #1 (**permalink**) 22/11/2013, 12:46

hola buenas tardes estoy trabajando con sesiones asta ahora ya e iniciado la variable de sesion y la cuenta regresiva en cierto tiempo despues de entrar al sistema
lo que kiero sabes es como refrescar la variable de sesion por ejemplo cuando se activa la cuenta regresiva si llega a cero k me mande a la pagina de logueo y si lo cancelo que se refreque la sesion mi codigo asta ahora es este

Código PHP:

Ver original<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script language="JavaScript" src="js/jquery-1.5.1.min.js"></script>
<style>
  html {  background-image: url(images/glowcolor.png); }
 .alerta {
 position: fixed; /* Le damos el valor Fixed para que flote */
 background: rgba(255, 255, 255, 0.50); /* Color de fondo de la capa */
 width: 100%;
 height: 100%;
 top: 0;
 left: 0;
 z-index: 999;
}
.flota{
 background: white; /*Color de fondo del contenedor*/
 border-radius: 2px; /* Redondeado */
box-shadow: 0px 0px 0px 1px black, 5px 5px 14px black; /* Sombra exterior */
 z-index: 9999;
 
    position:absolute;
    left:428px;
    top:182px;
    width:223px;
    height:138px;
    z-index:1;
}
 
.close1{
 position: absolute;
 display: block;
 top: -15px;
 right: -15px;
 cursor: pointer;
 background: url(images/eliminar.png) 0px 0px no-repeat; /* Imagen del boton */
 width: 30px;
 height: 30px;
 overflow: hidden;
 text-indent: -9999px;
}
</style>
<script>
$(document).ready(function() {
    setTimeout(function() {
        $(".alerta").fadeIn(1000);
    },5000);
});
 
    $(document).ready(function() {
 $(".close1").click(function(){ //Le decimos que al dar click en ".close"...
    $(".alerta").hide("drop"); //Oculte el contenedor ".overlay" lentamente(slow)
  event.preventDefault(); // Anulamos el enlace...
 });
});
 
</script>
 
<script type="text/javascript">
 function display_c(start){
window.start = parseFloat(start);
var end = 0 // change this to stop the counter at a higher value
var refresh=1000; // Refresh rate in milli seconds
if(window.start >= end ){
mytime=setTimeout('display_ct()',refresh)
}
else {
    window.location="../login.html";
}
}
 
function display_ct() {
// Calculate the number of days left
var days=Math.floor(window.start / 86400);
// After deducting the days calculate the number of hours left
var hours = Math.floor((window.start - (days * 86400 ))/3600)
// After days and hours , how many minutes are left
var minutes = Math.floor((window.start - (days * 86400 ) - (hours *3600 ))/60)
// Finally how many seconds left after removing days, hours and minutes.
var secs = Math.floor((window.start - (days * 86400 ) - (hours *3600 ) - (minutes*60)))
 
var x = minutes + ":" + secs + " Minutos ";
 
 
document.getElementById('ct').innerHTML = x;
window.start= window.start- 1;
 
tt=display_c(window.start);
}
 
setTimeout(document.getElementById('busca').style.display = 'inline',10);//aki puse esto
</script>
 
</head>
<body onload="display_c(124);">
HOLA
<div class="alerta" id="busca" style="display:none"><!-- Mostrar div DURANTE 10 min de inactividad mientras este oculto-->
    <div  class="flota" style=" width:397px; height:244px; "> 
        <div class="close1">
            <a href="#">Cerrar</a> 
        </div>
            <center>
                <br><br><br>
                EL SISTEMA SE CERRARA POR SEGURIDAD EN
                <br><br>
                <span id='ct'></span>
                <br><br>
                CANCELAR OPERACION
                <input type="submit" value="CONTINUAR">
 
            </center>
  </div>
</div>
</body>
</html>

pateketrueke · #2 (**permalink**) 22/11/2013, 12:58

Puedes mandar una petición a tu servidor con Ajax así: sesion.php?timeout=1

Y entonces, en dicho script manejas la lógica para cerrar la sesión.

Es decir, desde Javascript no puedes cerrar la sesión, pero si puedes decirle al servidor que ejecute un script PHP que lo haga.

Ilidam · #3 (**permalink**) 22/11/2013, 13:04

como se hace esa peticion con ajax?? o en que parte se utilizario el
sesion.php?timeout=1

pateketrueke · #4 (**permalink**) 22/11/2013, 13:08

Bueno, pensaba que ya sabías como hacer una petición Ajax, porque aquí es el foro de PHP no el de Ajax.

Ilidam · #5 (**permalink**) 22/11/2013, 13:14

entonces podrian mover el tema a foro ajax o lo publico en el foro ajax??

Dalam · #6 (**permalink**) 22/11/2013, 13:16

Cita:

Iniciado por Ilidam

como se hace esa peticion con ajax?? o en que parte se utilizario el
sesion.php?timeout=1

es tan facil como poner la linea esta

Código Javascript:

Ver original$.ajax({ type: "GET",url: "/reset_session.php" });

entre las lineas 63 y 64 del script que solucionamos en el otro post que estubimos hablando

Con esto al hacer una peticion al servidor se reinicia el session cache expire

y luego creas un script en la carpeta padre del site con el nombre

reset_session.php

Código PHP:

Ver original<?php
session_start();
?>

Ilidam · #7 (**permalink**) 22/11/2013, 13:48

muchas gracias ya me funciono asi
dejo el codigo por si alguien le sirve

Código PHP:

Ver original<html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <script language="JavaScript" src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
    <script type="text/javascript">if(typeof jQuery==='undefined'){document.write(unescape("<scri"+"pt src='js/jquery-1.3.2.min.js' type='text/javascript'></scri"+"pt>"));}</script>
    <style>
          html {  background-image: url(images/glowcolor.png); }
     .alerta {
     position: fixed; /* Le damos el valor Fixed para que flote */
     background: #FFF; /* Color de fondo de la capa */
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
     z-index: 999;
     display:none;
    }
    .flota{
     opacity:1.0; /* opacidad del 60% */
     filter:alpha(opacity=100); /* Opacidad para IE8 y earlier */
     background: rgba(255, 255, 255, 0.50); /* Color de fondo de la capa */
     border-radius: 8px; /* Redondeado */
     box-shadow: 0px 0px 0px 1px black, 5px 5px 14px black; /* Sombra exterior */
     position:absolute;
     left:50%;
     top:50%;
     margin-left:-112px;
     margin-top:-70px;
     width:224px;
     height:140px;
     z-index:1;
     color:#000;
    }
 
    .flota h2 {
        margin:auto;
        text-align:center;
    }
    .flota span {
        text-align:center;
        width:100%;
        position:inherit;
        margin-top:20%;
        font-size:36px;
    }
 
    .close{
     position: absolute;
     display: block;
     top: 0;
     right: 2;
     cursor: pointer;
     background: url(images/eliminar.png) 0px 0px no-repeat; /* Imagen del boton */
     width: auto;
     height: 30px;
     overflow: hidden;
    }
    </style>
    <script>
        $(document).ready(function() {
            $(".close").click(function(){ //Le decimos que al dar click en ".close"...
                $(".alerta").hide("slow"); //Oculte el contenedor ".overlay" lentamente(slow)
                window.clearInterval(mytime); // Delete interval
                $.ajax({ type: "GET",url: "expira.php" });
                display_c(120); // Redefine time for new session expire
                event.preventDefault(); // Anulamos el enlace...
             });
        });
    </script>
    <script type="text/javascript">
    function display_c(start){
    window.start = parseFloat(start);
    var end = 0 // change this to stop the counter at a higher value
    var refresh=1000; // Refresh rate in milli seconds
    var timeShow = 119;
    if(window.start >= end ){
        if(window.start <= timeShow){
            $(".alerta").show();
        }
        mytime=setTimeout('display_ct()',refresh)
    }
    else {
       window.location="../login.html";
    }
    }
 
    function display_ct() {
    // Calculate the number of days left
    var days=Math.floor(window.start / 86400);
    // After deducting the days calculate the number of hours left
    var hours = Math.floor((window.start - (days * 86400 ))/3600)
    // After days and hours , how many minutes are left
    var minutes = Math.floor((window.start - (days * 86400 ) - (hours *3600 ))/60)
    // Finally how many seconds left after removing days, hours and minutes.
    var secs = Math.floor((window.start - (days * 86400 ) - (hours *3600 ) - (minutes*60)))
 
    var x = minutes + ":" + secs + " Minutos ";
 
 
    document.getElementById('ct').innerHTML = x;
    window.start = window.start - 1;
 
    tt=display_c(window.start);
    }
    function wait(time) {
        setTimeout('display_ct()',refresh);
    }
    </script>
    </head>
    <body onload="display_c(120);">
    HOLA
    <div class="alerta" id="busca" ><!-- Mostrar div DURANTE 10 min de inactividad mientras este oculto-->
        <div  class="flota" style=" width:397px; height:244px; ">
            <div class="close">
                <a href="#">Cerrar</a>
            </div>
            <h2>La sessi&oacute;n caducara en </h2>
    <span id='ct'></span>
      </div>
    </div>
 
    </body>
    </html>