![]() |
![]() |
![]() ![]()
Post
#1
|
|
Grupa: Zarejestrowani Postów: 159 Pomógł: 0 Dołączył: 21.08.2011 Ostrzeżenie: (0%) ![]() ![]() |
Witam Forumowiczów.
W swoim projekcie zaprzągłem do pracy skrypt (rangeSlider). Moim celem jest przerobienie oryginalnego skryptu w taki sposób, aby użytkownik mógł posługiwać się zarówno "suwakiem", jak i polem input, wprowadzając tym samym swoją wagę lub wzrost i aby te zmiany były "od razu widoczne". Oryginalny kod ma co prawda takie rozwiązanie, ale nie jest dla mnie wystarczające (sekcja "Programmatic value changes" na stronie domowej rangeSlider'a) - tam trzeba kliknąć na przycisk, aby wartość na suwaku uległa zmianie, co powoduje w moim przypadku submit całego formularza z pytaniami w ankiecie. Kod HTML5:
Kod JS:
Po przeróbkach skrypt reaguje na wpisane wartości do pola input, zmienia wartość w <output>, ale nie zmienia wartości suwaka (<input id="chanceSlider1">) - stoi w miejscu, jak zaklęty. Nie za bardzo wiem, w jaki sposób to poprawić. Zdaję sobie sprawę, że mój kod nie jest profesjonalny - nie czuję się omnibusem, jeśli chodzi o JS, więc wybaczcie. Gdyby ktoś z Was poświęcił swój czas i poradził coś na te moje problemy ze sliderem, będę wdzięczny. Pozdrawiam wszystkich czytających tego posta. |
|
|
![]() |
![]() ![]()
Post
#2
|
|
Grupa: Zarejestrowani Postów: 159 Pomógł: 0 Dołączył: 21.08.2011 Ostrzeżenie: (0%) ![]() ![]() |
Dziękuję Ci za poświęcony czas i namiary na rozwiązanie moich bolączek. Biblioteka rangeSlider skusiła mnie chyba ładnym opakowaniem z napisem CSS, ale ma swoje minusy - za dużo kodu JS do ogarnięcia.
Pozdrawiam. |
|
|
![]() ![]() |
![]() |
Aktualny czas: 12.10.2025 - 20:04 |