Не нравятся результаты поиска? Попробуйте другой поиск!
dle-faq.ru FAQ (все вопросы) Шаблоны (TPL) При выборе определенного сезона, должны появляться определенные серии...

При выборе определенного сезона, должны появляться определенные серии...


     19.01.2014    Шаблоны (TPL), Стили (CSS), jQuery    1828

вопрос
Доброго времени суток. Помогите решить вопрос. Как сделать так, чтобы при выборе определенного сезона в fullstory, появлялись определенные серии. Знаю, что плохо объсянил, поэтому выкладываю ссылку на пример .

Вот код fullstory:

<div id="FullstoryPlayer" class="FullstoryPlayer">
<div id="OnlinePlayr">
<div id="div_video"></div>

<ul class="tabs">


<select size='1' onchange="javascript:if(document.getElementById('film_main')) document.getElementById('film_main').src=this.value;">
    <option selected='selected' value='[xfvalue_trailer]'>Сезон 1</option>          
    <option value="[xfvalue_trailer2]">Сезон 2</option>
    <option value="[xfvalue_trailer3]">Сезон 3</option>
    </select>
    
    
    <select size='1' onchange="javascript:if(document.getElementById('film_main')) document.getElementById('film_main').src=this.value;">
    <option selected='selected' value='[xfvalue_trailer]'>Серия 1</option>          
    <option value="[xfvalue_trailer2]">Серия 2</option>
    <option value="[xfvalue_trailer3]">Серия 3</option>
    <option value="[xfvalue_trailer4]">Серия 4</option>
    <option value="[xfvalue_trailer5]">Серия 5</option>
    <option value="[xfvalue_trailer6]">Серия 6</option>
    <option value="[xfvalue_trailer7]">Серия 7</option>
    </select>
    
    
</ul>

<div class="section">

<div class="box visible">
<iframe src="[xfvalue_trailer]" name='film_main' id='film_main' width="970" height="410"  frameborder="0"></iframe>
</div>
<div class="box">
<iframe src="[xfvalue_trailer2]" name='film_main' id='film_main' width="970" height="410"  frameborder="0"></iframe>
</div>
<div class="box">
<iframe src="[xfvalue_trailer3]" name='film_main' id='film_main' width="970" height="410"  frameborder="0"></iframe>
</div>
<div class="box">
<iframe src="[xfvalue_trailer4]" name='film_main' id='film_main' width="970" height="410"  frameborder="0"></iframe>
</div>
<div class="box">
<iframe src="[xfvalue_trailer5]" width="970" height="410"  frameborder="0"></iframe>
</div>
<div class="box">
<iframe src="[xfvalue_trailer6]" width="970" height="410"  frameborder="0"></iframe>
</div>
<div class="box">
<iframe src="[xfvalue_trailer7]" width="970" height="410"  frameborder="0"></iframe>
</div>
<div class="box">
<iframe src="[xfvalue_trailer8]" width="970" height="410"  frameborder="0"></iframe>
</div>
    <div class="box">
<iframe src="[xfvalue_trailer9]" width="970" height="410"  frameborder="0"></iframe>
</div>
    <div class="box">
<iframe src="[xfvalue_trailer10]" width="970" height="410"  frameborder="0"></iframe>
</div>
    <div class="box">
<iframe src="[xfvalue_trailer11]" width="970" height="410"  frameborder="0"></iframe>
</div>
<div class="box">
<iframe src="[xfvalue_trailer12]" width="970" height="410"  frameborder="0"></iframe>
</div>
<div class="box">
<iframe src="[xfvalue_trailer13]" width="970" height="410"  frameborder="0"></iframe>
</div>
<div class="box">
<iframe src="[xfvalue_trailer14]" width="970" height="410"  frameborder="0"></iframe>
</div>
<div class="box">
<iframe src="[xfvalue_trailer15]" width="970" height="410"  frameborder="0"></iframe>
</div>
    <div class="box">
<iframe src="[xfvalue_trailer16]" width="970" height="410"  frameborder="0"></iframe>
</div>
    <div class="box">
<iframe src="[xfvalue_trailer17]" width="970" height="410"  frameborder="0"></iframe>
</div>
    <div class="box">
<iframe src="[xfvalue_trailer18]" width="970" height="410"  frameborder="0"></iframe>
</div>
    <div class="box">
<iframe src="[xfvalue_trailer19]" width="970" height="410"  frameborder="0"></iframe>
</div>
    <div class="box">
<iframe src="[xfvalue_trailer20]" width="970" height="410"  frameborder="0"></iframe>
</div>
<div class="box">
<iframe src="[xfvalue_trailer21]" width="970" height="410"  frameborder="0"></iframe>
</div>
<div class="box">
<iframe src="[xfvalue_trailer22]" width="970" height="410"  frameborder="0"></iframe>
</div>
</div>
</div>
</div>
</div>

Ответа пока нет


Комментарии пользователей (6)

ychelovek33
3

184 | 33

ychelovek33 - 19 января 2014 10:38 - Юзер

Сделайте через Jquery
Вот примерчик накатал:

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script>

<select size='1' id="vibor">
    <option selected='selected' value='1'>Сезон 1</option>          
    <option value="2">Сезон 2</option>
    <option value="3">Сезон 3</option>
    </select>
    
    
        <script type="text/javascript">
        $('#vibor').change(function(){
         cur = $('#vibor :selected').val();
        if (cur==1) {
         $("#serii").css("display", "block" );
         $("#serii2").css("display", "none" );
         $("#serii3").css("display", "none" );
        }
        if (cur==2) {
         $("#serii").css("display", "none" );
         $("#serii2").css("display", "block" );
         $("#serii3").css("display", "none" );
        }
        if (cur==3) {
         $("#serii").css("display", "none" );
         $("#serii2").css("display", "none" );
         $("#serii3").css("display", "block" );
        }
        
      })

</script>
<div id="serii" style="display:block;">Серии 1го сезона</div>
<div id="serii2" style="display:none;">Серии 2го сезона</div>
<div id="serii3" style="display:none;">Серии 3го сезона</div>

ale-eex
20 | 1

ale-eex - 26 января 2014 16:08 - Юзер

Не получилось. Что-то не так...

ale-eex
20 | 1

ale-eex - 26 января 2014 17:10 - Юзер

Все получилось

ale-eex
20 | 1

ale-eex - 26 января 2014 18:23 - Юзер

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

ale-eex
20 | 1

ale-eex - 27 января 2014 15:23 - Юзер

Есть еще варианты у кого-нибудь? Нужна ваша помощь!

ychelovek33
3

184 | 33

ychelovek33 - 27 января 2014 20:34 - Юзер

в каком смысле что бы переключалось на определенную серию. поподробнее

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы