nedtælling på flere events
Davs alle..Grunden til jeg opretter spørgsmålet herinde er, at i denne nedtællings script, som får data fra php (sql database) udefra hvor mange events der er sat i gang udefra start og slut dato timestamp.
Det hele virker perfekt bortset fra den kun kan tag et event af gangen. Så spørgsmålet om det er måske "getElementById" der skal ændres til den skal se efter en class og ikke en id?
Eller hvordan kan jeg ellers få den til at vise nedtællingen for alle events der er i gang sat?
<?php if($_GET['mode'] == "events"){ ?>
<table border="0" width="494" cellspacing="0" cellpadding="0">
<tr>
<td class="topbar-middle-images">
<div class="topbar-middle" style="float: right">Events</div>
</td>
</tr>
<tr>
<td class="px494-text-middle" style="width:494px">
<?php
$now = time();
$query = mysql_query("SELECT * FROM events WHERE dato_slut > $now AND dato_start < $now AND status = 1 ORDER BY dato_slut ASC") or die(mysql_error());
if (mysql_num_rows($query) == 0) {
echo "<i>Der er ingen events i gang lige nu...</i>";
} else {
echo "<h1>Følgende er i gang nu</h1>";
echo "<table width=\"494\" class=\"brugerinfo\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\">";
echo "<tr>";
echo "<td style=\"width:150px\"><b>Sluttidspunkt</b></td>";
echo "<td style=\"width:245px\"><b>Hvad</b></td>";
echo "<td style=\"width:99px\"><b>Tid tilbage</b></td>";
echo "</tr>";
while($row = mysql_fetch_array($query)) {
$slut = $row[dato_slut];
$nu = time();
$diff = ($slut - $nu);
$diff = mysql_real_escape_string($diff);
?>
<script type="text/javascript">
var d=document;
function gE(id){return d.getElementById(id)}
var s = <?php echo $diff ?>;
function setMyTime() {
var dage, fDage, timer, fTimer, minuter, fMinutter, restS=s;
if (restS == 0) {
location.href = 'http://home.boller.nu/index.php?mode=events';
} else if (restS > 0) {
dage = restS/(60*60*24);
fDage = Math.floor(dage);
if (fDage>0) {
restS = restS - (fDage*60*60*24);
gE("dg").innerHTML = fDage;
}
else fDage = 0;
gE("dg").innerHTML = fDage;
timer = restS/(60*60);
fTimer = Math.floor(timer);
if (fTimer>0) {
fTimer = Math.floor(timer);
restS = restS - (fTimer*60*60);
}
else fTimer = 0;
gE("tim").innerHTML = fTimer;
minutter = restS/60;
fMinutter = Math.floor(minutter);
if (fMinutter>0) {
fMinutter = Math.floor(minutter)
restS = restS - (fMinutter*60);
}
else fMinutter = 0;
gE("min").innerHTML = fMinutter;
sekunder = Math.floor( restS );
if (sekunder<0) sekunder = 0;
gE("sek").innerHTML = sekunder;
s--;
setTimeout("setMyTime()", 1000);
}
}
window.onload = setMyTime;
</script>
<?php
$ts = $row[dato_slut];
$day = date("d", $ts);
$year = date("Y", $ts);
$month = date("n", $ts);
$time = date("H:i", $ts);
$arraymonth = array ( 1 => "januar", "februar", "marts", "april", "maj", "juni", "juli", "august", "september", "oktober", "november", "december" );
$dato = "$day $arraymonth[$month] $year - $time";
$dato = mysql_real_escape_string($dato);
echo "<tr>";
echo "<td style=\"width:150px\">$dato</td>";
echo "<td style=\"width:245px\">$row[titel]</td>";
echo "<td style=\"width:99px\">
<span id=\"dg\"></span>D
<span id=\"tim\"></span>T
<span id=\"min\"></span>M
<span id=\"sek\"></span>S
</td>";
echo "</tr>";
}
echo "</table>";
}
?>
