Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > JavaScript: для новичков > JavaScript и div id


Автор: Marym 15.4.2012, 12:59
Здравствуйте. Хочу сделать на своем сайте просмотр сериалов онлайн, чтобы можно было выбрать серию из формы и чтобы она открывалась внизу формы в 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:38
Код

<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 + ' серия!';
}

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)