Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JavaScript] Formularz zamówienia mnożenie cen
Forum PHP.pl > Forum > Przedszkole
maciasgta
Witam, Panowie znalazłem taki skrypt : link i potrzebuje go przerobić aby skrypt automatycznie po wpisaniu jednej i drugiej liczby liczył. Bo tutaj trzeba kliknąc w formularz, a ja bym chciał w czasie rzeczywistym

Da rade tak zrobić? bardzo prosze o pomoc, to pilne!
r4xz
poczytaj o onChange event

btw. "Panowie" - jawna dyskryminacja! rolleyes.gif
maciasgta
a czy ktoś pomoże? myśle, że to jest pare minut pracy. Panowie i Panie wink.gif bo ja potrzebuje to mieć na dziś, bardzo pilne. odwdzięczę sie smile.gif
lobopol
Jeżeli ktoś to ma za ciebie zrobić to dział giełda tutaj jedynie możesz uzyskać pomoc abyś mógł samodzielnie to napisać. Zainteresuj się onchange albo onkeyup (właściwie lepiej tym drugim http://www.w3schools.com/jsref/event_onkeyup.asp)
To jest dosłownie minuta pracy tylko musisz pomyśleć.
kefirek
[JAVASCRIPT] pobierz, plaintext
  1. <html>
  2. <head>
  3. <title>jquery</title>
  4. <script src="http://code.jquery.com/jquery-latest.js"></script>
  5. <script type="text/javascript">
  6. $(document).ready(function() {
  7. $('#liczba1').keyup(function(event) {
  8.  
  9. if (event.keyCode != '8') {
  10. var liczba_1 = ($(this).val());
  11.  
  12. }
  13.  
  14. });
  15.  
  16.  
  17. $('#liczba2').keyup(function(event) {
  18.  
  19. if (event.keyCode != '8') {
  20. licz();
  21. }
  22.  
  23. });
  24.  
  25.  
  26.  
  27. $('#liczba1').keyup(function(event) {
  28.  
  29. if (event.keyCode != '8') {
  30. licz();
  31. }
  32.  
  33. });
  34.  
  35. function licz(){
  36. var liczba_1 = $("#liczba1").val();
  37. var liczba_2 = $("#liczba2").val();
  38. var suma = liczba_1 * liczba_2;
  39. $("#wynik").val(suma);
  40.  
  41. }
  42.  
  43.  
  44.  
  45. });
  46.  
  47. </script>
  48. </head>
  49. <body>
  50.  
  51. 1 Liczba : <input id="liczba1" type="text" /></br>
  52. 2 Liczba :<input id="liczba2" type="text"/></br>
  53. Wynik :<input id="wynik" type="text"/>
  54.  
  55.  
  56.  
  57. </body>
  58. </html>
[JAVASCRIPT] pobierz, plaintext
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.