Forum PHP.pl > [JavaScript]2 jquery na stronie

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [JavaScript]2 jquery na stronie

pakolord

30.09.2014, 20:29:30

Witam, chciałem wstawić animacje ktora odlicza mi dwa rożne czas do daty. Jednak działa zawsze tylko jeden. Na dole cały kod HTML licznika:

[HTML] pobierz, plaintext 
<html>
	<head>
		<link rel="stylesheet" href="clock/compiled/flipclock.css">
 
		<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
 
		<script src="clock/compiled/flipclock.js"></script>
	</head>
	<body>
 
<?php
$a = date('Y-m-d H:i:s');
$str_a = (strtotime($a));
 
$b = '2015-05-02 00:00:00';
$str_b = (strtotime($b));
 
$pozostalo = $str_b - $str_a;
?>
 
 
	<div class="clock" style="margin:2em; margin-left:0px;"></div>
	<div class="message"></div>
 
	<script type="text/javascript">
		var clock;
 
		$(document).ready(function() {
			var clock;
 
			clock = $('.clock').FlipClock(<?php echo $pozostalo
?>, {
		        clockFace: 'DailyCounter',
		        countdown: true,
		        callbacks: {
		        	stop: function() {
		        		$('.message').html('The clock has stopped!')
		        	}
		        }
		    });
 
		});
	</script>
 
	</body>
</html>
[HTML] pobierz, plaintext

Damonsson

30.09.2014, 21:16:30

Ja tam widzę tylko 1 licznik.

Daimos

30.09.2014, 22:00:09

Cytat(Damonsson @ 30.09.2014, 22:16:30 )

Ja tam widzę tylko 1 licznik.

ja też, może to jakaś głębsza zagadka?

PS. Dlaczego tak sobie komplikujesz życie?

[PHP] pobierz, plaintext 
$a = date('Y-m-d H:i:s');
$str_a = (strtotime($a));
[PHP] pobierz, plaintext

Przecież to to samo co:

[PHP] pobierz, plaintext 
$str_a = time();
[PHP] pobierz, plaintext

pakolord

3.10.2014, 16:53:08

Czemu wkleilem jeden licznik

Bo po co mam wklejac dwa razy to samo

Zresztą uzylem liczby pojedynczej... Problem jest gdy chce umiescic go dwa lub wiecej razy, oczywiscie z innymi danymi. Animacja obejmuje tylko ostatni licznik, wszystkie wezyej wyswietlaja tylko obraz bez animacji.

trueblue

3.10.2014, 18:57:43

Przypisz każdemu div inną klasę (i tak podaj przy inicjalizacji pluginu).

pakolord

4.10.2014, 14:32:18

OK działa . Wielkie dzieki

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.