Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JavaScript][PHP]Wysyłanie z formularzem czasu wyświetlanego przez js
Forum PHP.pl > Forum > Przedszkole
TheTime
Witam,

Mam taki skrypt:

  1. var poczatek = '0';
  2.  
  3. function czas_start() {
  4. poczatek++;
  5. document.getElementById('czas').innerHTML=poczatek;
  6. setTimeout("czas_start()", 1000);
  7. }
  8. window.onload=czas_start;
  9.  
  10. <div id="czas"></div>


Wyświetla on czas pobytu na stronie. Mam również formularz:

  1. <form action="action.php" method="post">
  2. <input type="text" name="test" />
  3. <input type="submit" value="Wyślij">
  4. </form>


Jak za pomocą ukrytego pola formularza wysłać ten czas który jest wyświetlany przez id="czas"?
SmokAnalog
Najprościej będzie trzymać wartość "poczatek" nie w zmiennej, a w polu typu hidden. Inkrementacja liczby sekund odbywałaby się bezpośrednio w wartości tego pola.
TheTime
Ok, a jak przypisać value z:

  1. <input type="hidden" value="0" id="czas" name="czas" />


Do zmiennej w js?
SmokAnalog
Przypisywać nie musisz, ale pobieranie się przyda.
[JAVASCRIPT] pobierz, plaintext
  1. document.getElementById("czas").value
[JAVASCRIPT] pobierz, plaintext
TheTime
Pogubiłem się. Możesz mi dokładnie napisać, co mam zmienić w tym skrypcie?

[JAVASCRIPT] pobierz, plaintext
  1. <script>
  2. var poczatek = '0';
  3.  
  4. function czas_start() {
  5. poczatek++;
  6. document.getElementById('czas').innerHTML=poczatek;
  7. setTimeout("czas_start()", 1000);
  8. }
  9. window.onload=czas_start;
  10. </script>
[JAVASCRIPT] pobierz, plaintext
SmokAnalog
[JAVASCRIPT] pobierz, plaintext
  1. function czas_start() {
  2. var timeField = document.getElementById("czas");
  3.  
  4. timeField.value++;
  5. document.getElementById("licznik").innerHTML = timeField.value;
  6. setTimeout(czas_start, 1000);
  7. }
  8. window.onload = czas_start;
[JAVASCRIPT] pobierz, plaintext

Zauważ, że zmieniłem identyfikator div-a z "czas" na "licznik", bo użyłem identyfikatora "czas" dla pola hidden.

Skrypt powinien
TheTime
Dzięki za pomoc.
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.
Invision Power Board © 2001-2025 Invision Power Services, Inc.