Форум программистов, компьютерный форум, киберфорум
Наши страницы
jQuery
Войти
Регистрация
Восстановить пароль
 
Cript
1 / 1 / 1
Регистрация: 21.03.2014
Сообщений: 185
1

Обновление страницы jquery + innerhtml

21.03.2014, 02:06. Просмотров 296. Ответов 0
Метки нет (Все метки)

Приветствую!
Имеется такой скрипт, при перемещении jquery ползунка меняет активную radio кнопку:
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
<script src="http://code.jquery.com/jquery-1.8.3.js"></script>
<script src="js/jqueryui.custom.js"></script>
<link rel="stylesheet" href="css/jquery-ui.css">
<div class="output">
 <input type="radio" class="radio" checked="checked" name="button" value="qwe">
 <input type="radio" class="radio" name="button" value="qw2e">
 <input type="radio" class="radio" name="button" value="q4we">
 <input type="radio" class="radio" name="button" value="q3we">
 <input type="radio" class="radio" name="button" value="qw2e">
 <input type="radio" class="radio" name="button" value="qwwe">
 <input type="radio" class="radio" name="button" value="qwre">
 <input type="radio" class="radio" name="button" value="qffwe">
 <input type="radio" class="radio" name="button" value="qwwee">
 <input type="radio" class="radio" name="button" value="qw56e">
 <input type="radio" class="radio" name="button" value="qw3e">
</div>
<div id="slider-vertical" style="height:200px;"></div>
<script>
var rd = $('.output input:radio');
$("#slider-vertical").slider({
animate: true,
orientation: "vertical",
range: "min",
min: 0,
max: 10,
value: 0,
slide: function(event, ui) {
$("#rangevalue").html(rd.eq(ui.value).val());
rd.eq(ui.value).prop('checked', true)
}
});
$("#rangevalue").val( $("#slider-vertical").slider("value"));
</script>
<label for="rangevalue">Ставка:</label>
<div id="rangevalue" style="border:0; color:#f6931f; font-weight:bold;"></div>
На одной странице все прекрасно работает, однако задача состоит в том, чтобы получать радио кнопки из другого файла, т.к. они меняют свое значение. Делим скрипт на два файла.
Send.php:
PHP
1
2
3
4
5
6
7
8
<?php
echo 'buttons += \'<td><div class="output">\';';
while($button[$i] != '') { 
echo 'buttons += \'<input type="radio" class="radio" name="button" value="'$button[$i].'" onclick="action(\\\''.$button[$i].'\\\')">\';';
}
echo 'buttons += \'</div></td>\';';
?>
document.getElementById('buttons').innerHTML = buttons;
Index.php:
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<div id="buttons"></div>
<script>
var rd = $('.output input:radio');
$("#slider-vertical").slider({
animate: true,
orientation: "vertical",
range: "min",
min: 0,
max: 10,
value: 0,
slide: function(event, ui) {
$("#rangevalue").html(rd.eq(ui.value).val());
rd.eq(ui.value).prop('checked', true)
}
});
$("#rangevalue").val( $("#slider-vertical").slider("value"));
</script>
<label for="rangevalue">Ставка:</label>
<div id="rangevalue" style="border:0; color:#f6931f; font-weight:bold;"></div>
В данном случае ползунок просто не реагирует на полученные radio, испробовал множество вариантов, даже пробовал сам <script>...</script> передавать через inner. Кто знает что нужно сделать чтобы данная схема работала?
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
21.03.2014, 02:06
Ответы с готовыми решениями:

Обновление картинки Jquery
Всем доброго времени суток. Подскажите, как обновить картинку, при клике на чекбокс.

PHP, jQuery атвоматическое обновление списка
В переменной $sum_users находится количество всех пользователей ($sum_users = 100, к примеру)....

JQuery autoResize и принудительное обновление размера
Здравствуйте. Для подгонки размера textarea под размер текста использую плагин jQuery autoResize....

Обновление DOM. Работа с созданными jquery элементами
Добрый день, господа! Избитая, но все еще актуальная тема: Не получается работать с созданными...

Обновление галереи на JQuery
Здравствуйте! Люди добрые, помогите, пожалуйста. Я не программист, но по работе возникла...

0
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
21.03.2014, 02:06

JQUERY, размер страницы!
как сэкономить на размере страницы, ведь когда мы подключаем jquery, мы плюсуем к размеру...

Прокрутка страницы средствами jquery
Здравствуйте друзья. Подскажите, пожалуйста, как средствами jquery или css сделать так, чтобы при...

Изменение ссылки(добавление/обновление значения из input), при помощи jquery
Нужно при помощи jquery в конец ссылки добавлять значение, введенное в инпуте. Я сделал таким...


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

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

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Рейтинг@Mail.ru