Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [JavaScript] Zmiana wartości/input box ?
czezz
post
Post #1





Grupa: Zarejestrowani
Postów: 141
Pomógł: 0
Dołączył: 24.07.2003

Ostrzeżenie: (10%)
X----


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ę ?



  1. <head>
  2. <script type="text/javascript">
  3. var sec=10;
  4. function time() {
  5. if(sec==0) {
  6. window.location.reload(true)
  7. } else {
  8. sec--;
  9. document.getElementById('tm').innerHTML=(sec < 10) ? ("0" + sec) : sec;
  10. setTimeout("time();", 1000);
  11. }
  12. }
  13. </script>
  14. </head>
  15. <body onload="time()">
  16. Time to refresh:
  17. <span id="tm">10</span>
  18. </body>
  19.  


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

  1. <head>
  2. <script type="text/javascript">
  3. function bar()
  4. {
  5. var textPara = document.getElementById('text_para');
  6. var textInput = document.getElementById('text_input');
  7.  
  8. if (textPara && textInput)
  9. {
  10. alert(textInput.getAttribute("value"));
  11. //textPara.innerHTML = textInput.getAttribute("value") ;
  12. }
  13. else
  14. {
  15. alert("incorrect value");
  16. }
  17. }
  18.  
  19. var sec=10;
  20. function time() {
  21. if(sec==0) {
  22. window.location.reload(true)
  23. } else {
  24. sec--;
  25. document.getElementById('tm').innerHTML=(sec < 10) ? ("0" + sec) : sec;
  26. setTimeout("time();", 1000);
  27. }
  28. }
  29. </script>
  30. </head>
  31. <body onload="time()">
  32. Time to refresh:
  33. <span id="tm">10</span>
  34. </body>
  35.  
  36.  
  37. <body onload="">
  38.  
  39. <p id="text_para">Change time value:</p>
  40.  
  41. <form id="frm" onsubmit="" action="">
  42. <input type="text" name="text_input" value="20"="text_input" />
  43. <input type="button" value="podmien" name="przycisk" id="ok" onclick="java script:bar();" />
  44. </form>
  45.  
  46. </body>
  47.  


Ten post edytował czezz 20.07.2011, 15:00:44
Go to the top of the page
+Quote Post

Posty w temacie


Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 23.12.2025 - 19:56