Problema contador javascript en consulta php

kikezin · #1 (**permalink**) 02/03/2012, 11:59

Hola muy buenas estoy desesperado, llevo 2 semanas con esto y no logro completarlo , la idea es crear un contador de tiempo hacia atrás con la fecha final del evento. logro crear una cuenta atrás pero solo del ultimo registro que me da la base de datos. quiero hacer un contador para cada evento. este es el codigo, gracias de antemano. Ya no se a quien recurrir.

$result = mysql_query("SELECT * FROM planes ");
if ($row = mysql_fetch_array($result)){
echo "<h1>Eventos disponibles<h1>";
echo "<table border = '1'>";
echo "<tr>";
echo "<th>nombre</th>";
echo "<th>fecha</th>";
echo "<th>Tiempo</th>";
echo "</tr> n";
do {
echo "<tr> n";
echo "<td>".$row["nombre"]."</td> n";
echo "<td>".$row["hora"]."</td>n";
echo "<td>".$row["fecha"]."</td>n";
$mes=substr($fecha , 5,2) - 1;
$fecha=$row["fecha"];
?>
<td><body onload="countdown('contador')">
<div id='contador'></div>
...
</body></td>
<?
echo "</tr>";
} while ($row = mysql_fetch_array($result));

echo "</table>";

} else {

echo "No hay eventos creados";

}
<head>
<script type="text/javascript" language="JavaScript">
function countdown(id){
var fecha=new Date('<?echo substr($fecha , 0,4);?>','<?echo $mes;?>','<?echo substr($fecha , 8,2);?>','00','00','00')
var hoy=new Date()
var dias=0
var horas=0
var minutos=0
var segundos=0
if (fecha>hoy){
var diferencia=(fecha.getTime()-hoy.getTime())/1000
dias=Math.floor(diferencia/86400)
diferencia=diferencia-(86400*dias)
horas=Math.floor(diferencia/3600)
diferencia=diferencia-(3600*horas)
minutos=Math.floor(diferencia/60)
diferencia=diferencia-(60*minutos)
segundos=Math.floor(diferencia)

document.getElementById(id).innerHTML='Quedan ' + dias + ' Días, ' + horas + ' Horas, ' + minutos + ' Minutos, ' + segundos + ' Segundos'

if (dias>0 || horas>0 || minutos>0 || segundos>0){
setTimeout("countdown(\"" + id + "\")",1000)
}
}
else{
document.getElementById('restante').innerHTML='Que dan ' + dias + ' Días, ' + horas + ' Horas, ' + minutos + ' Minutos, ' + segundos + ' Segundos'
}
}
</script>
</head>

repara2 · #2 (**permalink**) 02/03/2012, 12:20

Si quieres un contador por cada registro, tienes que llamar a las funciones del contador con diferentes parámetros por cada registro. No te funciona porque llamas a las funciones mil veces pero siempre se guardan los valores en las mismas variables, por tanto todo se sobreescribe y se pierde, sólo funciona el ultimo. POR CADA registro de tu DB necesitas un div con u nnombre único y el proceso que describes realizarlo para cada registro.
Saludos

kikezin · #3 (**permalink**) 02/03/2012, 12:29

muchas gracias!!, pero aún asi no me ha quedado muy claro podrías ponerme un ejemplo de como sería? gracias!!

repara2 · #4 (**permalink**) 04/03/2012, 02:26

El div que contiene en contador requiere un nombre UNICO, por cada registro de la db, DENTRO DEL WHILE creas un div por cada elemento, cada uno con su nombre unico:

Código PHP:

Ver original<!-- Este div tiene que tener un nombre UNICO, por eso uso $row nombre, pero asegúrate de que sea unico. Si no lo es, utiliza un número -->
<body onload="countdown('<?=$row["nombre"]?>')">
<div id='<?=$row["nombre"]?>'></div>

Quita el DO...WHILE y utiliza unicamente WHILE, simplifica el código. Por ejemplo:

Código PHP:

Ver originalselect * from tabla
echo Cabecera de tabla
while($registros){
  <div id="nombre">....
}
FIn tabla
//Fin codigo php
funcion contador...