Guest User

Untitled

a guest
Jul 20th, 2018
121
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.97 KB | None | 0 0
  1. $("#price-selector").html(labels); // Замещаем статичное содержимое блока
  2. $('#price-value').html(': любая'); // Подставляем цену в поле, так как по умолчанию выбираем максимальное значение ползунка
  3. // Слайдер сделан на основе стандартного компонента jQueriUI
  4. $(function() {
  5. $("#price-selector").slider({
  6. range: "min",
  7. value: 100,
  8. min: 0,
  9. max: 100,
  10. slide: function(event, ui) {
  11. var value = null; // Значение ценц — число
  12. var price = null; // Подпись цены (моежт быть строкой)
  13. // Далее идёт кусочно-линейная зависимость цены от положения бегунка
  14. switch (Math.floor(ui.value/20)){
  15. case 0:
  16. value = 150 + Math.round(150*ui.value/20);
  17. price = ': '+value + '<span class="half-space"> </span>000 <span class="rub rub_13">Р<i>–</i></span>';
  18. if (ui.value == 0){
  19. value = 0;
  20. price = ': ≤<span class="half-space"> </span>150<span class="half-space"> </span>000 <span class="rub rub_13">Р<i>–</i></span>';
  21. }
  22. break;
  23. case 1:
  24. case 2:
  25. case 3:
  26. value = 250 + Math.round(750*(ui.value-20)/60);
  27. price = ': '+value + '<span class="half-space"> </span>000 <span class="rub rub_13">Р<i>–</i></span>';
  28. break;
  29. case 4:
  30. value = 1000 + Math.round(2000*(ui.value-80)/20);
  31. price = ': '+value + '<span class="half-space"> </span>000 <span class="rub rub_13">Р<i>–</i></span>';
  32. break;
  33. case 5:
  34. value = 100000;
  35. price = ': любая';
  36. break;
  37. }
  38. $('#price-value').html(price); // Подставляем значение строки
  39. // !!! Здесь же нужно будет подставить цену в ту форму или в тот запрос, который будет взаимодействовать с сервером
  40. }
  41. });
  42. });
Add Comment
Please, Sign In to add comment