como mostrar una pagina por solo x segundos

asti1987 · #1 (**permalink**) 01/12/2009, 18:38

tengo un sistema de atencion al cliente que lo estoy haciendo en PHP, el sistema muestra al cliente en un plasma los ultimos llamados y una publicidad, pero como puedo hacer, para que cada vez que un agente llame al siguiente ticket, cambie toda la pagina, por ejemplo de roja a blanca y diga el numero de ticket llamado y box al q debe ir.. y q luego de 4 segundos desaparezca, y continue la que estaba?

jackson666 · #2 (**permalink**) 01/12/2009, 18:55

Deberias jugar un poco con AJAX y la visibilidad de un div... Pone algo de codigo que tengas hecho, no esperes que alguien te empiece eso desde cero...

asti1987 · #3 (**permalink**) 01/12/2009, 19:03

Este es el codigo de mi pagina principal, ya juego un poco con el div y el jquery para ir actualizando automaticamente los numeros atendidos cada x segundos.

ahora solo me falta, que cada vez que un agente llame al siguiente ticket, me lo muestre en esta pantalla.

Código PHP:

  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

 
<script language="javascript" src="js/jquery-1.2.6.min.js"></script>

<script language="javascript">

function recargar(){    

    var variable_post="Mi texto recargado";

    $.post("ultimos_llamados.php", { variable: variable_post }, function(data){

    $("#recargado").html(data);

    });            

}

 
 
</script>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Documento sin título</title>

<style type="text/css">

<!--

.a1 {

    background-color: #E4303C;

    text-align: right;

}

.a1 table tr td p {

    font-family: "Arial Black", Gadget, sans-serif;

    font-size: 30px;

    color: #FFF;

}

.a1 table tr td table {

    font-family: "Arial Black", Gadget, sans-serif;

    color: #FFF;

    text-align: center;

    font-size: 16px;

}

.a1 table tr td table tr td {

    font-size: 24px;

}

-->

</style>

<script src="Scripts/swfobject_modified.js" type="text/javascript"></script>

</head>

 
<body class="a1">

<table width="100%" height="624" border="0">

  <tr>

    <td width="661" align="center" valign="middle"><p>&nbsp;</p>

      <p>&nbsp;</p>

    <p>

      <object id="FlashID" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="562" height="408">

        <param name="movie" value="images/novedades_06-11-09.swf" />

        <param name="quality" value="high" />

        <param name="wmode" value="opaque" />

        <param name="swfversion" value="8.0.35.0" />

        <!-- Esta etiqueta param indica a los usuarios de Flash Player 6.0 r65 o posterior que descarguen la versión más reciente de Flash Player. Elimínela si no desea que los usuarios vean el mensaje. -->

        <param name="expressinstall" value="Scripts/expressInstall.swf" />

        <!-- La siguiente etiqueta object es para navegadores distintos de IE. Ocúltela a IE mediante IECC. -->

        <!--[if !IE]>-->

        <object type="application/x-shockwave-flash" data="images/novedades_06-11-09.swf" width="562" height="408">

          <!--<![endif]-->

          <param name="quality" value="high" />

          <param name="wmode" value="opaque" />

          <param name="swfversion" value="8.0.35.0" />

          <param name="expressinstall" value="Scripts/expressInstall.swf" />

          <!-- El navegador muestra el siguiente contenido alternativo para usuarios con Flash Player 6.0 o versiones anteriores. -->

          <div>

            <h4>El contenido de esta página requiere una versión más reciente de Adobe Flash Player.</h4>

            <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Obtener Adobe Flash Player" width="112" height="33" /></a></p>

          </div>

          <!--[if !IE]>-->

        </object>

        <!--<![endif]-->

      </object>

    </p>

    <p>&nbsp;</p>

    <table width="433" border="0">

      <tr>

        <td>ULTIMO LLAMADO HACE: 00:10</td>

      </tr>

    </table>

    <p>&nbsp;</p></td>

    <td width="485" align="center" valign="top"><p><img src="images/LOGO.jpg" width="250" height="107" align="top" /></p>

      <p>ÚLTIMOS LLAMADOS </p>

      <p><div id="recargado">

 
</div>

<script language="javascript"> setInterval("recargar()",4000);

 </script></p></td>

  </tr>

</table>

 
<script type="text/javascript">

<!--

swfobject.registerObject("FlashID");

//-->

</script>

</body>

</html>

jackson666 · #4 (**permalink**) 01/12/2009, 19:50

Y bueno, ponele un evento onclick en el link del ticket que haga la consulta asincrona y muestre el div oculto si hay respuesta

pablolennin · #5 (**permalink**) 01/12/2009, 20:00

setTimeOut(funciona_a_ejecutar,tiempo_en_milisegun dos) ejemplo
setTimeOut("document.location='tupagina'",4000) en 4 segundo te redireccionara a otra pagina que pongas

asti1987 · #6 (**permalink**) 01/12/2009, 20:40

voy a ver como lo aplico, luego vuelvo a consultar