Meerdere tellers op een pagina
Gewijzigd op 25/06/2012 10:48:13 door Thomas minke
Code (php)
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
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
<?php
$aftellers = array(
array('goud', 500),
array('klei', 350),
array('hout', 123)
);
$aftellers_js = json_encode($aftellers); // $aftellers_js is een string die javascript kan lezen.
?>
<html>
<head>
<style>
#goud {
background-color: #FFF82D;
margin: 10px;
}
#klei {
background-color: #FF9E66;
margin: 10px;
}
#hout {
background-color: #542E15;
margin: 10px;
}
</style>
</head>
<body>
<div id="goud"></div>
<div id="klei"></div>
<div id="hout"></div>
<script type="text/javascript">
var aftellers = <?php echo $aftellers_js; ?>;
countdown(0); // trigger de goud-timer
countdown(1); // trigger de klei-timer
countdown(2);
function countdown(index) {
document.getElementById(aftellers[index][0]).innerHTML = aftellers[index][1]--;
setTimeout('countdown(' + index + ')', 1000);
}
</script>
</body>
</html>
$aftellers = array(
array('goud', 500),
array('klei', 350),
array('hout', 123)
);
$aftellers_js = json_encode($aftellers); // $aftellers_js is een string die javascript kan lezen.
?>
<html>
<head>
<style>
#goud {
background-color: #FFF82D;
margin: 10px;
}
#klei {
background-color: #FF9E66;
margin: 10px;
}
#hout {
background-color: #542E15;
margin: 10px;
}
</style>
</head>
<body>
<div id="goud"></div>
<div id="klei"></div>
<div id="hout"></div>
<script type="text/javascript">
var aftellers = <?php echo $aftellers_js; ?>;
countdown(0); // trigger de goud-timer
countdown(1); // trigger de klei-timer
countdown(2);
function countdown(index) {
document.getElementById(aftellers[index][0]).innerHTML = aftellers[index][1]--;
setTimeout('countdown(' + index + ')', 1000);
}
</script>
</body>
</html>
Gewijzigd op 25/06/2012 11:06:09 door Kris Peeters
Wil je aub:
1) Niet je vraag weghalen
2) Laten weten wat de oplossing was
Op die manier hebben andere mensen op dit forum er ook nog iets aan.
@Kris: overigens wel bedankt voor je nette script!
Dit topic is gesloten.