15-04-2010, 22:37
W kiklu raczej nie.
Ogólna zasada jest prosta:
Robisz div szeroki (z jakims tlem i opsition:relative)
w nim ustawiasz maly div, z position:absolute (np id=scrool);
Po onclick na scrool wywolujesz funckcje startdrag, ale nie zmieniasz y i dodatkowo spradzasz czy przypadkiem pozycja mychy sie miesci sie w ramach szerokiego diva.
W czasie przesuwania sprawdzasz pozycje offsetLeft malego diva - i to jest twoja wartosc. Oczywiscie musisz jeszcze przeliczyc ja na % (skorzystaj z szerokosci szerokiego diva).
Jak widzisz - sam opis zajmuje kilka linijek. W "pure" javascript zajmie ci to trochę więcej, bo samo wykrycie pozycji myszki to z 10-15 linijek kodu (mowie o czytelnym kodzie, a nie optymalizowanym)
Osobiście wolałbym:
zapodajesz jquery z odwolaniem do googla (patrz zrodlo jquery.com)
zapodajesz biblioteke suwaczka np:
http://www.willjessup.com/sandbox/jquery/scrollbar/scrollbar.html
http://www.kelvinluck.com/assets/jquery/jScrollPane/basic.html
uruchamiasz suwaczek 1-2 linijkami kodu. włala. to działa
A jak nie chcesz dodatkowych bibliotek, to tak samo jak jquery zapusc sobie jqueryUI i tam tez masz scrollbary
Kodu nic. Transferu nic (bo idzie od nich). Czego chcieć więcej
Ogólna zasada jest prosta:
Robisz div szeroki (z jakims tlem i opsition:relative)
w nim ustawiasz maly div, z position:absolute (np id=scrool);
Po onclick na scrool wywolujesz funckcje startdrag, ale nie zmieniasz y i dodatkowo spradzasz czy przypadkiem pozycja mychy sie miesci sie w ramach szerokiego diva.
W czasie przesuwania sprawdzasz pozycje offsetLeft malego diva - i to jest twoja wartosc. Oczywiscie musisz jeszcze przeliczyc ja na % (skorzystaj z szerokosci szerokiego diva).
Jak widzisz - sam opis zajmuje kilka linijek. W "pure" javascript zajmie ci to trochę więcej, bo samo wykrycie pozycji myszki to z 10-15 linijek kodu (mowie o czytelnym kodzie, a nie optymalizowanym)
Osobiście wolałbym:
zapodajesz jquery z odwolaniem do googla (patrz zrodlo jquery.com)
zapodajesz biblioteke suwaczka np:
http://www.willjessup.com/sandbox/jquery/scrollbar/scrollbar.html
http://www.kelvinluck.com/assets/jquery/jScrollPane/basic.html
uruchamiasz suwaczek 1-2 linijkami kodu. włala. to działa
A jak nie chcesz dodatkowych bibliotek, to tak samo jak jquery zapusc sobie jqueryUI i tam tez masz scrollbary
Kodu nic. Transferu nic (bo idzie od nich). Czego chcieć więcej
