VPF::JavaScript и div id - Форум программистов

Marym

Дата 15.4.2012, 12:59 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 1
Регистрация: 15.4.2012

Репутация: нет
Всего: нет

Здравствуйте. Хочу сделать на своем сайте просмотр сериалов онлайн, чтобы можно было выбрать серию из формы и чтобы она открывалась внизу формы в divе, например при клике на серию 1 внизу откроется видео 1, при клике на серию 2 откроется видео 2 и т.д. как здесь: http://gidonline.ru/2011/03/sverxestestvennoe-serial/

это наверно совсем неправильно?

Код


<html>
<head>
<script type="text/javascript">
function doLoad(value) {
n = value.vser.selectedIndex
if(n)                                 
vkvideo=document.ElementById ('video1');
vkvideo=document.ElementById ('video2');
vkvideo=document.ElementById ('video3');
vkvideo=document.ElementById ('video4');
vkvideo=document.ElementById ('video5');
}
</script>
</head>
<body>

<form  name="vser" id="vser">
<p><select name="vser">
<option selected>1 сезон</option>
<option value="s1" onClick="doLoad(document.ElementById ('video1'))">1 серия</option>
<option value="s2" onClick="doLoad(document.ElementById ('video2'))">2 серия</option>
<option value="s3" onClick="doLoad(document.ElementById ('video3'))">3 серия</option>
</select></p>
</form>

<div id="video1"></div>
<div id="video2"></div>
<div id="video3"></div>

</body>
</html>

Помогите разобраться, если кто-то может помочь за плату пишите в icq 636651762

Это сообщение отредактировал(а) Aliance - 16.4.2012, 09:33

Aliance

Дата 16.4.2012, 09:38 (ссылка)

(нет голосов)

Загрузка ...

I ♥ <script>

Профиль
Группа: Модератор
Сообщений: 6418
Регистрация: 2.8.2004
Где: spb

Репутация: 17
Всего: 137

Код


<h2>1 сезон</h2>

<form>
   <select name="vser" onchange="loadEpisode(1, this)">
      <option value="1">1 серия</option>
      <option value="2">2 серия</option>
      <option value="3">3 серия</option>
   </select>
</form>

<hr />

<h2>2 сезон</h2>

<form>
   <select name="vser" onchange="loadEpisode(2, this)">
      <option value="1">1 серия</option>
      <option value="2">2 серия</option>
      <option value="3">3 серия</option>
   </select>
</form>

<div id="serialContainer"></div>

Код


function loadEpisode(season, select) {
    var episode = select.options[select.selectedIndex].value;
    document.getElementById('serialContainer').innerHTML = 'сейчас будет просматриваться ' + season + ' сезон ' + episode + ' серия!';
}

--------------------

• Все о событиях
• Объекты и массивы
• ОКНА И ФРЕЙМЫ

JAVA ≠ JavaScript

1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: для новичков \| Следующая тема »