Refrescar un sector

jimadri · #1 (**permalink**) 19/11/2010, 06:41

Hola, tengo el siguiente problema:

Tengo una web de una emisora de radio donde necesito mostrar según la hora el nombre del programa que se está emitiendo.

Lo que necesito es que se actualice solo ese archivo sin necesidad de refrescar toda la página.
El archivo utilizado para mostrar los nombres del programa es:

Código PHP:

  <?php include "conecciones/conexionprogramacion.php"; ?> 
 
<script language="javascript"> 
var a = 0; 
var rtime = 5; //este es el tiempo en segundos en que la pagina se va a actualizar 
function time(){ 
a++; 
    if(a == rtime){ 
    document.location.href = 'programacion.php'; //entre las comillas va el nombre de este documento o la pagina a la que se quiera actualizar 
    }else{ 
    setTimeout('time();',1000); 
    } 
} 
</script> 
</head> 
<body onLoad="setTimeout('time();',1000);"> 
<div id="echos"> 
</div>  
 
<?php 
    date_default_timezone_set("America/Argentina/Buenos_Aires"); 
 
    $dia = date('N'); 
    $dia = (int)$dia; 
    $hora = date('Hi'); 
    $hora = (int)$hora; 
    switch($dia) 
    { 
        case 1: 
            $nomdia = "lun"; 
        break; 
        case 2: 
            $nomdia = "mar"; 
        break; 
        case 3: 
            $nomdia = "mie"; 
        break; 
        case 4: 
            $nomdia = "jue"; 
        break; 
        case 5: 
            $nomdia = "vie"; 
        break; 
        case 6: 
            $nomdia = "sab"; 
        break; 
        case 7: 
            $nomdia = "dom"; 
        break; 
    } 
    $consprogam = mysql_query("select * from grilla where horaini <= $hora and $hora < horafin and emisora = 'AM' and dias like '%$nomdia%'", $coneccionprog) or die ("no se trajo programa"); 
    $programa = mysql_fetch_array($consprogam); 
     
    $nomprog = $programa['nom_prog']; 
     
    echo "$nomprog"; 
     
?>

En el home del sitio hice un INCLUDE para poner este archivo pero refresca la página entera.

Cómo se puede lograr?

Gracias!

maycolalvarez · #2 (**permalink**) 19/11/2010, 06:47

2 opciones:

enviar un AJAX
refrescar un iframe oculto:

Código Javascript:

Ver originalfunction time(){ 
a++; 
    if(a == rtime){ 
    //document.location.href = 'programacion.php'; //entre las comillas va el nombre de este documento o la pagina a la que se quiera actualizar 
    window.open('programacion.php','iframe_name');
    }else{ 
    setTimeout('time();',1000); //no se requiere con setInterval
    } 
}

PD: utiliza setInterval en JS y te olvidas de volver a definirlo

jimadri · #3 (**permalink**) 19/11/2010, 07:51

Cita:

Iniciado por maycolalvarez

2 opciones:

enviar un AJAX
refrescar un iframe oculto:

Código Javascript:

Ver originalfunction time(){ 
a++; 
    if(a == rtime){ 
    //document.location.href = 'programacion.php'; //entre las comillas va el nombre de este documento o la pagina a la que se quiera actualizar 
    window.open('programacion.php','iframe_name');
    }else{ 
    setTimeout('time();',1000); //no se requiere con setInterval
    } 
}

PD: utiliza setInterval en JS y te olvidas de volver a definirlo

Gracias por tu pronta respuesta!
Paso a comentarte los resultados. Logramos que se ven en nuestro home el Iframe con la hora y el nombre del programa que se está emitiendo pero no lo refresca.
Por si influye en algo te comento que el sitio está basado en una plantilla y probamos agregando en el template lo siguiente:

Código PHP:

  <script language="javascript"> 
var a = 0; 
var rtime = 5; //este es el tiempo en segundos en que la pagina se va a actualizar 
function time(){ 
a++; 
    if(a == rtime){ 
    //document.location.href = '../programacion.php'; //entre las comillas va el nombre de este documento o la pagina a la que se quiera actualizar 
    window.open('../programacion.php','prog'); 
    }else{ 
    setTimeout('time();',1000); 
    } 
} 
 
setTimeout('time();',1000); 
</script>

y también:

Código PHP:

  <body onLoad="setTimeout('time();',1000);">

De esta manera muestra la información pero no la actualiza cada 5 segundos.

Que estaría mal?

legion6000 · #4 (**permalink**) 19/11/2010, 15:45

adentro de

if(a == rtime)

tienes que reiniciar "a", sino sólo 1 vez sería igual a rtime

Código Javascript:

Ver originalif(a == rtime)
{
    a = 0;
    window.open( .....
}
else
{
.......
}

__________________

Si no me aumentas karma, no me motivas a ayudarte