[mariecziek]

Pytanie do ekspertów.

Słabo znam jeszcze javascript i jquery, stąd nie mogę nijak poradzić sobie z pewnym zadaniem. Otóż mam na stronie 3 suwaki zrobione w jQuery. Mam też tabelkę, w której są radio button. W zależności od ustawień suwaki, musi zmienić się zaznaczony radio button.

Zrobiłem tak, by był zaznaczony drugi radio button, gdy wartość suwaka jest większa niż 3, chciałem też zrobić by był zaznaczony pierwszy radio button, gdy wartość jest mniejsza niż 3, ale to nie działa tak jak trzeba. Szukać w google potrafię, ale brakuje mi słów wg których mam szukać rozwiązania.

Mój kod wygląda tak: http://textsnip.com/dnv20i/jscript

Pytania na początek:

1. Czy w dobrym miejscu umieszczam te ify?

2. Może muszę to napisać funkcji i wywoływać ją gdy zmieniam wartość suwaka?

3. To jest sprawdzenie tylko jednego suwaka, mam jeszcze dwa, więc dojdą kolejne porównania w ifach i będę musiał to skopiować też do kodu innych suwaków, da się to jakoś zoptymalizować?

Aha, wszystko działać ma jak na tej stronie: https://www.seb.lt/verslo-klientams/pagrindines-paslaugos/pasirinkite-tinkama-paslaugu-plana Wystarczy mi odpowiedź na pytania co zadałem, ewentualnie podpowiedź, dlaczego to cholerstwo nie pracuje jak trzeba, a dalej już sobie poradzę.

#programowanie #javascript #jquery #webdev

[f.....x]

@mariecziek: Zobacz sobie działający przykład:

http://jsfiddle.net/hmdLb/33/

[fuuYeah]

@fotexxx: @mariecziek: nie mogłem się powstrzymać żeby tego nie zrobić http://jsfiddle.net/87sNP/ :D

[f.....x]

@fuuYeah: no działa :) ,ale wiesz jaka jest różnica ?:) u mnie doda 50 sliderów i je obsłuży bez zmiany nawet jednej linii w funkcji :) hehehe :)

[fuuYeah]

@fotexxx: musiałby dla każdego slidera dodawać:

$( "#slider-range-max3" ).slider({

[f.....x]

@fuuYeah: a co jesli kazdy slider mialby miec inny range :) :P

[fuuYeah]

@fotexxx: oj no wiadomo, można tak w nieskończoność :)

[f.....x]

@fuuYeah: no :) Rozwiązań jest wiele :) Ma dwa więc problem z głowy :)

Nie ma się co licytować:)

[mariecziek]

@fotexxx: @fuuYeah: Dziękuję za pomoc. Szczerze mówiąc od początku zaczynałem robić z ui.value, ale zarzuciłem to, ponieważ pomyślałem, że skoro pobieram wartość innych suwaków przy pomocy ("option", "value"), to dlaczego nie mógłbym pobrać w taki samy sposób wartości suwaka, w którym się znajduję? Jak się okazało - źle myślałem. Z ui.value wszystko pięknie działa.

Zrobiłem to sposobem @fuuYeah, bo jest mi bardziej zrozumiały. Wariant z each

[f.....x]

@mariecziek: jak dla mnie przekombinowane ,ale skoro takie rozwiązanie cie zadowala to spoko :)

[fuuYeah]

@mariecziek: @fotexxx: no dałoby się to skrócić o jakieś 50% :)

Pamiętaj o KISS & DRY (keep it simple stupid & dont repeat yourself) :)

[f.....x]

@fuuYeah: a może i więcej :)

[f.....x]

@fuuYeah: mistrzem optymalizacji to @mariecziek nie będzie :)

[fuuYeah]

@fotexxx: @mariecziek: a propo skracania, to polecam zobaczyć twórczość tego gościa http://aem1k.com/ Na tym poziomie co on wyprawia to już trochę sztuka dla sztuki, ale wiele można się dzięki temu nauczyć o samym języku. Najbardziej mi się podoba to: http://aem1k.com/world/ (zerknijcie w kod źródłowy strony #mindfuck )

[mariecziek]

@fotexxx: To powiedz co mogę skrócić i w jaki sposób? Nie musisz pisać za mnie kodu :)

[f.....x]

@mariecziek: trudno tak oszacować nie widząc działającego kodu.

Mogę ci jednak powiedzieć ,że zmieniając strukturę html i stosując odpowiednia konwencję nazw i numeracji id wiele da się załatwić stosując each :)

Być może obecny obecny kod js który spłodziłeś to jedyne słuszne rozwiązanie bez konieczności ingerowania w strukturę kodu html i konwencje nazewnictwa :)

Tymczasem ja muszę się odmeldować bo zajmuje się cudzymi problemami zamiast zacząć rozwiązywać swoje :)

[mariecziek]

@fotexxx: Ok, rozumiem. Jeszcze raz dziękuję za pomoc i rady.

[f.....x]

@mariecziek: nie ma za co :) polecam sie na przyszlosc :)