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

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


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

вопрос
Доброго времени суток. Помогите решить вопрос. Как сделать так, чтобы при выборе определенного сезона в 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
Юзер

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
Юзер

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

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

ale-eex
Юзер

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

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

ale-eex
Юзер

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

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

ale-eex
Юзер

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

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

ychelovek33
Юзер

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

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

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

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

наверх