Forum PHP.pl > [PHP][MYSQL][JAVA] Formularz i zliczanie

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [PHP][MYSQL][JAVA] Formularz i zliczanie

DannyM

7.08.2008, 08:52:33

Mam sobie formularz a dane do niego czesciowo sa pobierane z bazy a wartosci wpisuje klient. Tak sobie formularz.

Teraz mam tak:

nazwa | pole przelicznika np. 1000 | pole wartosci [wprowadza user] | i tu chcialbym dodac pole zliczajace wartosc * przelicznik ale w czasie wpisywania wartosci w czasie rzeczywistym.

Bede wdzieczny za wszystkie pomysly lub propozycje.

Ar2r

7.08.2008, 09:14:28

Zrób to na JS. Dla pola wartość zastosuj zdarzenie onkeypress które będzie wywoływać funkcję pobierajacą wartości, wykonującą na nich działanie i wpisującą wynik do określonego elementu (zastosuj document.getElementById).

DannyM

7.08.2008, 09:17:07

Cytat(Ar2r @ 7.08.2008, 10:14:28 )

Szczerze w JS to ja umiem tyle co w C++

Nie masz moze jakiegos malego tutoriala ? Nie wiem nawet pod jaka nazwa tego szykac

Ar2r

7.08.2008, 10:28:25

Dla przykładu

[HTML] pobierz, plaintext 
<form>
<input id="przelicznik" value="1000" />
<input id="wartosc" onkeypress="oblicz()" />
<input id="wynik" />
</form>
<script type="text/javascript">
function oblicz(){
   var wynik = document.getElementById('przelicznik').value*document.getElementById('wartosc').value;
    document.getElementById('wynik').value=wynik;
}
</script>
[HTML] pobierz, plaintext

DannyM

8.08.2008, 07:17:36

Cytat(Ar2r @ 7.08.2008, 11:28:25 )

Dla przykładu

[HTML] pobierz, plaintext 
<form>
<input id="przelicznik" value="1000" />
<input id="wartosc" onkeypress="oblicz()" />
<input id="wynik" />
</form>
<script type="text/javascript">
function oblicz(){
   var wynik = document.getElementById('przelicznik').value*document.getElementById('wartosc').value;
    document.getElementById('wynik').value=wynik;
}
</script>
[HTML] pobierz, plaintext

o pieknie. Zaraz przetestuje i dam znac co mi wyszlo

Dzieki Twojemu tutorialowi zrozumialem zasade.
Idac dalej napotykam dalesze problemy. Jesli pobieram duza ilosc danych do formularza z bazy pewne pola sie powtarzaja i rozwiazalem to tak:

[HTML] pobierz, plaintext 
<form>
<input id="przelicznik<?php echo $row_grupaA['id']; ?>" value="1000" />
<input id="wartosc<?php echo $row_grupaA['id']; ?>" onkeypress="oblicz()" />
<input id="wynik<?php echo $row_grupaA['id']; ?>" />
</form>
[HTML] pobierz, plaintext

Bo tych produktow jest ze 100 i sa podzielone na grupy wiec nastepna grupa ma:

[HTML] pobierz, plaintext 
<form>
<input id="przelicznik<?php echo $row_grupaB['id']; ?>" value="1000" />
<input id="wartosc<?php echo $row_grupaB['id']; ?>" onkeypress="oblicz()" />
<input id="wynik<?php echo $row_grupaB['id']; ?>" />
</form>
[HTML] pobierz, plaintext

Teraz jak to wbic w tego JS?
Czy mam dla kazdej grupy stworzyc odrebny kod np.:

[HTML] pobierz, plaintext 
<script type="text/javascript">
function oblicz(){
   var wynik = document.getElementById('przelicznik<?php echo $row_grupaA['id']; ?>').value*document.getElementById('wartosc<?php echo $row_grupaA['id']; ?>').value;
    document.getElementById('wynik<?php echo $row_grupaA['id']; ?>').value=wynik;
}
[HTML] pobierz, plaintext

Czy cos w tym stylu bo ten przyklad mi nie dziala

Dodam, ze na koncu musze wszysko zsumowas

ayeo

8.08.2008, 07:29:40

Witaj!
Po pierwsze Twój kod JS jest całkowicie bezsesnu! Zostaw go tak jak Ar2r wyżej Ci pokazał

Jedyne co musisz dodać to jakąś zmienną globalną i do niej dodawać poszczególne wyniki, żeby mieć sumę na końcu. Samo wyświetlanie formularza rób w pętli po prostu.

Pozdrawiam!

DannyM

8.08.2008, 07:47:58

No wlasnie zliczanie jest po <?php echo $row_grupaB['id']; ?>
Wszysko jest w petli. Niestety nie zlicza. Dodaje do kazdej pozycji ID produktu wiec sadzilem, ze do kodu JS trzeba tez to dodac bo inaczej on nie widzi wartosc tylko wartosc22 wiec jej nie zlicza.

Ar2r

8.08.2008, 08:03:01

Nie możesz w ten sposób mieszać JS i php. Jeśli chcesz mieć uzależnione wyniki od ID to na przykład:

[HTML] pobierz, plaintext 
...
<input id="wartosc<?php echo $row_grupaA['id']; ?>" onkeypress="oblicz(<?php print $row_grupaA['id'];?>)" />
...
<script type="text/javascript">
function oblicz(id){
var przel = 'przelicznik'+id;
var wart = 'wartosc'+id;
var dest = 'wynik'+id;
var wynik = document.getElementById(przel).value*document.getElementById(wart).value;
document.getElementById(dest).value=wynik;
}
</script>
[HTML] pobierz, plaintext

DannyM

8.08.2008, 09:27:22

Pokaze Ci do mam moze znajdziesz bleda

[HTML] pobierz, plaintext 
<tr bgcolor=""  onMouseOver="this.bgColor='#FFF9E1';" onMouseOut="this.bgColor=''">
      <td><input name="pole<?php echo $row_grupa['id']; ?>" type="text"  class="hide" id="pole<?php echo $row_grupa['id']; ?>" readonly="readonly" value="<?php echo $row_grupa['index']; ?>" size="10" /></td>
      <td><input name="nazwa<?php echo $row_grupa['id']; ?>" type="text" class="hide" id="nazwa<?php echo $row_grupa['id']; ?>" readonly="readonly" value="<?php echo $row_grupa['name']; ?>" size="50" /></td>
       <td><input name="weight<?php echo $row_grupa['id']; ?>" type="text" id="weight<?php echo $row_grupa['id']; ?>" onfocus="this.select()" value="<?php echo $row_grupa['weight']; ?>" size="5" readonly="readonly"/>
       <input name="sztuki<?php echo $row_grupa['id']; ?>" type="text" id="sztuki<?php echo $row_grupa['id']; ?>" onfocus="this.select()" value="<?php echo $row_grupa['sztuki']; ?>" size="5" readonly="readonly"/>
       <input name="karton<?php echo $row_grupa['id']; ?>" type="text" id="karton<?php echo $row_grupa['id']; ?>" onfocus="this.select()" size="5" onkeypress="oblicz(<?php print $row_grupa['id'];?>)"/></td>
       <td align="center">
 
     <input name="kg" type="text" id="kg" onfocus="this.select()" size="5" />      </td>
      <td align="center">&nbsp;</td>
      <td align="center">
      <input name="szt" type="text" id="szt"  onfocus="this.select()" size="5" onkeypress="oblicz(<?php print $row_grupa['id'];?>)"/>      </td>
    </tr>
<script type="text/javascript">
function oblicz(id){
var przel = 'waga'+id;
var wart = 'karton'+id;
var dest = 'kg'+id;
var sztuki = 'szt'+id;
var wynik = document.getElementById(przel).value*document.getElementById(wart).value;
var wynik = document.getElementById(sztuki).value*document.getElementById(wart).value;
document.getElementById(dest).value=wynik;
document.getElementById(sztuki).value=wynik;
}
</script>
[HTML] pobierz, plaintext

Dodam tylko, ze to wiersz ktory sie zapetla.

Ar2r

8.08.2008, 09:41:33

