Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #21 (permalink)  
Старый 30.08.2016, 20:11
Профессор
Отправить личное сообщение для Rise Посмотреть профиль Найти все сообщения от Rise
 
Регистрация: 07.11.2013
Сообщений: 4,662

Алмат, так
$(function() {
	$.each({
		'slidercv': {
			min: 0,
			max: 100,
			value: 50
		},
		'slidercs': {
			min: 0,
			max: 100,
			value: 50
		},
		'slidercd': {
			min: 0,
			max: 100,
			value: 50
		}
	}, function(id, params) {
		$('#'+ id).slider(params).on({
			'slide': function(event, ui) {
				event.data.val(ui.value);
			},
			'slidechange': function(event, ui) {
				alert(event.data.val());
			}
		}, $('#'+ id + '-result'));
	});
});
Ответить с цитированием
  #22 (permalink)  
Старый 30.08.2016, 20:26
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,064

Rise,

<!DOCTYPE html>

<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
  </style>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
  <link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/south-street/jquery-ui.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>
  <script>
$(function() {
 $(function() {
  $.each({
    'slidercv': {
      min: 0,
      max: 100,
      value: 50
    },
    'slidercs': {
      min: 0,
      max: 100,
      value: 50
    },
    'slidercd': {
      min: 0,
      max: 100,
      value: 50
    }
  }, function(id, params) {
    $('#'+ id).slider(params).on({
      'slide': function(event, ui) {
        event.data.val(ui.value);
      },
      'slidechange': function(event, ui) {
        alert(event.data.val());
      }
    }, $('#'+ id + '-result'));
  });
});

});
  </script>
</head>

<body>
<table>
    <tr>
        <td>требуемый объем цемента</td>
        <td><div id="slidercv" ></div><input id="slidercv-result"></td>
        </tr>
        <tr>
        <td>компонент1</td>
        <td><div id="slidercs" ></div><input id="slidercs-result"></td>
        </tr>
<tr>
        <td>компонент2</td>
        <td><div id="slidercd" ></div><input id="slidercd-result"></td>
        </tr>

</table>



</body>
</html>
Ответить с цитированием
  #23 (permalink)  
Старый 30.08.2016, 21:22
Профессор
Отправить личное сообщение для Rise Посмотреть профиль Найти все сообщения от Rise
 
Регистрация: 07.11.2013
Сообщений: 4,662

рони,
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Вывести значения value из select в input Jeick9 Events/DOM/Window 28 29.11.2017 08:57
Вывести значения id всех элементов страницы через пробел! Teamur Events/DOM/Window 4 13.02.2016 20:08
Как вывести целые значения? Georgian Элементы интерфейса 5 13.11.2015 06:03
Как вывести свойства div значения которых равно 1? sovsem-nub Events/DOM/Window 8 16.04.2015 13:12
Помогите вывести и посчитать значения ячеек в таблицах uznik73 Events/DOM/Window 13 14.07.2011 13:09