Forum PHP.pl > Odliczanie czasu do kazdego rekordu

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: Odliczanie czasu do kazdego rekordu

Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript

jacobson

16.04.2011, 16:51:28

Witam, mam pytanie... chce do swojej strony dorobic cos takiego ze rekordy pobrane z bazy danych wyswietlane sa jeden pod drugim tak jak np najblizsze imprezy sportowe.

i Teraz znalazlem skrypt JS odliczania czasu

[PHP] pobierz, plaintext 
function czasDoWydarzenia(rok, miesiac, dzien, godzina, minuta, sekunda, milisekunda)
{
	var aktualnyCzas = new Date();
	var dataWydarzenia = new Date(rok, miesiac, dzien, godzina, minuta, sekunda, milisekunda);
	var pozostalyCzas = dataWydarzenia.getTime() - aktualnyCzas.getTime();
 
	if (pozostalyCzas > 0)
	{						
		var s = pozostalyCzas / 1000;	// sekundy
		var min = s / 60;				// minuty
		var h = min / 60;				// godziny
 
		var sLeft = Math.floor(s  % 60);	// pozostało sekund		
		var minLeft = Math.floor(min % 60);	// pozostało minut
		var hLeft = Math.floor(h % 60);			// pozostało godzin	
 
		if (minLeft < 10)
		  minLeft = "0" + minLeft;
		if (sLeft < 10)
		  sLeft = "0" + sLeft;
 
		return hLeft + " : " + minLeft + " : " + sLeft;
	}
	else
		return;
}
 
window.onload = function()
{
	idElement = "content_main_countdown";
	document.getElementById(idElement).innerHTML = czasDoWydarzenia(2011, 04, 16, 20, 0, 0, 0);
	setInterval("document.getElementById(idElement).innerHTML = czasDoWydarzenia(2011, 04, 16, 20, 0, 0, 0)", 1000);
};
[PHP] pobierz, plaintext

i teraz w moim pliku index.php w <head> dalem <script type="text/javascript" src="/lib/countdown.js" />

no i tam gdzie mam rekordy:

[PHP] pobierz, plaintext 
    $q = "SELECT * FROM " . TBL_1 . " LIMIT 0,10";
    $result = $database->query($q);
    $num_rows = mysql_numrows($result);
    for ($i = 0; $i < $num_rows; $i++) {
        $id = mysql_result($result, $i, "quizid");
        echo "<div id=\"content_main_entry\">
            <span class=\"content_main_entry_value\">" . $id . "</span>
            <div id=\"content_main_countdown\">Tutaj czas</div></a></div>
            <div id=\"content_main_entry_enroll\"><a href=\"##\">Zapis</a></div>";
    }
[PHP] pobierz, plaintext

Wszystko dziala, rekordy z bazy danych sa wypisywane odpowiednio jeden pod drugim, jednak czas ktory powinien odliczac sie dla kazdego elementu odlicza sie tylko dla pierwszego.

Moze ja cos robie niepoprawnie i ktos by mnie nakierowal co i jak powinienem zrobic zeby to dzialalo poprawnie

pozdrawiam

krowal

16.04.2011, 19:44:39

W dokumencie nie może być więcej niż jeden elementów o tym samym id. Twój skrypt po prostu znajduje pierwszy taki element o id content_main_countdown i dalej nawet nie próbuje szukać. powinieneś sobie zrobić coś w tym stylu:

[JAVASCRIPT] pobierz, plaintext 
for (var i=0; i<ilosc_elementow; i++){
  document.getElementById('content_main_countdown_'+i).innerHTML = czasDoWydarzenia(2011, 04, 16, 20, 0, 0, 0);
  setInterval(function(){
    document.getElementById('content_main_countdown_'+i).innerHTML = czasDoWydarzenia(2011, 04, 16, 20, 0, 0, 0)
  },1000);
}
[JAVASCRIPT] pobierz, plaintext

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.