Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [JavaScript]Wywołanie funkcji
krzesik
post 13.01.2025, 18:07:46
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
Michur
post 14.01.2025, 10:47:07
Post #2





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 14.01.2025, 16:48:05
Post #3





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

Posty w temacie
- krzesik   [JavaScript]Wywołanie funkcji   13.01.2025, 18:07:46
- - trueblue   A jest gdzieś zdefiniowana zmienna "a", ...   14.01.2025, 07:23:24
- - Michur   Moim zdaniem łatwiej to zrobić samym js, niż rozdz...   14.01.2025, 10:47:07
- - trueblue   Dużo sprawniejsze byłoby rozwiązanie z delegacją z...   14.01.2025, 16:48:05

« 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 · Przełącz na: Linearny+ · Drzewo

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

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