CountDown-teller
Op de website http://countdown.genealogie-ermelo.nl heb ik een countdown-teller geplaatst. Dit werkt goed.
Nu zit ik met de volgende uitdaging: Als de teller op 0 (nul) gaat wil ik dat de pagina wordt doorgeschakeld naar de nieuwe website. Hoe doe ik zoiets?
de html-code + javascript
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
48
49
50
51
52
53
54
55
56
57
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
48
49
50
51
52
53
54
55
56
57
<div class="box">
<div class="portfolio">
<div class="autokader">
<h3>Nog even geduld voor deze site on-line gaat .......</h3>
<!-- Begin content -->
<!-- Countdown dashboard start -->
<div id="countdown_dashboard">
<div class="dash weeks_dash">
<span class="dash_title">weken</span>
<div class="digit"><?=$date['weeks'][0]?></div>
<div class="digit"><?=$date['weeks'][1]?></div>
</div>
<div class="dash days_dash">
<span class="dash_title">dagen</span>
<div class="digit"><?=$date['days'][0]?></div>
<div class="digit"><?=$date['days'][1]?></div>
</div>
<div class="dash hours_dash">
<span class="dash_title">uren</span>
<div class="digit"><?=$date['hours'][0]?></div>
<div class="digit"><?=$date['hours'][1]?></div>
</div>
<div class="dash minutes_dash">
<span class="dash_title">minuten</span>
<div class="digit"><?=$date['mins'][0]?></div>
<div class="digit"><?=$date['mins'][1]?></div>
</div>
<div class="dash seconds_dash">
<span class="dash_title">seconden</span>
<div class="digit"><?=$date['secs'][0]?></div>
<div class="digit"><?=$date['secs'][1]?></div>
</div>
</div>
<!-- Countdown dashboard end -->
<!-- Einde content -->
</div>
<script language="javascript" type="text/javascript">
jQuery(document).ready(function() {
$('#countdown_dashboard').countDown({
targetDate: {
'day': <?=$config['targetDate']['day']?>,
'month': <?=$config['targetDate']['month']?>,
'year': <?=$config['targetDate']['year']?>,
'hour': <?=$config['targetDate']['hour']?>,
'min': <?=$config['targetDate']['minute']?>,
'sec': <?=$config['targetDate']['second']?>
}
});
});
</script>
</div>
</div>
<div class="portfolio">
<div class="autokader">
<h3>Nog even geduld voor deze site on-line gaat .......</h3>
<!-- Begin content -->
<!-- Countdown dashboard start -->
<div id="countdown_dashboard">
<div class="dash weeks_dash">
<span class="dash_title">weken</span>
<div class="digit"><?=$date['weeks'][0]?></div>
<div class="digit"><?=$date['weeks'][1]?></div>
</div>
<div class="dash days_dash">
<span class="dash_title">dagen</span>
<div class="digit"><?=$date['days'][0]?></div>
<div class="digit"><?=$date['days'][1]?></div>
</div>
<div class="dash hours_dash">
<span class="dash_title">uren</span>
<div class="digit"><?=$date['hours'][0]?></div>
<div class="digit"><?=$date['hours'][1]?></div>
</div>
<div class="dash minutes_dash">
<span class="dash_title">minuten</span>
<div class="digit"><?=$date['mins'][0]?></div>
<div class="digit"><?=$date['mins'][1]?></div>
</div>
<div class="dash seconds_dash">
<span class="dash_title">seconden</span>
<div class="digit"><?=$date['secs'][0]?></div>
<div class="digit"><?=$date['secs'][1]?></div>
</div>
</div>
<!-- Countdown dashboard end -->
<!-- Einde content -->
</div>
<script language="javascript" type="text/javascript">
jQuery(document).ready(function() {
$('#countdown_dashboard').countDown({
targetDate: {
'day': <?=$config['targetDate']['day']?>,
'month': <?=$config['targetDate']['month']?>,
'year': <?=$config['targetDate']['year']?>,
'hour': <?=$config['targetDate']['hour']?>,
'min': <?=$config['targetDate']['minute']?>,
'sec': <?=$config['targetDate']['second']?>
}
});
});
</script>
</div>
</div>
Wie kan mij een stap verder helpen?
George
Hier hebben we de plugin voor nodig. Welke plugin heb je gebruikt?
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
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<script language="javascript" type="text/javascript">
jQuery(document).ready(function() {
$('#countdown_dashboard').countDown({
targetDate: {
'day': <?=$config['targetDate']['day']?>,
'month': <?=$config['targetDate']['month']?>,
'year': <?=$config['targetDate']['year']?>,
'hour': <?=$config['targetDate']['hour']?>,
'min': <?=$config['targetDate']['minute']?>,
'sec': <?=$config['targetDate']['second']?>
}
});
});
</script>
jQuery(document).ready(function() {
$('#countdown_dashboard').countDown({
targetDate: {
'day': <?=$config['targetDate']['day']?>,
'month': <?=$config['targetDate']['month']?>,
'year': <?=$config['targetDate']['year']?>,
'hour': <?=$config['targetDate']['hour']?>,
'min': <?=$config['targetDate']['minute']?>,
'sec': <?=$config['targetDate']['second']?>
}
});
});
</script>
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
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<script language="javascript" type="text/javascript">
jQuery(document).ready(function() {
$('#countdown_dashboard').countDown({
targetDate: {
'day': <?=$config['targetDate']['day']?>,
'month': <?=$config['targetDate']['month']?>,
'year': <?=$config['targetDate']['year']?>,
'hour': <?=$config['targetDate']['hour']?>,
'min': <?=$config['targetDate']['minute']?>,
'sec': <?=$config['targetDate']['second']?>
},
onComplete: function() { window.location = 'hier_naar_toe.php'; }
});
});
</script>
jQuery(document).ready(function() {
$('#countdown_dashboard').countDown({
targetDate: {
'day': <?=$config['targetDate']['day']?>,
'month': <?=$config['targetDate']['month']?>,
'year': <?=$config['targetDate']['year']?>,
'hour': <?=$config['targetDate']['hour']?>,
'min': <?=$config['targetDate']['minute']?>,
'sec': <?=$config['targetDate']['second']?>
},
onComplete: function() { window.location = 'hier_naar_toe.php'; }
});
});
</script>
Ik denk dat U de komma vergat...
Zoals hier in het voorbeeldje het stond op http://www.littlewebthings.com/projects/countdown/example.php?e=on_complete:
Code (php)
1
2
3
4
5
6
2
3
4
5
6
'min': 0,
'sec': 5
}[b],[/b]
// onComplete function
onComplete: function() { $('#complete_info_message').slideDown() }
});
'sec': 5
}[b],[/b]
// onComplete function
onComplete: function() { $('#complete_info_message').slideDown() }
});
Mvg.
Jasper Vriends
Bedankt voor je inzet in deze. Heb zojuist het script getest en alles doet wat ik wil.
Topic kan gesloten worden.
George