Forum PHP.pl > Zmiana tekstu bez odświeżania strony

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: Zmiana tekstu bez odświeżania strony

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

shima

20.12.2004, 11:29:19

Na tej stronie mamy odliczanie czasu do końca aukcji:
http://mymedalotylii.aukcje24.pl/accdb/vie...sp?IDI=15262683
Jest to chyba zrobione w JS. Nie spotkałem się z tego typu rozwiązaniem na forum, a sam JS nie znam zbyt dobrze. Jest tu jakiś guru, który mógłby mi to wyjaśnić?

dr_bonzo

20.12.2004, 12:31:24

1 .pobierasz z bazy (czy innego zrodla danych) czas pozostaly do konca aukcji (np w sekundach)
2. podajesz ta wartosc do js (tzn wysylasz do przegladarki skrypt js) np.

[PHP] pobierz, plaintext 
<?php print( &#092;"var czas = $czas;n\" );
?>
[PHP] pobierz, plaintext

3. za pomoca jsa zmiejszasz czas co sekunde o 1 i wyswietlasz w polu formularza, albo na div'ie (document.forms[ 'nazwa-formularza' ].fieldname.value = czas; // jakos tak ), oczywiscie czas w sekundach mozesz przeliczyc na godziny i minuty i dni.

shima

20.12.2004, 13:19:56

Cytat(dr_bonzo @ 2004-12-20 12:31:24)

wyswietlasz w polu formularza, albo na div'ie (document.forms[ 'nazwa-formularza' ].fieldname.value = czas; // jakos tak

Nie jestem pewien czy zrozumiałem, ale spróbuję. Formularza chcę uniknąć, wiem jak zrobić w formularzu, bo znalazłem gotowy skrypt. Jeżeli to się tak prosto przenosi to spróbuję to zrobić. Dzięki.

bregovic

20.12.2004, 14:51:02

Bez formularza robisz tak:

[HTML] pobierz, plaintext 
<div id="x"></div>
[HTML] pobierz, plaintext

A w JSie ustawiasz timer, i co sekunde zmieniasz innerHtml:

[HTML] pobierz, plaintext 
z=document.getElementById('x')
z.innerHtml='czas'
[HTML] pobierz, plaintext

shima

20.12.2004, 16:03:21

Cytat(bregovic @ 2004-12-20 14:51:02)

Bez formularza robisz tak:

[HTML] pobierz, plaintext 
<div id="x"></div>
[HTML] pobierz, plaintext

A w JSie ustawiasz timer, i co sekunde zmieniasz innerHtml:

[HTML] pobierz, plaintext 
z=document.getElementById('x')
z.innerHtml='czas'
[HTML] pobierz, plaintext

Pytanie pomocnicze:
Przerobiłem skrypt z formularzem i niestety nic się nie wyświetla. Może powinienem coś dodać? A może elementy muszą zachować określona sekwencję?

bregovic

20.12.2004, 21:33:17

Podpowiedź pomocnicza:

[PHP] pobierz, plaintext 
<html>
	<head>
		<script>
			function count()
			{
				today = new Date();
 
				timeLeft = today.getTime() - <?php print $_GET['countTo']; ?>; // to nie powinno iść z GET'a...
 
				// trzeba jakos wyliczyc czas...
 
				counter = document.getElementById(\"counter\")
				counter.innerHTML = // tu twoja data...
 
				setTimeout(\"count()\",1000)
			}
		</script>	
	</head>
	<body onload=\"count()\">
		<span id=\"counter\"></span>
	</body>
</html>
[PHP] 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.