Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [JavaScript] Zmiana wartości/input box ?
czezz
post 20.07.2011, 15:10:19
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ę ?



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


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

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


Ten post edytował czezz 20.07.2011, 15:00:44
Go to the top of the page
+Quote Post
CuteOne
post 20.07.2011, 16:09:04
Post #2





Grupa: Zarejestrowani
Postów: 2 958
Pomógł: 574
Dołączył: 23.09.2008
Skąd: wiesz, że tu jestem?

Ostrzeżenie: (0%)
-----

<input type="text" name="text_input" value="20"="text_input" />

<input type="text" name="text_input" value="20" id="text_input" />


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


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

Ten post edytował CuteOne 20.07.2011, 16:12:49
Go to the top of the page
+Quote Post
czezz
post 22.07.2011, 08:58:14
Post #3





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

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

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

Po mojej edycji - tak wygląda kod:
[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3. <script type="text/javascript">
  4.  
  5.     var textInput = document.getElementById('text_input').getAttribute("value");
  6.     var sec = (textInput > 0) ? textInput : 10;
  7.  
  8. function time() {
  9.   if(sec==0) {
  10. window.location.reload(true)
  11.   } else {
  12.    sec--;
  13.    document.getElementById('tm').innerHTML=(sec < 10) ? ("0" + sec) : sec;
  14.    setTimeout("time();", 1000);
  15.   }
  16. }
  17. </script>
  18. </head>
  19. <body onload="time()">
  20. <input type="text" name="text_input" value="20"="text_input" />
  21.  
  22. <input type="text" name="text_input" value="20" id="text_input" />
  23.  
  24. Time to refresh:
  25. <span id="tm">10</span>
  26. </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
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

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

 

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Wersja Lo-Fi Aktualny czas: 22.05.2025 - 06:27
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn