02.07.2016, 11:24
|
|
Аспирант
|
|
Регистрация: 22.07.2015
Сообщений: 68
|
|
|
option и время
О великие гуру js, помогите пожалуйста с решением вопроса...
И так, есть раскрывающийся список
Доустим
<select>
<option>-2</option>
<option>-1</option>
<option>0</option>
<option>+1</option>
<option>+2</option>
</select>
Ниже идет вывод со временем, напрмиер
<p>11:00 Блаблабла</p>
<p>11:45 Блаблабла</p>
<p>12:30 Блаблабла</p>
<p>13:00 Блаблабла</p>
Вот,как сделать что бы при выборе нужного option,менялось время?
Может кто сталкивался с таким...
Заранее спасибо за все ответы.Всем мир! |
|
02.07.2016, 11:52
|
|
Профессор
|
|
Регистрация: 14.01.2015
Сообщений: 12,989
|
|
|
Менялось как?
|
|
02.07.2016, 11:53
|
|
Профессор
|
|
Регистрация: 17.06.2016
Сообщений: 509
|
|
|
Сообщение от Step48_rus
|
|
менялось время?
|
где менялось? |
|
02.07.2016, 11:59
|
|
Аспирант
|
|
Регистрация: 22.07.2015
Сообщений: 68
|
|
в нижнем блоке ,где
<p>11:00 Блаблабла</p>
<p>11:45 Блаблабла</p>
<p>12:30 Блаблабла</p>
<p>13:00 Блаблабла</p>
соответственно option, -2часа,-1час,0часов,+1час,+2часа |
|
02.07.2016, 11:59
|
|
Аспирант
|
|
Регистрация: 22.07.2015
Сообщений: 68
|
|
|
соответственно option, -2часа,-1час,0часов,+1час,+2часа
|
|
02.07.2016, 12:06
|
|
Профессор
|
|
Регистрация: 17.06.2016
Сообщений: 509
|
|
|
Сообщение от Step48_rus
|
в нижнем блоке ,где
<p>11:00 Блаблабла</p>
<p>11:45 Блаблабла</p>
<p>12:30 Блаблабла</p>
<p>13:00 Блаблабла</p>
соответственно option, -2часа,-1час,0часов,+1час,+2часа
|
Я всего лишь ловкая жабка, а не гуру-йог чтобы понять ваш диалог содержащий алогизмы и парадоксы.  |
|
02.07.2016, 12:12
|
|
Аспирант
|
|
Регистрация: 22.07.2015
Сообщений: 68
|
|
Нет,вы очень крутая жабка, которая ездите на скоростном ховер-байке, но не об этом...
смотри<select>
<option>-2 часа</option>
<option>-1 час</option>
<option>0</option>
<option>+1 час</option>
<option>+2 часа</option>
</select>
<div class="live">
<p>11:40 программа 1</p>
<p>12:40 программа 2</p>
<p>13:40 программа 3</p>
<p>14:40 программа 4</p>
</div>
Допустим,выбираем первый option, и время стоновится
<p>9:40 программа 1</p>
<p>10:40 программа 2</p>
<p>11:40 программа 3</p>
<p>12:40 программа 4</p>
Может так понятнее будет |
|
02.07.2016, 12:54
|
|
Профессор
|
|
Регистрация: 17.06.2016
Сообщений: 509
|
|
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
</head>
<body>
<select name="" id="set_time">
<option value="0">выбрать</option>
<option value="-2">-2 часа</option>
<option value="-1">-1 часа</option>
<option value="0">0 часов</option>
<option value="+1">+1 час</option>
<option value="+2">+2 часа</option>
</select>
<div id="the_program">
<p>11:40 программа 1</p>
<p>12:40 программа 2</p>
<p>13:40 программа 3</p>
<p>14:40 программа 4</p>
</div>
<script>
$(function() {
var
$set_time = $('#set_time'),
$the_program = $('#the_program'),
number,
separator,
hour,
min_and_text;
$set_time.change(function() {
number = $(this).val();
$the_program.children().each(function(i, el) {
separator = $(el).text().indexOf(':'),
hour = $(el).text().slice('0', separator),
min_and_text = $(el).text().slice(separator);
$(el).text(+number + +hour + min_and_text);
});
});
});
</script>
</body>
|
|
02.07.2016, 14:04
|
 |
Профессор
|
|
Регистрация: 27.05.2010
Сообщений: 33,121
|
|
|
Step48_rus,
лучше если будет обьект с данными для div class="live" ,проще изменять обьект чем парсить html
|
|
02.07.2016, 14:06
|
|
Профессор
|
|
Регистрация: 27.05.2010
Сообщений: 33,121
|
|
|
Step48_rus,
и как будет 23 : 00 + 2 часа?
|
|
|
|
