[PHP][MYSQL][JAVA] Formularz i zliczanie Opcje

[DannyM]

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.

Ten post edytował DannyM 7.08.2008, 08:58:29

[Ar2r]

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]

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).

Szczerze w JS to ja umiem tyle co w C++ (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)
Nie masz moze jakiegos malego tutoriala ? Nie wiem nawet pod jaka nazwa tego szykac

[Ar2r]

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]

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 (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)

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 (IMG:http://forum.php.pl/style_emoticons/default/sad.gif)
Dodam, ze na koncu musze wszysko zsumowas

Ten post edytował DannyM 8.08.2008, 07:20:28

[ayeo]

Witaj!
Po pierwsze Twój kod JS jest całkowicie bezsesnu! Zostaw go tak jak Ar2r wyżej Ci pokazał (IMG:http://forum.php.pl/style_emoticons/default/winksmiley.jpg) 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]

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.

Ten post edytował DannyM 8.08.2008, 07:51:12

[Ar2r]

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]

Pokaze Ci do mam moze znajdziesz bleda (IMG:http://forum.php.pl/style_emoticons/default/winksmiley.jpg)

[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.

Ten post edytował DannyM 8.08.2008, 09:29:52

[Ar2r]

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

[DannyM]

Wlansi nic sie nie dzieje (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)
Zwyczajnie nie oblicza. JS nie jest w petli.
Ten wiersz tabeli tylko sie powiela

[Ar2r]

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]

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]

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]

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 (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)

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