[jQuery][JavaScript] Kalkulator z suwakiem Opcje

[Kao]

Witam
Jestem początkującym w jQuery i mam taki mały problem kod jest mianowicie w fazie rozwoju:

[HTML] pobierz, plaintext 
<link type="text/css" href="http://jqueryui.com/latest/themes/base/ui.all.css" rel="stylesheet" />
  <script type="text/javascript" src="http://jqueryui.com/latest/jquery-1.3.2.js"></script>
  <script type="text/javascript" src="http://jquery-ui.googlecode.com/svn/tags/1.8rc1/jquery-1.4.1.js"></script>
<script type="text/javascript" src="http://jquery-ui.googlecode.com/svn/tags/1.8rc1/ui/jquery-ui.js"></script>
  <style type="text/css">
    #kredyt, #ilerat { margin: 10px; }
  </style>
  <script type="text/javascript">
  $(document).ready(
    function(){
      $("#kredyt").slider({orientation: 'horizontal', min: 1, max: 36, step: 1});
 
      $("#kredyt").change(function(event,ui) {
        var mypos = $("#kredyt").slider("value");
        $("#kredytwartosc").html('mypos');
      });
 
      $("#ilerat").slider({orientation: 'horizontal', min: 1, max: 36, step: 1});
    }  
  );
  </script>
 
Rata: <div id="rata"></div> zł<br>
Kwota Kredytu w tys. zł
<div id="kredyt" style="width: 200px;"></div><div id="kredytwartosc"></div><br>
Liczba rat:
<div id="ilerat" style="width: 200px;"></div><div id="ileratwartosc"></div><br>
[HTML] pobierz, plaintext 

Proszę nie zwracać uwagi na CSS bo na razie chodzi o .... właśnie co jest nie tak z pobraniem wartość mypos bo może źle zapisuje do pola div, że nie pokazuje wartości?

Z góry dziękuję
Pozdr.
[Edit]
Poprawiłem w niektórych miejscach (z cudzysłowów do apostrofów).

Ten post edytował Kao 17.02.2010, 09:07:06

[lord_t]

Wpisujesz tam po prostu stringa, wywal te apostrofy w linii 15.

[Kao]

Wywaliłem, robiłem tak:

[HTML] pobierz, plaintext 
$('#kredytwartosc').html('mypos');
[HTML] pobierz, plaintext 

i tak:

[HTML] pobierz, plaintext 
$('#kredytwartosc').html(mypos);
[HTML] pobierz, plaintext 

Niestety nie cyka :< Może slider choć ma ustawione min i max i step, nie zwraca wartości? Nie wiem jak to sprawdzić

Proszę o pomoc
Pozdr.

[lord_t]

Już wiem w czym błąd. W dokumentacji masz pokazane jak dołączyć zdarzenie change do slidera (1. sposób - ten drugi sposób jakoś nie chciał mi zadziałać).

[Kao]

Witam
Dzięki wszystko ładnie pięknie chodzi

Pozdr.

Ps.
Faktycznie nie zauważyłem że tu się inaczej używa change

Witam ponownie
Natknąłem się na nowy problem a mianowicie przekazania zmiennych z funkcji na zewnątrz

[PHP] pobierz, plaintext 
tabeladanych[$("#kredyt").val()][$("#ilerat").val()]
[PHP] pobierz, plaintext 

(chodzi o ratę), proszę o jakąś podpowiedź, a oto kod:

[PHP] pobierz, plaintext 
  $(document).ready(function() {
       var posmiesiac, poskredyt;
       var valKredyt = [1000,2000,3000,4000,5000,10000];
       var valMiesiace = [12,24,36,48,60,72,84,96];
       var tabeladanych =  new Array(
          [1,1000,2000,3000,4000,5000,10000],
          [12,	101,	202,	303,	506,	1012,	0],
          [24,	54,	109,	164,	274,	548,	823],
          [36,	39,	79,	118,	197,	395,	593],
          [48,	32,	64,	96,	160,	320,	480],
          [60,	27,	55,	82,	137,	275,	413],
          [72,	24,	49,	73,	123,	246,	369],
          [4,22,45,	67,	113,	226,339],
          [96,21,42,63,105,211,317]); 
 
      /* 
      $.get("dane.csv", function(data){
          tabeladanych = $.csv()(data);  
       });
     */
 
      $("#kredyt").slider({
          min: 0,
          max: 5,
          step: 1,
          change: function(event,ui) {
              poskredyt = $("#kredyt").slider("value");
              $("#kredytwartosc").html(valKredyt[poskredyt]); 
              return poskredyt;
          }
      });
 
      $("#ilerat").slider({
          min: 0,
          max: 7,
          step: 1,
          change: function(event,ui) {
                posmiesiac = $("#ilerat").slider("value");
                $("#ileratwartosc").html(valMiesiace[posmiesiac]);
                return posmiesiac;
          }
      });
      $("#rata").html("<b>"+tabeladanych[$("#kredyt").val()][$("#ilerat").val()]+"</b>"); 
  });
[PHP] pobierz, plaintext 

Ps. Ładowanie z pliku csv zostawiłem sobie na później.
Z góry dziękuję za pomoc