Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #61 (permalink)  
Старый 25.03.2014, 22:20
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,124

cript,
var name = 3; или иное
Ответить с цитированием
  #62 (permalink)  
Старый 26.03.2014, 14:56
Профессор
Отправить личное сообщение для cript Посмотреть профиль Найти все сообщения от cript
 
Регистрация: 03.02.2014
Сообщений: 238

Сообщение от рони
var name = 3; или иное
Я так понимаю буквенное значение здесь вставить не получится?
Ответить с цитированием
  #63 (permalink)  
Старый 26.03.2014, 14:57
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,124

Сообщение от cript
Я так понимаю буквенное значение здесь вставить не получится?
а зачем ?
Ответить с цитированием
  #64 (permalink)  
Старый 26.03.2014, 17:14
Профессор
Отправить личное сообщение для cript Посмотреть профиль Найти все сообщения от cript
 
Регистрация: 03.02.2014
Сообщений: 238

при появлении ползунок показывает 0 или ту цифру которую мы зададим, а хотелось бы чтобы показывал фразу ну или хотя бы value кнопки..
Ответить с цитированием
  #65 (permalink)  
Старый 26.03.2014, 17:51
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,124

Сообщение от cript
при появлении ползунок показывает 0 или ту цифру которую мы зададим
ничего он непоказывает -- найдите то что показывает и добавьте туда что хотите
Ответить с цитированием
  #66 (permalink)  
Старый 26.03.2014, 21:19
Профессор
Отправить личное сообщение для cript Посмотреть профиль Найти все сообщения от cript
 
Регистрация: 03.02.2014
Сообщений: 238

Вот смотрите
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/mint-choc/jquery-ui.css">
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<script>
$(function ()
{
var rd = $('.output input:radio');
$("#slider-vertical").slider({
animate: true,
orientation: "vertical",
range: "min",
min: 0,
max: 5,
value: 1,
slide: function(event, ui) {
$("#rangevalue").html(rd.eq(ui.value).val());
rd.eq(ui.value).prop('checked', true) 
}
});
$("#rangevalue").html( $("#slider-vertical").slider("value"));
})
</script>
<div class="output">
<input type="radio" class="radio" name="button" value="u_0" style="display:none;">
 <input type="radio" class="radio" name="button" value="u_1" onclick="action(u_0)">
 <input type="radio" class="radio" name="button" value="u_2" onclick="action(u_1)">
 <input type="radio" class="radio" name="button" value="u_3" onclick="action(u_2)">
 <input type="radio" class="radio" name="button" value="u_4" onclick="action(u_3)">
 <input type="radio" class="radio" name="button" value="u_5" onclick="action(u_4)">
 </div>
<label for="rangevalue">Value:</label>
<div id="rangevalue" style="border:0; color:#f6931f; font-weight:bold;"></div>
<div id="slider-vertical" style="height:200px;"></div>

Указано value: 1, это означает что по умолчанию ползунок будет выставлен на уровне одного деления. Однако он так и показывает "1", хотя если сдвинуть ползунок наверх или вниз, а потом обратно, то он уже будет показывать value кнопки. Вот хотелось бы чтобы он сразу показывал это значение.
Ответить с цитированием
  #67 (permalink)  
Старый 26.03.2014, 21:26
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,124

cript,
пожалуйста внимательно прочтите снова -
Сообщение от рони
ничего он непоказывает -- найдите то что показывает и добавьте туда что хотите
Ответить с цитированием
  #68 (permalink)  
Старый 26.03.2014, 21:32
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,124

cript,
<meta charset="utf-8">
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/mint-choc/jquery-ui.css">
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<script>
$(function ()
{
var rd = $('.output input:radio');
$("#slider-vertical").slider({
animate: true,
orientation: "vertical",
range: "min",
min: 0,
max: 5,
value: 1,
slide: function(event, ui) {
$("#rangevalue").html(rd.eq(ui.value).val());
rd.eq(ui.value).prop('checked', true)
}
});
$("#rangevalue").html('розовая пантера');
//$("#rangevalue").html( rd.eq($("#slider-vertical").slider("value")).val());
})
</script>
<div class="output">
<input type="radio" class="radio" name="button" value="u_0" style="display:none;">
 <input type="radio" class="radio" name="button" value="u_1" onclick="action(u_0)">
 <input type="radio" class="radio" name="button" value="u_2" onclick="action(u_1)">
 <input type="radio" class="radio" name="button" value="u_3" onclick="action(u_2)">
 <input type="radio" class="radio" name="button" value="u_4" onclick="action(u_3)">
 <input type="radio" class="radio" name="button" value="u_5" onclick="action(u_4)">
 </div>
<label for="rangevalue">Value:</label>
<div id="rangevalue" style="border:0; color:#f6931f; font-weight:bold;"></div>
<div id="slider-vertical" style="height:200px;"></div>

показывать сам слайдер будет когда вы его хоть пальцем троните ))) строка 16
а то что вы хотели закоментировано
Ответить с цитированием
  #69 (permalink)  
Старый 26.03.2014, 21:55
Профессор
Отправить личное сообщение для cript Посмотреть профиль Найти все сообщения от cript
 
Регистрация: 03.02.2014
Сообщений: 238

Подскажите пожалуйста что я сделал не так?

$(function () { 
rd = $(".output input:radio"); $("#slider-vertical").slider({ animate: true, orientation: "vertical", range: "min", min: 0, max: 12, value: 1, slide: function(event, ui) { $("#rangevalue").html(rd.eq(ui.value).val()); rd.eq(ui.value).prop("checked", true) } }); $("#rangevalue").html($("#slider-vertical").slider("value")); 
$("#rangevalue").click(function() { var value = $(":radio[name=Button]").filter(":checked").data("value"); value && push_action(value) }) 
$("#rangevalue").html(rd.eq($("#slider-vertical").slider("value")).val()); 
})

Последний раз редактировалось cript, 26.03.2014 в 21:59.
Ответить с цитированием
  #70 (permalink)  
Старый 26.03.2014, 22:04
Профессор
Отправить личное сообщение для cript Посмотреть профиль Найти все сообщения от cript
 
Регистрация: 03.02.2014
Сообщений: 238

Все вижу, нужно было $("#rangevalue").html($("#slider-vertical").slider("value")); заменить на ту строчку что вы мне дали, и все же теперь по умолчанию стоит нужное значение однако оно остается неактивным, то есть чтобы action сработал нужно все ровно сначала передвинуть ползунок ..
Даже если поставить на кнопку отдельно действие, то есть onclick="action(...)", то оно не будет задействовано.. Почему так?

Последний раз редактировалось cript, 26.03.2014 в 22:12.
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Ещё раз изменение css файла посредством javascript JSN Events/DOM/Window 8 27.03.2020 10:42
изменение картинки при изменении урла и наведении курсора ahid Элементы интерфейса 2 09.02.2014 14:53
Как отловить изменение computedStyle элемента danik.js Events/DOM/Window 8 25.10.2012 16:40
Как обработать изменение масштаба окна в IE8 ? v_k Events/DOM/Window 1 09.08.2010 13:35
Динамическое изменение <input text> baal1988 Events/DOM/Window 4 24.08.2008 17:17