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



[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
 
 Start new topic
Odpowiedzi
CuteOne
post
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 (IMG:style_emoticons/default/smile.gif)

Ten post edytował CuteOne 20.07.2011, 16:12:49
Go to the top of the page
+Quote Post

Posty w temacie
- czezz   [JavaScript] Zmiana wartości/input box ?   20.07.2011, 15:10:19
- - CuteOne   <input type="text" name="text_in...   20.07.2011, 16:09:04
- - czezz   To nie działa albo nie wiem jak to dodać. Po moje...   22.07.2011, 08:58:14

« Następny starszy · Przedszkole · Następny nowszy »
 

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

 

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

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

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