Forum

Hoi,

Ik heb een countdown scriptje dat ik inmiddels heb kunnen draaien op mijn site. Alleen hij laat de countdown bij 1 feed zijn. De eerste.

Dit is mijn script:

<div class=\"".$storename."store-outerbox store-outerbox\">

<div id=\"timer\" class=\"".$storename."store-timer store-timer\">Dagelijks om 0:00

<script>

(function() {

var d=new Date();

var tomorrow = new Date(d.getTime() + 24 * 60 * 60 * 1000);

tomorrow.setHours(0);

tomorrow.setMinutes(0);

tomorrow.setSeconds(0);

var target_date = tomorrow;

// variables for time units

var days, hours, minutes, seconds;

// get tag element

var countdown = document.getElementById('timer');

// update the tag with id 'countdown' every 1 second

setInterval(function () {

// find the amount of 'seconds' between now and target

var current_date = new Date().getTime();

var seconds_left = (target_date – current_date) / 1000;

// do some time calculations

days = parseInt(seconds_left / 86400);

seconds_left = seconds_left % 86400;

hours = parseInt(seconds_left / 3600);

seconds_left = seconds_left % 3600;

minutes = parseInt(seconds_left / 60);

seconds = parseInt(seconds_left % 60);

// format countdown string + set tag value

countdown.innerHTML = 'Nog '+ hours + ' uur en ' + minutes + ' minuten' ;

}, 1000);

})();

</script></div>

<div class=\"".$storename."store-logo store-logo\">

<div class=\"".$storename."store-logo-image store-logo-image\"></div>

</div>

<div class=\"".$storename."store-image store-image\">

<a href=\"".$image."\" ".$rel." ".$imagerel." ".$target.">

<img src=\"".$imageURL."\" alt=\"".$productname."\" title=\"".$productname."\"/>

</a>

</div>

<div class=\"".$storename."store-titel store-titel\">

".$productname."

</div>

<div class=\"".$storenam."store-price-div store-price-div\">

<div class=\"".$storename."store-price store-price\">

<a href=\"".$producturl."\" ".$rel." class=\"regular\" ".$urltarget." title=\"".$productname."\">

".$price."

</a>

</div>

</div>

<div class=\"".$storename."store-footer store-footer\">

".$more."

<div class=\"".$storename."buttons buttons\">

<a href=\"".$producturl."\" ".$rel." class=\"regular\" ".$urltarget." title=\"".$productname."\">

".$buynow."

</a>

</div>

</div>

</div>";

Hoe kan ik er voor zorgen dat hij bij alle feeds deze countdown laat zien. Als je kijkt op www. kiesaanbieding. nl dan zie je dat hij alleen bij de eerst de countdown heeft.

Thanks

En dan getelementbyclassname ('$storename') ofzo iets?

Als ik dat doe dan werkt mijn script niet meer.

<div class=\"timer\" class=\"".$storename."store-timer store-timer\">Dagelijks om 0:00

<script>

(function() {

var d=new Date();

var tomorrow = new Date(d.getTime() + 24 * 60 * 60 * 1000);

tomorrow.setHours(0);

tomorrow.setMinutes(0);

tomorrow.setSeconds(0);

var target_date = tomorrow;

// variables for time units

var days, hours, minutes, seconds;

// get tag element

var countdown = document.getElementsByClassName('timer');

// update the tag with id 'countdown' every 1 second

setInterval(function () {

// find the amount of 'seconds' between now and target

var current_date = new Date().getTime();

var seconds_left = (target_date – current_date) / 1000;

// do some time calculations

days = parseInt(seconds_left / 86400);

seconds_left = seconds_left % 86400;

hours = parseInt(seconds_left / 3600);

seconds_left = seconds_left % 3600;

minutes = parseInt(seconds_left / 60);

seconds = parseInt(seconds_left % 60);

// format countdown string + set tag value

countdown.innerHTML = 'Nog '+ hours + ' uur en ' + minutes + ' minuten' ;

}, 1000);

})();

</script></div>

Heb nu dit:

<div class=\"".$storename."store-timer store-timer\" class=\"timer\"\><script>

(function() {

var d=new Date();

var tomorrow = new Date(d.getTime() + 24 * 60 * 60 * 1000);

tomorrow.setHours(0);

tomorrow.setMinutes(0);

tomorrow.setSeconds(0);

var target_date = tomorrow;

// variables for time units

var days, hours, minutes, seconds;

// get tag element

var countdown = document.getElementsByClassName('timer');

// update the tag with id 'countdown' every 1 second

setInterval(function () {

// find the amount of 'seconds' between now and target

var current_date = new Date().getTime();

var seconds_left = (target_date – current_date) / 1000;

// do some time calculations

days = parseInt(seconds_left / 86400);

seconds_left = seconds_left % 86400;

hours = parseInt(seconds_left / 3600);

seconds_left = seconds_left % 3600;

minutes = parseInt(seconds_left / 60);

seconds = parseInt(seconds_left % 60);

// format countdown string + set tag value

countdown.innerHTML = 'Nog '+ hours + ' uur en ' + minutes + ' minuten' ;

}, 1000);

})();

</script></div>

En ook daar wil ie niet intrappen…..:-(

<div class=\"".$storename."store-timer store-timer\"> <div class=\"timer\">

<script>

(function() {

var d=new Date();

var tomorrow = new Date(d.getTime() + 24 * 60 * 60 * 1000);

tomorrow.setHours(0);

tomorrow.setMinutes(0);

tomorrow.setSeconds(0);

var target_date = tomorrow;

// variables for time units

var days, hours, minutes, seconds;

// get tag element

var countdown = document.getElementsByClassName('timer');

// update the tag with id 'countdown' every 1 second

setInterval(function () {

// find the amount of 'seconds' between now and target

var current_date = new Date().getTime();

var seconds_left = (target_date – current_date) / 1000;

// do some time calculations

days = parseInt(seconds_left / 86400);

seconds_left = seconds_left % 86400;

hours = parseInt(seconds_left / 3600);

seconds_left = seconds_left % 3600;

minutes = parseInt(seconds_left / 60);

seconds = parseInt(seconds_left % 60);

// format countdown string + set tag value

countdown.innerHTML = 'Nog '+ hours + ' uur en ' + minutes + ' minuten' ;

}, 1000);

})();

</script>

</div>

</div>

Ook dit werkt niet..