Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 20.10.2014, 22:12
Интересующийся
Отправить личное сообщение для MaksLuk Посмотреть профиль Найти все сообщения от MaksLuk
 
Регистрация: 08.10.2014
Сообщений: 28

Выловить и отправить значение ползунка
Есть простой ползунок....Как с помощью XMLHttpRequest(); отправить GET запрос допустим такого вида http://192.168.1.100/?lamp=1,ну так далее ?lamp=2, ?lamp=3,?lamp=4.....(Управление светодиодами ....тянем ползунок....запросы отправляются....светодиоды загораются в соответствии со значениями ?lamp=1,?lamp=2, ?lamp=3,?lamp=4....ну и допустим до 100 )....?

<!DOCTYPE html>
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  <script src="http://code.jquery.com/jquery-1.8.3.js"></script>
  <script src="/ui/jqueryui.custom.js"></script>
  <link type="text/css" href="/ui/jqueryui.custom.css" rel="stylesheet" />
  <style>
    body{padding:15px}
  </style>
</head>
<body>
  <div id="slider-range"></div>
  <p>
    <label for="amount">Максимальная цена:</label>
    <input type="text" id="amount" style="border:0; color:#f6931f; font-weight:bold;" />
  </p>

  <script>
    $("#slider-range").slider({
      range: "min",
      min: 1,
      max: 500,
      value: 37,
      slide: function( event, ui ) {
        $( "#amount" ).val( "$" + ui.value );
      }
    });
    $( "#amount" ).val( "$" + $( "#slider-range" ).slider( "value" ));
  </script>
</body>
</html>
Ответить с цитированием
  #2 (permalink)  
Старый 20.10.2014, 22:24
Аватар для danik.js
Профессор
Отправить личное сообщение для danik.js Посмотреть профиль Найти все сообщения от danik.js
 
Регистрация: 11.09.2010
Сообщений: 8,804

А чем input[type=range] не устраивает, кстати?
__________________
В личку только с интересными предложениями
Ответить с цитированием
  #3 (permalink)  
Старый 20.10.2014, 22:40
Интересующийся
Отправить личное сообщение для MaksLuk Посмотреть профиль Найти все сообщения от MaksLuk
 
Регистрация: 08.10.2014
Сообщений: 28

Если я не ошибаюсь input[type=range] нельзя стилизовать....ну то есть добавить риски,градусы,значения шкалы....
По идее в примере значение ползунка сидит в ui.value....значит...
к $( "#amount" ).val( "$" + ui.value ); присвоить переменную и далее отправить и все...???

var send = $( "#amount" ).val( "$" + ui.value );
var xhr = new XMLHttpRequest();
  if (send>0){
             xhr.open('GET','http://192.168.1.100/?lamp='+send);
             xhr.send(null);  
            }
Ответить с цитированием
  #4 (permalink)  
Старый 20.10.2014, 22:53
Аватар для danik.js
Профессор
Отправить личное сообщение для danik.js Посмотреть профиль Найти все сообщения от danik.js
 
Регистрация: 11.09.2010
Сообщений: 8,804

Сообщение от MaksLuk
нельзя стилизовать
По большому счету - да. Тем не менее, webkit, ie и firefox предоставляют возможность сделать это. Правда в каждом браузере свои собственные псевдоклассы/элементы. Как сделать такой ползунок?

Сообщение от MaksLuk
var send = $( "#amount" ).val( "$" + ui.value );
Функция val() вызванная с агрументом, вернет объект jQuery.
Странно, почему тебе не пришло в голову передать сразу ui.value?


$.get('http://192.168.1.100/', {lamp: ui.value});
__________________
В личку только с интересными предложениями
Ответить с цитированием
  #5 (permalink)  
Старый 20.10.2014, 22:54
Интересующийся
Отправить личное сообщение для MaksLuk Посмотреть профиль Найти все сообщения от MaksLuk
 
Регистрация: 08.10.2014
Сообщений: 28

Хотя..нет стилизация возможна....но по моему лучше получиться с помощью JQuery UI
Ответить с цитированием
  #6 (permalink)  
Старый 21.10.2014, 20:32
Интересующийся
Отправить личное сообщение для MaksLuk Посмотреть профиль Найти все сообщения от MaksLuk
 
Регистрация: 08.10.2014
Сообщений: 28

Добрый вечер форум javascript и его пользователи!
danik.js,приветствую! как избавиться от амперсанда (&) после http://192.168.1.100/?......хотя это наверное особенность GET запроса в JQuery...
Вот что вижу в консоли.....
GET http://192.168.1.100/?&lamp=1 net::ERR_CONNECTION_TIMED_OUT jquery-1.8.3.js:8434
2014-10-21 20:23:26.772GET http://192.168.1.100/?&lamp=2 net::ERR_CONNECTION_TIMED_OUT
Ответить с цитированием
  #7 (permalink)  
Старый 21.10.2014, 23:19
Новичок на форуме
Отправить личное сообщение для JHUS Посмотреть профиль Найти все сообщения от JHUS
 
Регистрация: 16.10.2014
Сообщений: 8

неплохо бы увидеть код который формирует урл
Ответить с цитированием
  #8 (permalink)  
Старый 22.10.2014, 08:11
Интересующийся
Отправить личное сообщение для MaksLuk Посмотреть профиль Найти все сообщения от MaksLuk
 
Регистрация: 08.10.2014
Сообщений: 28

Код,в начале темы + то что написал danik.js....$.get('http://192.168.1.100/', {lamp: ui.value});
Ответить с цитированием
  #9 (permalink)  
Старый 22.10.2014, 09:25
Аватар для danik.js
Профессор
Отправить личное сообщение для danik.js Посмотреть профиль Найти все сообщения от danik.js
 
Регистрация: 11.09.2010
Сообщений: 8,804

MaksLuk, ты наверняка в url добавил знак "?". Не нужно этого делать.
__________________
В личку только с интересными предложениями
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Не отображается значение ползунка слайдера vmazal Общие вопросы Javascript 1 16.09.2014 11:02
Выводить значение раньше переменных Гробовщик Общие вопросы Javascript 11 10.09.2013 08:42
Как не дать пользователю ввести неправильное значение в текстовый инпут ? boraldo Events/DOM/Window 4 12.04.2012 15:43
В contains() не подставляется значение переменной Heger jQuery 2 11.12.2011 20:26
Значение переменной salex009 jQuery 1 05.12.2011 16:55