Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [JavaScript]Wywołanie funkcji
krzesik
post
Post #1





Grupa: Zarejestrowani
Postów: 516
Pomógł: 1
Dołączył: 25.08.2012

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

Witam,
mam poprawnie działającą funkcję przeliczającą mi wartości w komórkach:
[HTML] pobierz, plaintext 
  1. function licz1(a){
  2. a.Plan100.value=(a.Ilosc100.value)*(a.Kwota100.value)
  3. a.Plan50.value=(a.Ilosc50.value)*(a.Kwota50.value)
  4. a.Plan25.value=(a.Ilosc25.value)*(a.Kwota25.value)
  5. }
  6. </script>
[HTML] pobierz, plaintext

przeliczanie działa poprawnie jak opuszczę komórkę:
[HTML] pobierz, plaintext 
  1. <input class="form-control col-xs-1" size="1" name="Kwota100"      value="<? echo $KwotaPelna; ?>"      type="text" onkeyup="licz1(this.form)"></input>
[HTML] pobierz, plaintext


niestety nie zlicz mi na bieżąco po wejściu do formularza, ani gdy kwota się zmienia, jak to wywołać?
Próbowałem poprzez
<body onload="licz1(a)">
ale bez efektu....
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi (1 - 3)
trueblue
post
Post #2





Grupa: Zarejestrowani
Postów: 6 806
Pomógł: 1828
Dołączył: 11.03.2014

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

A jest gdzieś zdefiniowana zmienna "a", że przekazujesz ją jako argument do funkcji licz1 w zdarzeniu onLoad dla <body>? Jestem pewien, że nie.

Swoją drogą, skoro do pól Ilość oraz Kwota "wpisujesz" wartości poprzez PHP, to dlaczego nie możesz "wpisać" również poprzez PHP wartości do pól Plan?

Ten post edytował trueblue 14.01.2025, 07:24:42


--------------------
https://kawalekkodu.pl
Go to the top of the page
+Quote Post
Michur
post
Post #3





Grupa: Zarejestrowani
Postów: 4
Pomógł: 0
Dołączył: 14.01.2025

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

Moim zdaniem łatwiej to zrobić samym js, niż rozdzielać to na funkcje wstawione w HTML.
Osobiście zrobiłbym to trochę inaczej, no ale poniżej rozwiązuję Twój problem wink.gif

[HTML] pobierz, plaintext 
  1. <!DOCTYPE html>
  2. <html>
  3.     <head>
  4.         <script>
  5.             window.onload = () => {
  6.  
  7.                 var a = document.querySelector('form');
  8.  
  9.                 function licz() {
  10.  
  11.                     a.Plan100.value=(a.Ilosc100.value)*(a.Kwota100.value)
  12.                     a.Plan50.value=(a.Ilosc50.value)*(a.Kwota50.value)
  13.                     a.Plan25.value=(a.Ilosc25.value)*(a.Kwota25.value)
  14.  
  15.                 }
  16.  
  17.                 var inputs = a.querySelectorAll('input');
  18.                 inputs.forEach((input) => {
  19.                     if(input.classList.contains('kwota')) {
  20.                         input.addEventListener('input', licz, false);
  21.                     }
  22.                 });
  23.  
  24.                 licz();
  25.  
  26.             }
  27.         </script>
  28.     </head>
  29.     <body>
  30.         <form id="form">
  31.             <input type="text" name="Plan100" class="plan" value="">
  32.             <input type="text" name="Ilosc100" class="ilosc" value="12">
  33.             <input type="text" name="Kwota100" class="kwota" value="100">
  34.  
  35.             <input type="text" name="Plan50" class="plan" value="">
  36.             <input type="text" name="Ilosc50" class="ilosc" value="12">
  37.             <input type="text" name="Kwota50" class="kwota" value="50">
  38.  
  39.             <input type="text" name="Plan25" class="plan" value="">
  40.             <input type="text" name="Ilosc25" class="ilosc" value="12">
  41.             <input type="text" name="Kwota25" class="kwota" value="25">
  42.         </form>
  43.     </body>
  44. </html>
[HTML] pobierz, plaintext
Go to the top of the page
+Quote Post
trueblue
post
Post #4





Grupa: Zarejestrowani
Postów: 6 806
Pomógł: 1828
Dołączył: 11.03.2014

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

Dużo sprawniejsze byłoby rozwiązanie z delegacją zdarzeń i rozpoznawanie elementów na podstawie ich klas czy atrybutów id, dzięki któremu nie musimy się martwić w przypadku dodawania kolejnych inputów.


--------------------
https://kawalekkodu.pl
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: Przełącz na: Standardowy · Linearny+ · Przełącz na: Drzewo

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

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