Ocena wątku:
  • 0 głosów - średnia: 0
  • 1
  • 2
  • 3
  • 4
  • 5
Prosty suwak jako input
#1
Witam
Chciałbym użyć w formularzu suwaka do ustawiania wartości procentowych.

Chodzi mi tylko o zwykły szary suwak bez absolutnie żadnych bajerów.

W necie znalazłem dziesiątki przykładów jednak moja cala rozbudowana aplikacja to kilka plików php i nie chce by kod obsługujący jeden suwak miał 4-5 plików - bo takie też się zdarzają.

Czy ktoś potrafi mi z palca napisać albo wskazać stronę z takim suwaczkiem albo po prostu powiedzieć , że jest to niewykonalne w kilku liniach kodu?

Z góry dziękuje
Odpowiedz
#2
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 Smile
Kodu nic. Transferu nic (bo idzie od nich). Czego chcieć więcej Smile
Odpowiedz


Podobne wątki…
Wątek: Autor Odpowiedzi: Wyświetleń: Ostatni post
  Czy ilość zmiennych w javascript, jako języku interpretowanym, ma znaczenie? Jakie gburhiphop 22 22,652 09-09-2016, 21:09
Ostatni post: Ribana
  funkcja nieustannie czytajaca wartosci input Arnimarl 1 2,998 25-05-2014, 07:39
Ostatni post: Arnimarl
  Prosty skrypt .toggle() jingels 5 2,357 16-09-2012, 21:10
Ostatni post: kornell
  Flash jako link ładujący stronę do diva w4wer 1 2,887 12-03-2012, 16:16
Ostatni post: Kartofelek
  [random] zmiana marginesu dla textu wpisywanego w pole typu input gepazy 2 2,063 08-02-2012, 17:30
Ostatni post: kornell

Skocz do:


Użytkownicy przeglądający ten wątek: 1 gości
Sponsorzy i przyjaciele
SeoHost.pl