[html5+css+jquery] Suwak zmieniający dynamicznie dwie wartości

[html5+css+jquery] Suwak zmieniający dynamicznie dwie wartości

miccom Zobacz profil	27.05.2013, 18:34:05 Post #1
Grupa: Zarejestrowani Postów: 493 Pomógł: 8 Dołączył: 7.07.2007 Skąd: Tychy Ostrzeżenie: (0%)	Witam. Szukam patentu, jak przygotować ładny suwak, który podczas przesuwania będzie ujmował jedną wartość a dodawał pomnożoną *4 (IMG:style_emoticons/default/smile.gif) [HTML] pobierz, plaintext Wybierz liczbę: <input type='range' min=2 max=12 id='liczba'></input> [HTML] pobierz, plaintext Chciałbym tak, aby przy "przesuwaniu" suwaka w jednym div liczba się zmniejszała o jeden, a w drugim div liczba zwiększała się o 20... Proszę o pomoc, jak najlepiej to ugryźć i rozkminić (IMG:style_emoticons/default/smile.gif) Pozdrawiam. miccom

Odpowiedzi (1 - 4)

Arcioch Zobacz profil	27.05.2013, 19:58:52 Post #2
Grupa: Zarejestrowani Postów: 324 Pomógł: 110 Dołączył: 18.09.2012 Ostrzeżenie: (0%)	jQuerz Ui Slider + odpowiednie przechwycenie wartości + działania na liczbach w divach (IMG:style_emoticons/default/smile.gif)

miccom Zobacz profil	30.05.2013, 16:45:27 Post #3
Grupa: Zarejestrowani Postów: 493 Pomógł: 8 Dołączył: 7.07.2007 Skąd: Tychy Ostrzeżenie: (0%)	Hmm, a jak przechwycić taką wartość? (IMG:style_emoticons/default/smile.gif)

markonix Zobacz profil	30.05.2013, 18:50:08 Post #4
Grupa: Zarejestrowani Postów: 2 707 Pomógł: 290 Dołączył: 16.12.2008 Skąd: Śląsk Ostrzeżenie: (0%)	W 4 przykładzie masz już metodę (sam przykład jest nadmiarowy w kontekście Twojego problemu).

miccom Zobacz profil	30.05.2013, 22:46:27 Post #5
Grupa: Zarejestrowani Postów: 493 Pomógł: 8 Dołączył: 7.07.2007 Skąd: Tychy Ostrzeżenie: (0%)	OK, dziękuje za pomoc. Wygooglowałem tak: [HTML] pobierz, plaintext <script> onload = function() { var $ = function(id) { return document.getElementById(id); }; $('one').oninput = function() { $('uno').innerHTML = 150-this.value; $('due').innerHTML = this.value*20;}; $('one').oninput(); }; </script> </head> <body> <div id="golden"> GOLD <div id="uno"></div> </div><div id="suwak"><input type="range" id="one" min="0" max="150" value="0"/></div> <div id="credits"> CREDITS <div id="due"> </div> </div> [HTML] pobierz, plaintext i pięknie śmiga:) Pozdrawiam. miccom

2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)

0 Zarejestrowanych:

Tryb wyświetlania: Przełącz na: Standardowy · Linearny+ · Przełącz na: Drzewo

Aktualny czas: 24.08.2025 - 16:00

Hosting zapewnia