|
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,менялось время? Может кто сталкивался с таким... Заранее спасибо за все ответы.Всем мир! |
Менялось как?
|
Цитата:
|
в нижнем блоке ,где
<p>11:00 Блаблабла</p> <p>11:45 Блаблабла</p> <p>12:30 Блаблабла</p> <p>13:00 Блаблабла</p> соответственно option, -2часа,-1час,0часов,+1час,+2часа |
соответственно option, -2часа,-1час,0часов,+1час,+2часа
|
Цитата:
|
Нет,вы очень крутая жабка, которая ездите на скоростном ховер-байке, но не об этом...
смотри<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> Может так понятнее будет |
<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>
|
Step48_rus,
лучше если будет обьект с данными для div class="live" ,проще изменять обьект чем парсить html |
Step48_rus,
и как будет 23 : 00 + 2 часа? |
| Часовой пояс GMT +3, время: 15:15. |
|