Quote:
Originally Posted by ofir24
i didn't try it yet, what happen if someone post that counting message and the time collapse to zero, it's says realsed "XX time" ago? or it's just vanished?
|
Currently there isn't any indicator once the countdown is complete but you can do this.
In whichever template you are using (block_countdown, adv_portal_countdown etc) look for the code similar to this
Code:
<script type="text/javascript">
var jq=$.noConflict();
jq(document).ready(function() {
jq('#countdown').countDown({
targetDate: {
'day': 19,
'month': 7,
'year': 2011,
'hour': 23,
'min': 59,
'sec': 59,
}
});
});
</script>
Replace it with
Code:
<script type="text/javascript">
var jq=$.noConflict();
jq(document).ready(function() {
jq('#countdown').countDown({
targetDate: {
'day': 00,
'month': 00,
'year': 0000,
'hour': 00,
'min': 00,
'sec': 00
},
// onComplete function
onComplete: function() {
jq('#complete_info_message').slideDown();
}
});
});
</script>
Amend the targetDate settings
Still in your template find:
Code:
<div class="dash seconds_dash">
<span class="dash_title">Secs</span>
<div class="digit">0</div>
<div class="digit">0</div>
</div>
Below that add:
Code:
<div class="info_message" id="complete_info_message" style="display: none;">
Countdown complete
</div>
You can change Countdown complete to whatever message you want.
Save the template.
Open the css file and add the following
Code:
.info_message {
color: #f40c1d;
text-align: center;
margin: auto;
font-weight: bold;
}
Again you can change the colour to whatever you wish (this one is red)
Save the css file and re-upload.
Now once the countdown has expired your message will slide down below the timer. (see attached image)