Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML]POMOCY KALKULATOR
Forum PHP.pl > Forum > Przedszkole
slepy19911
Mam taki kalkulator:

A chce zeby wygladalo to tak:

Grubosc ma byc od 2 cm do 12 i jak mozna to wytlumaczyc gdzie mam wpisac cene kazdego z nich
Bardzo bym prosil o pomoc!
sweter
Tam gdzie masz "12.00" i "5.00" daj taki kod:
  1. <select name="cena">
  2. <option value="1">1</option> <-- to powtarzaj dla każdej opcji


Proponuję przeczytać też to: http://www.kurshtml.boo.pl/html/lista_rozw...formularze.html
slepy19911
nie bardzo mi to pomoglo ;//
Bo jak bede klikac to i tak nie bedzie wybierac nowej ceny dla kazdej osobnej grubosci

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
  2. <html lang="pl">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  5. <title>Kalkulator</title>
  6. <script type="text/javascript" src="http://www.google.com/jsapi"></script>
  7. <script type="text/javascript">
  8. google.load("jquery", "1");
  9. </script>
  10. <script type="text/javascript">
  11. function update(){
  12. var sum = 0;
  13. $("#calculator > tbody > tr").each(function(){
  14. var price = parseFloat($(this).find("td:eq(2)").text());
  15. var amount = parseFloat($(this).find("td:eq(3)").find("input:first").val());
  16. var value = $(this).find("td:eq(4)");
  17. if (amount > 0) {
  18. value.text(price*amount);
  19. sum += price*amount;
  20. } else {
  21. value.text(0);
  22. }
  23. });
  24. $("#summary").text(sum);
  25. }
  26. $(document).ready(function(){
  27. update();
  28. $("#calculator input").keyup(function(){
  29. update();
  30. });
  31. });
  32. </script>
  33. </head>
  34. <body>
  35. <table id="calculator">
  36. <tr>
  37. <th>Rodzaj uslugi</th>
  38. <th>Jm</th>
  39. <th>Cena</th>
  40. <th>Ilosc</th>
  41. <th>Wartosc</th>
  42. </tr>
  43. </thead>
  44. <tr>
  45. <th colspan="4">Razem</th>
  46. <th id="summary"></th>
  47. </tr>
  48. </tfoot>
  49. <tr>
  50. <td>Styro t</td>
  51. <td>m<sup>2</sup></td>
  52. <td>12.00</td>
  53. <td><input type="text" name="gadzie-gipsowe"></td>
  54. <td></td>
  55. </tr>
  56. <tr>
  57. <td>Styro</td>
  58. <td>m<sup>2</sup></td>
  59. <td>5.00</td>
  60. <td><input type="text" name="malowanie"></td>
  61. <td></td>
  62. </tr>
  63. </tbody>
  64. </table>
  65. </body>
  66. </html>

to jest kalkulator
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.