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

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

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

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

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

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

 23.04.2012 Hardwell  Шаблоны (TPL)
 07.07.2012 ayy_jay  Шаблоны (TPL), Стили (CSS), jQuery
 20.02.2013 hvarts  Шаблоны (TPL), Стили (CSS), jQuery
 17.03.2013 websot  Шаблоны (TPL)
 15.12.2013 deffos  Общие вопросы, Шаблоны (TPL), Ламерские вопросы
 19.01.2014 ale-eex  Шаблоны (TPL), Стили (CSS), jQuery
 17.11.2014 Elvira Baizhumanova  Шаблоны (TPL), Ламерские вопросы
 24.02.2015 akafaus  Шаблоны (TPL)
  • New-dev.ru | Создание простого сайта отзывов (рейтинг ... 4
    Фото New-dev.ru
    New-dev.ru
    Создание простого сайта отзывов (рейтинг и сортировка) - модуль PostReviews
    Сегодня, 14:14
    А что там на фронте на скрине или демо смотреть? Там в стандартную форму добавления комментария просто добавляется рейтинг, например, звездный.
  • TeraMoune | Сделать модуль опросы 3
    Фото TeraMoune
    TeraMoune
    Сделать модуль опросы
    22-04-2024, 13:32
    Конечно. Пишите в телеграм.
  • Nimax | Сделать модуль опросы 3
    Фото Nimax
    Nimax
    Сделать модуль опросы
    22-04-2024, 13:17
    Да в том и дело =) так и думал можете сделать? сколько будет по стоимости?
  • TeraMoune | Сделать модуль опросы 3
    Фото TeraMoune
    TeraMoune
    Сделать модуль опросы
    22-04-2024, 12:56
    Зачем же для этого модуль ? Есть стандартные опросы, достаточно добавить одну правку на обработку тега в описании новости от стандартного тега poll.
  • Nimax | Создание простого сайта отзывов (рейтинг ... 4
    Фото Nimax
    Nimax
    Создание простого сайта отзывов (рейтинг и сортировка) - модуль PostReviews
    22-04-2024, 12:14
    А есть скрины или демо как это на фронте выглядит?
  • New-dev.ru | Создание простого сайта отзывов (рейтинг ... 4
    Фото New-dev.ru
    New-dev.ru
    Создание простого сайта отзывов (рейтинг и сортировка) - модуль PostReviews
    21-04-2024, 18:25
    Эта старая публикация, за несколько месяцев цена выросла, а тут забыл исправить цену, сожалею. Сейчас поставил актуальную цену.
  • Nimax | Создание простого сайта отзывов (рейтинг ... 4
    Фото Nimax
    Nimax
    Создание простого сайта отзывов (рейтинг и сортировка) - модуль PostReviews
    21-04-2024, 13:18
    Как преобрести за 9$? на сайте цена другая
  • Jigurda | Как в description вставить значение доп. ... 2
    Фото Jigurda
    Jigurda
    Как в description вставить значение доп.поля?
    19-04-2024, 10:54
    Немного не то. Нужно не заменить, а добавить к уже имеющемуся description свой текст с доп.полями
  • lutskboy | Как в description вставить значение доп. ... 2
    Фото lutskboy
    lutskboy
    Как в description вставить значение доп.поля?
    18-04-2024, 21:51
    https://sandev.pro/web/159-fullstory-metatags-by-sander.html
  • derebas | Как реализовать кнопку "Поделиться" как ... 1
    Фото derebas
    derebas
    Как реализовать кнопку "Поделиться" как на Плей Маркете?
    18-04-2024, 09:39
    Ну если на скорую руку то примерно так
    <style>
.sociallinks {
    display: none;
    position: fixed;
    z-index: 999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0,0,0,0.4);
}

.sociallinks-content {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 80%;
    max-width: 500px;
    border-radius: 10px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.close {
    color: #aaa;
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

.social-container {
    display: flex;
    align-items: center;
}
.social-container > div {
    margin-left: 10px;
}

h2, p {
    margin: 5px 0;
}
.social {
  padding-top: 20px;
}
.social img {
  margin: 10px;
}
.sharebtn {
  padding-top: 20px;
  width: 100%;
}
.sharebtn_area {
  border: 1px solid black;
  height: 40px;
}
.sharebtn input[type="text"] {
  width: 70%;
  border: none;
  height: 95%;
}
.sharebtn button {
  width: 25%;
  height: 95%;
  border: none;
  background-color: #fff;
}
</style>
<button id="opensociallinksBtn">Поделиться</button>

<div id="mysociallinks" class="sociallinks">
  <div class="sociallinks-content">
    <span class="close">×</span>
    <div class="social-container">
        <img src="{image-1}" alt="Icon" width="30" height="30">
        <div>
            <h2>{title}</h2> 
            <p>Поделиться</p> 
        </div>
    </div>
    <div class="social">
        <a href="https://api.whatsapp.com/send/?text={full-link}"><img src="whatsapp.png" alt="WhatsApp" width="30" height="30"></a>
        <a href="https://www.facebook.com/sharer/sharer.php?u={full-link}"><img src="facebook.png" alt="Facebook" width="30" height="30"></a>
        <a href="https://twitter.com/intent/post?url={full-link}"><img src="twitter.png" alt="Twitter" width="30" height="30"></a>
        <a href="https://www.instagram.com/share?url={full-link}"><img src="instagram.png" alt="Instagram" width="30" height="30"></a>
    </div>
    <div class="sharebtn">
      <div class="sharebtn_area">
        <input type="text" id="inputText" value="{full-link}" readonly="true">
        <button id="copyBtn">Поделиться <img src="share.png" width="10px" alt="Share Icon"></button>
      </div>
    </div>
  </div>
</div>

<script>
var sociallinks = document.getElementById("mysociallinks");
var opensociallinksBtn = document.getElementById("opensociallinksBtn");
var closeBtn = document.getElementsByClassName("close")[0];
var copyBtn = document.getElementById("copyBtn");
var inputText = document.getElementById("inputText");

opensociallinksBtn.onclick = function() {
  sociallinks.style.display = "block";
}

closeBtn.onclick = function() {
  sociallinks.style.display = "none";
}

window.onclick = function(event) {
  if (event.target == sociallinks) {
    sociallinks.style.display = "none";
  }
}

copyBtn.onclick = function() {
  inputText.select();
  document.execCommand("copy");
}
</script>
наверх