0 / 0 / 0
Регистрация: 31.01.2016
Сообщений: 35

Слайдер UI

31.01.2016, 22:41. Показов 424. Ответов 1
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Добрый день. Столкнулся с проблемой, не удается передать данные от слайдера в другой скрипт.

Java
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<script type="text/javascript">
 
$(document).ready(function(){
  $( "#slider" ).slider({
  
value : 15,
  min : 50,
  max : 120,
  step : 1,
  
  create: function( event, ui ) {
   val = $( "#slider" ).slider("value");//При создании слайдера, получаем его значение в перемен. val
  $( "#contentSlider" ).html( val );//Заполняем этим значением элемент с id contentSlider
 },
 slide: function( event, ui ) {
  $( "#contentSlider" ).html( ui.value );//При изменении значения ползунка заполняем элемент с id contentSlider
            }
 
        });
});
</script>
Сам вывод результата на текущей html странице проходит нормально:

HTML5
1
2
3
<div id="slider"></div>
<span id="contentSlider"></span>
<input type="hidden" id="contentSlider"/>
Пытаюсь передать данные в другой скрипт через невидимую форму , пробовал и без нее, не идет.

А вот сам код где происходит прием данных(это отдельным файлом):

Java
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
$(function(){
 
    calc();
 
    $('#contentSlider').on('change', calc);
 
});
 
function isNumberKey(evt) {
    var charCode = (evt.which) ? evt.which : event.keyCode;
    if (charCode > 31 && (charCode < 45 || charCode > 57))
        return false;
    return true;
}
 
function calc() {
 
    var plan = $('#contentSlider').val();
    var percent;
Скрипт приема рабочий, но данные именно не отправляются, пробовал у текстового поля снимать хайд.

Очень надеюсь на вашу помощь.
0
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
31.01.2016, 22:41
Ответы с готовыми решениями:

Слайдер
Помогите написать такой слайдер Должны быть стрелки слева и справа Снизу такие кружки

Слайдер
Форумчане, помогите пожалуйста найти слайдер который мне подойдет: https://dl.dropbox.com/u/100654466/main_v1.jpg Слайд должен...

слайдер
хочу сделать слайдер как тут http://www.yumsugar.com/ в общем я так понял что нужно уместить все изображения в один контейнер и что бы...

1
the hardway first
Эксперт JS
 Аватар для j2FunOnly
2475 / 1847 / 910
Регистрация: 05.06.2015
Сообщений: 3,610
01.02.2016, 10:16
Цитата Сообщение от maxi11115 Посмотреть сообщение
<span id="contentSlider"></span> <input type="hidden" id="contentSlider"/>
обратите внимание на аттрибут id
http://www.w3schools.com/tags/att_global_id.asp
the value must be unique within the HTML document
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
01.02.2016, 10:16
Помогаю со студенческими работами здесь

Слайдер
Подскажите как сделать слайдер в Lazarus под Ubuntu как на скрине ? Может можно как-то переделать TTrackBar или TScrollBar ?

Слайдер
Здравствуйте. Хочу создать слайдер на jQuery, который при добавлении картинок в папку автообновляет себя. Как сделать анимацию куча...

слайдер
Поделитесь у кого в закладках нечто подобное или натолкните на мысль. центральный блок всегда на месте. прокрутка картинок идет...

Слайдер
подскажите почему у сладера с права 1 пиксель торчит &lt;div class=&quot;slider&quot;&gt; &lt;div id=&quot;wrapper&quot;&gt; ...

Слайдер
Дело обстоит так. Мне нужно вставить на сайт слайдер как на этом сайте Жедательно исходник)


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
2
Ответ Создать тему
Опции темы

Новые блоги и статьи
Символьное дифференцирование
igorrr37 13.02.2026
/ * Логарифм записывается как: (x-2)log(x^2+2) - означает логарифм (x^2+2) по основанию (x-2). Унарный минус обозначается как ! в-строка - входное арифметическое выражение в инфиксной(обычной). . .
Камера Toupcam IUA500KMA
Eddy_Em 12.02.2026
Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .
И ясному Солнцу
zbw 12.02.2026
И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.
«Знание-Сила»
zbw 12.02.2026
«Знание-Сила» «Время-Деньги» «Деньги -Пуля»
SDL3 для Web (WebAssembly): Подключение Box2D v3, физика и отрисовка коллайдеров
8Observer8 12.02.2026
Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами и вызывать обработчики событий столкновения. . . .
SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image)
8Observer8 11.02.2026
Содержание блога Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения. . .
SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL3_image
8Observer8 10.02.2026
Содержание блога Библиотека SDL3_image содержит инструменты для расширенной работы с изображениями. Пошагово создадим проект для загрузки изображения формата PNG с альфа-каналом (с прозрачным. . .
Установка Qt-версии Lazarus IDE в Debian Trixie Xfce
volvo 10.02.2026
В общем, достали меня глюки IDE Лазаруса, собранной с использованием набора виджетов Gtk2 (конкретно: если набирать текст в редакторе и вызвать подсказку через Ctrl+Space, то после закрытия окошка. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru