Forum PHP.pl > [JavaScript] Zmiana wartości/input box ?

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [JavaScript] Zmiana wartości/input box ?

czezz

20.07.2011, 15:10:19

Poniższy kod wyświetla licznik odliczający 10 sekund do odświeżenia bieżącej strony.
Licznik ma "za-hardcode-owaną" wartość 10.
Chcę obok tego licznika dorobić pole, w którym będę mógł wstawić dowolną wartość (w sekundach) i przycisk zatwierdzający tą zmianę.
Nie mam jednak zbyt dużo doświadczenia w JS.
JAk to zrobić, czy kto mi może pomóc, proszę ?

[HTML] pobierz, plaintext 
<html>
   <head>
      <script type="text/javascript">
       var sec=10;
       function time() {
       if(sec==0) {
          window.location.reload(true)
       } else {
          sec--;
          document.getElementById('tm').innerHTML=(sec < 10) ? ("0" + sec) : sec;
          setTimeout("time();", 1000);
          }
       }
      </script>
   </head>
<body onload="time()">
    Time to refresh:
<span id="tm">10</span>
</body>
 
[HTML] pobierz, plaintext

Udało mi się sklecić coś takiego... ale nie wiem jak to ze sobą powiązać:

[HTML] pobierz, plaintext 
<html>
   <head>
      <script type="text/javascript">
function bar()
{
        var textPara = document.getElementById('text_para');
        var textInput = document.getElementById('text_input');
 
        if (textPara && textInput)
        {
                alert(textInput.getAttribute("value"));
                //textPara.innerHTML = textInput.getAttribute("value") ;
        }
        else
        {
                alert("incorrect value");
        }
}
 
       var sec=10;
       function time() {
       if(sec==0) {
          window.location.reload(true)
       } else {
          sec--;
          document.getElementById('tm').innerHTML=(sec < 10) ? ("0" + sec) : sec;
          setTimeout("time();", 1000);
          }
       }
      </script>
   </head>
<body onload="time()">
    Time to refresh:
<span id="tm">10</span>
</body>
 
 
<body onload="">
 
<p id="text_para">Change time value:</p>
 
<form id="frm" onsubmit="" action="">
        <input type="text" name="text_input" value="20"="text_input" />
        <input type="button" value="podmien" name="przycisk" id="ok" onclick="java script:bar();" />
</form>
 
</body>
 
[HTML] pobierz, plaintext

CuteOne

20.07.2011, 16:09:04

[JAVASCRIPT] pobierz, plaintext 
var textInput = document.getElementById('text_input').getAttribute("value");
var sec = (textInput > 0) ? textInput : 10;
[JAVASCRIPT] pobierz, plaintext

w mojej sygnie masz pomoc w tworzeniu JS - konsolę błędów

czezz

22.07.2011, 08:58:14

To nie działa albo nie wiem jak to dodać.

Po mojej edycji - tak wygląda kod:

[HTML] pobierz, plaintext 
<html>
<head>
<script type="text/javascript">
 
    var textInput = document.getElementById('text_input').getAttribute("value");
    var sec = (textInput > 0) ? textInput : 10;
 
function time() {
  if(sec==0) {
window.location.reload(true)
  } else {
   sec--;
   document.getElementById('tm').innerHTML=(sec < 10) ? ("0" + sec) : sec;
   setTimeout("time();", 1000);
  }
}
</script>
</head>
<body onload="time()">
<input type="text" name="text_input" value="20"="text_input" />
 
<input type="text" name="text_input" value="20" id="text_input" />
 
Time to refresh:
<span id="tm">10</span>
</body>
[HTML] pobierz, plaintext

- widzę 2 pola input (a potrzebuje tylko jedno);
- brak przycisku do zatwierdzenia
- czas się nei odlicza i ma wartość NaN

Załączam printscreen
http://i53.tinypic.com/1070yvp.jpg

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.