Ik heb het volgende simpele script om een countdown te realiseren:
Het wordt geparsed in PHP door een template engine die de vars prima bijwerkt.
Dit script pas ik toe op de volgende code:
Het werkt, de countdown wordt aangegeven en doet ook echt z'n werk. Het enige probleem in Internet Explorer is dat er onderin een vervelende javascript error tevoorschijn komt.
Fout: document.getElementById("count") has no properties
Als document.getElementsById("count") geen properties heeft, hoe zou het dan kunnen werken? Of ben ik nu gek.
Alle input is meegenomen, bedankt alvast.
code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
| <script>
<!--
var targetURL = "{$url}";
var countdownfrom = {$time};
var currentsecond = countdownfrom + 2;
function count() {
if(currentsecond!==1) {
currentsecond -= 1;
document.getElementById("count").innerHTML = currentsecond;
} else {
currentsecond = '0';
document.getElementById("count").innerHTML = currentsecond;
window.location = targetURL;
return;
}
setTimeout("count()", 1000);
}
count();
//-->
</script> |
Het wordt geparsed in PHP door een template engine die de vars prima bijwerkt.
Dit script pas ik toe op de volgende code:
code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
| <body onload="count();">
<div id="belangrijk" style="margin-left: auto; margin-right:auto;">
<div class="ArticleOrange">
<h2>Wijziging opgeslagen!</h2>
<div class="ArticleOrangeBody">
<p>
{$message}</p>
</div>
<div class="ArticleOrangeFooter">
<p>Wordt je niet automatisch doorverwezen binnen <font class="count" id="count">{$time}</font> seconden? Klik dan <a href="{$url}">hier.</a></p>
</div>
</div>
</div>
</body> |
Het werkt, de countdown wordt aangegeven en doet ook echt z'n werk. Het enige probleem in Internet Explorer is dat er onderin een vervelende javascript error tevoorschijn komt.
Fout: document.getElementById("count") has no properties
Als document.getElementsById("count") geen properties heeft, hoe zou het dan kunnen werken? Of ben ik nu gek.
Alle input is meegenomen, bedankt alvast.