Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> JQUERY, program do obliczania BMI
Tomasz1992
post 16.02.2012, 23:39:28
Post #1





Grupa: Zarejestrowani
Postów: 15
Pomógł: 0
Dołączył: 2.03.2011

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


  1. <!DOCTYPE html>
  2. <meta charset="utf-8">
  3. <link rel="stylesheet" href="style.css" type="text/css" />
  4. <link rel="stylesheet" href="jquery-ui-1.8.16.custom.css" type="text/css" />
  5. <script type="text/javascript" src="jquery-1.6.2.min.js"></script>
  6. <script type="text/javascript" src="jquery-ui.min.js"></script>
  7. <script type="text/javascript">
  8.  
  9. $(document).ready(function () {
  10.  
  11. function bmi() {
  12.  
  13. var kilogramy = $("#masa").slider("value");
  14. $("#wartosckg").text( kilogramy );
  15.  
  16. var centymetry = $("#wzrost").slider("value");
  17. $("#wartosccm").text ( centymetry );
  18.  
  19. var ile = kilogramy/((centymetry/100)*(centymetry/100));
  20. $("#bmi").text (bmi);
  21. }
  22.  
  23. $("#masa").slider({
  24. animate: true,
  25. min: 10, max: 200, value: 50,
  26. slide: function() { bmi(); },
  27. change: function() { bmi(); }
  28. });
  29. $("#wzrost").slider({
  30. animate: true,
  31. min: 10, max: 250, value: 170,
  32. slide: function() { bmi(); },
  33. change: function() { bmi(); }
  34. });
  35.  
  36. bmi();
  37.  
  38.  
  39.  
  40. </head>
  41. <div id="otoczka" style="padding:10px;width:300px">
  42. <h1>Kalkulator BMI</h1>
  43. <p>Masa ciała: <span id="wartosckg"></span></p>
  44. <div id="masa"></div>
  45. <p>Wzrost w CM: <span id="wartosccm"></span></p>
  46. <div id="wzrost"></div>
  47. <p style="font-size:1.3em">BMI: <span id="bmi"></span> </p>
  48. </div>
  49. </body>
  50. </html>


I tutaj mi coś z tą stroną nie działa... może ktoś zobaczy na to fachowym okiem? Mam na aplikacje internetowe zrobić taki program na stronie który obiczy BMI no i wyświetli czy jest prawidłowe. Zrobiłem tyle i nie działa mi to... Powinien być wskaźnik którym będziemy regulować wagę i wzrost...

Ten post edytował Tomasz1992 16.02.2012, 23:41:31
Go to the top of the page
+Quote Post

Posty w temacie


Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 6.07.2025 - 20:04