Jak umiescic licznik w tych div'ach?

[Arelies]

[Pedro84]

Czego nie rozumiesz z tego tekstu?

Include the jQuery library in the head section of your page.

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>

Download and include the jQuery Countdown CSS and JavaScript in the head section of your page.

<style type="text/css">@import "jquery.countdown.css";</style>
<script type="text/javascript" src="jquery.countdown.js"></script>

Alternately, you can use the packed version jquery.countdown.pack.js (9.7K vs 29.4K), or the minified version jquery.countdown.min.js (12.3K, 4.2K when zipped).
Connect the countdown functionality to your divs.

$(selector).countdown({until: liftoffTime});

You can include custom settings as part of this process.

$(selector).countdown({until: liftoffTime, format: 'dHM'});

[Arelies]

Zrobilem to tak, w sekcji head umiescilem:

Kod:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"> </ script>
<script type="text/javascript" src="js/jquery.countdown.js"> </ script>
<script>
new Date(2011, 7 - 1, 7);
$('months').countdown({until: liftoffTime, format: 'O'});
$('days').countdown({until: liftoffTime, format: 'D'});
$('hours').countdown({until: liftoffTime, format: 'H'});
$('minutes').countdown({until: liftoffTime, format: 'M'});
$('seconds').countdown({until: liftoffTime, format: 'S'});
</script>

Natomiast w divach nic nie zmienialem, jest tak jak wyzej.
Nadal pokazuje same 0. Co jest zle? Moze podpowiedz jakas?

[Arelies]

Odswiezam i prosze o pomoc, nie moge sobie z tym poradzic.

[Pedro84]

Boże... co to za selektor? $('months').

[Arelies]

Zrobilem tak:

Kod:

$('div.menu {countdown-item}.link {months}').countdown({until: liftoffTime, format: 'O'});
$('div.menu {countdown-item}.link {days}').countdown({until: liftoffTime, format: 'D'});
$('div.menu {countdown-item}.link {hours}').countdown({until: liftoffTime, format: 'H'});
$('div.menu {countdown-item}.link {minutes}').countdown({until: liftoffTime, format: 'M'});
$('div.menu {countdown-item}.link {seconds}').countdown({until: liftoffTime, format: 'S'});

Ale dalej nie dziala, nie kumam tych selektorow. Moze mi ktos wytlumaczyc skadnie selektora?

[Pedro84]

Przykład ze strony głównej skryptu:

Kod:

var newYear = new Date();
newYear = new Date(newYear.getFullYear() + 1, 1 - 1, 1);
$('#defaultCountdown').countdown({until: newYear});

$('#removeCountdown').toggle(function() {
        $(this).text('Re-attach');
        $('#defaultCountdown').countdown('destroy');
    },
    function() {
        $(this).text('Remove');
        $('#defaultCountdown').countdown({until: newYear});
    }
);

Nie działa, bo nie ma prawa działać. Nie masz żadnych podstaw Javascriptu, a z tym będzie ciężko. Wytłumaczyć? W pierwszym lepszym kursie JS to jest. Selektor to jest element na stronie. Teraz jaśniej?

[Arelies]

Dobrze to juz rozumiem jak mialbym to zrobic gdybym mial takie cos

Kod:

<div class="countdown-item"> </div>

Ale jak to zrobic gdy mam class countdown-item i id months?

[Kartofelek]

http://doman.art.pl/kursjs/kurs/jquery/jquery.html

[Arelies]

Zrobilem to tak:

Kod:

<script>
new Date(2012, 7 - 1, 7);
$('div.countdown-item#months').countdown({until: liftoffTime, format: 'O'});
$('div.countdown-item#days').countdown({until: liftoffTime, format: 'D'});
$('div.countdown-item#hours').countdown({until: liftoffTime, format: 'H'});
$('div.countdown-item#minutes').countdown({until: liftoffTime, format: 'M'});
$('div.countdown-item#seconds').countdown({until: liftoffTime, format: 'S'});
</script>

Dalej nie dziala. Dlaczego?
Czy dalej zly selektor?
Prosilbym o pokazanie jak to zrobic, postaram sie to zrozumiec.