Napisz jeszcze co się dzieje, jaki jest efekt, błąd oraz gdzie się kończy pętla?
<script> też jest w pętli?

DannyM

8.08.2008, 09:51:50

Wlansi nic sie nie dzieje

Zwyczajnie nie oblicza. JS nie jest w petli.
Ten wiersz tabeli tylko sie powiela

Ar2r

8.08.2008, 10:02:42

Dobra
1. Nazwy w właściwości name muszą odpowiadać tym w JS (skoro masz na przykład sztuki to nie możesz nagle skracac w JS nazwy do szt)
2. Zmienna wynik w JS jest zastosowana dwukrotnie. Pierwsze wystapienie zostanie nadpisane drugim;

Popraw i zobacz czy dziala

DannyM

8.08.2008, 10:31:57

Zmienilem na:

[HTML] pobierz, plaintext 
<tr bgcolor=""  onMouseOver="this.bgColor='#FFF9E1';" onMouseOut="this.bgColor=''">
      <td><input name="pole<?php echo $row_grupa['id']; ?>" type="text"  class="hide" id="pole<?php echo $row_grupa['id']; ?>" readonly="readonly" value="<?php echo $row_grupa['index']; ?>" size="10" /></td>
      <td><input name="nazwa<?php echo $row_grupa['id']; ?>" type="text" class="hide" id="nazwa<?php echo $row_grupa['id']; ?>" readonly="readonly" value="<?php echo $row_grupa['name']; ?>" size="50" /></td>
       <td><input name="weight<?php echo $row_grupa['id']; ?>" type="text" id="weight<?php echo $row_grupa['id']; ?>" onfocus="this.select()" value="<?php echo $row_grupa['weight']; ?>" size="5" readonly="readonly"/>
       <input name="sztuki<?php echo $row_grupa['id']; ?>" type="text" id="sztuki<?php echo $row_grupa['id']; ?>" onfocus="this.select()" value="<?php echo $row_grupa['sztuki']; ?>" size="5" readonly="readonly" />
       <input name="karton<?php echo $row_grupa['id']; ?>" type="text" id="karton<?php echo $row_grupa['id']; ?>" onfocus="this.select()" size="5" onkeypress="oblicz(<?php print $row_grupa['id'];?>)"/></td>
       <td align="center">
 
     <input name="kg" type="text" id="kg" onfocus="this.select()" size="5" />      </td>
      <td align="center">&nbsp;</td>
      <td align="center">
      <input name="sztuki_sum" type="text" id="sztuki_sum"  onfocus="this.select()" size="5" />      </td>
    </tr>
 
    <script type="text/javascript">
function oblicz(id){
var waga = 'weight'+id;
var karton = 'karton'+id;
var kg = 'kg'+id;
var sztuki = 'sztuki'+id;
var wynik = document.getElementById(waga).value*document.getElementById(karton).value;
var wynik2 = document.getElementById(sztuki).value*document.getElementById(karton).value;
document.getElementById(kg).value=wynik;
document.getElementById(sztuki_sum).value=wynik2;
}
</script>
[HTML] pobierz, plaintext

Wydaje mi sie, ze powinno smigac ale tak nie jest
Nie wiem ale wydaje mi sie, ze to cos z onkeypress="oblicz(<?php print $row_grupa['id'];?>)"

Ar2r

8.08.2008, 10:47:11

Pola kg i sztuki_sum nie posiadają indeksów, więc w JS też są niepotrzebne. Jeśli chciałeś użyć bezpośrednio nazw to trzebyło je opakować w cudzysłów

[SQL] pobierz, plaintext 
document.getElementById('kg').value=wynik;
document.getElementById('sztuki_sum').value=wynik2;
[SQL] pobierz, plaintext

DannyM

25.08.2008, 09:35:14

A tak z innej beczki
Jak poprawnie odejmowac.

var wynik = document.getElementById(waga).value-document.getElementById(karton).value;

cos smiesznie odejmuje i odejmuje jak poprawiam to co wpisalem to on dalej odejmuje

A czy da sie te wartosc jakosc zaokraglic? Mam 2,99 a wole 3 itd.

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.