Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów
Jak umiescic licznik w tych div'ach? - Wersja do druku

+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: Początkujący webmaster (https://www.webmastertalk.pl/forum-poczatkujacy-webmaster)
+--- Wątek: Jak umiescic licznik w tych div'ach? (/thread-jak-umiescic-licznik-w-tych-div-ach)

Strony: 1 2


Jak umiescic licznik w tych div'ach? - Arelies - 07-05-2011




RE: Jak umiescic licznik w tych div'ach? - Pedro84 - 08-05-2011

Czego nie rozumiesz z tego tekstu?
Cytat: 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'});



RE: Jak umiescic licznik w tych div'ach? - Arelies - 08-05-2011

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?


RE: Jak umiescic licznik w tych div'ach? - Arelies - 10-05-2011

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


RE: Jak umiescic licznik w tych div'ach? - Pedro84 - 10-05-2011

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


RE: Jak umiescic licznik w tych div'ach? - Arelies - 16-05-2011

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?


RE: Jak umiescic licznik w tych div'ach? - Pedro84 - 17-05-2011

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?


RE: Jak umiescic licznik w tych div'ach? - Arelies - 17-05-2011

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?


RE: Jak umiescic licznik w tych div'ach? - Kartofelek - 17-05-2011

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


RE: Jak umiescic licznik w tych div'ach? - Arelies - 18-05-2011

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.