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

выпадающий в рассказе

     27.08.2014    Шаблоны (TPL), jQuery    2236

вопрос
hi friends, i search for support to add a dropdown script that show the full-story or something else if i click on the download front view

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

привет друзья, я ищу поддержку, чтобы добавить выпадающий список, который показывает полный рассказ или что-то еще, если я нажимаю на заголовок (блок).

 Пример

 Main.tpl

 Shortstory-1.tpl

 Style.css

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

 

5 комментариев

FastFud
Юзер

FastFud - 28 августа 2014 03:18 -

shortstory.tpl
 Показать / Скрыть текст
теперь в какой-то js файл подключенный к шаблону в самом конце пишите:
$(function(){
$('.hq_item').each(function(){
var $desc = $(this).find('.desc');
$(this).toggle(function(){
    $desc.slideDown();
}, function(){
    $desc.slideUp();
});
});    
});
И уже не забудьте в css добавить 
.desc {display: none; и уже дальше ваши стили}
beta
Юзер

beta - 28 августа 2014 16:10 -

Я слишком глуп, чтобы настроить вид в том числе

.desc {display: none;} ?
feniks81
Юзер

feniks81 - 28 августа 2014 19:24 -

1)Add to layout.css
.desc {display: none;}

2)any JS in your template (Edit template through the admin) - add code

$(function(){
$('.hq_item').each(function(){
var $desc = $(this).find('.desc');
$(this).toggle(function(){
$desc.slideDown();
}, function(){
$desc.slideUp();
});
});
});
beta
Юзер

beta - 28 августа 2014 20:09 -

look at the picture: :(
beta
Юзер

beta - 30 августа 2014 16:35 - 

<tr class="hq_item">
<td class="forumNameTd">
<div align="left" style="padding:0 0 0 0;">
<a class="forum2" href="{full-link}">{date=d.m.Y}</a>
<div class="forumDescr">{date=H:i} </div>
</div>
</td>

<td class="forumIcoTd" align="center"><a class="thumbnail" href="{full-link}"><img src="[xfvalue_poster]" style="width:27px;height:27px;margin-left:3px;margin-right:3px;margin-top:3px;border:1px solid #2a2a2a;border-radius:2px;"/><span><img src="[xfvalue_poster]" alt="{title}" height="150px" width="112px"/></span></a></td>

<td class="forumNameTd">
<a class="forum2" href="{full-link}" style="border-bottom: 1px dashed #757575;">{title}</a>
 {include file="engine/modules/statnew.php?datenews={date=Ymd}"}
<div class="forumDescr">[xfvalue_release limit="75"]</div>
</td>

<td class="forumThreadTd">
<div align="left" style="padding:0 0 0 7px;">
<a class="forum2" href="{full-link}">Blu-ray</a>
<div class="forumDescr">DTS</div>
</div>
</td>

<td class="forumPostTd">
<div align="left" style="padding:0 0 0 7px;">
<a class="forum2" href="{full-link}">WOMBAT</a>
<div class="forumDescr">1400 MB</div>
</div></td> 
</tr>

<tr class="desc"><td colspan="5" class="gTableSubTop">{short-story}</td></tr>


i have try it like this "above" but nothing happens!

I have to edit it the .js in any art ?
Чтобы комментировать - войдите или зарегистрируйтесь на сайте

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

 04.03.2012 SlimYalta  Шаблоны (TPL), Стили (CSS)
 16.07.2012 5centr5  Шаблоны (TPL), Стили (CSS)
 18.07.2013 Gal262  Шаблоны (TPL), Стили (CSS)
 30.09.2013 grenth  Общие вопросы по вёрстке, Шаблоны (TPL), Стили (CSS), jQuery
 18.12.2013 abcdefghijklmnoprstuvwxyz  Шаблоны (TPL)
 21.01.2014 boltuk  Общие вопросы по вёрстке, Шаблоны (TPL), Стили (CSS)
 10.02.2014 sergeevizh  Шаблоны (TPL), Стили (CSS)
 26.02.2015 AMINAT  Шаблоны (TPL), Стили (CSS)
 07.03.2015 loginxxx  Общие вопросы по вёрстке, Шаблоны (TPL), Стили (CSS)
 14.03.2015 shevke  Общие вопросы по вёрстке, Шаблоны (TPL), Стили (CSS)
  • lutskboy | Как в description вставить значение доп. ... 1
    Фото lutskboy
    lutskboy
    Как в description вставить значение доп.поля?
    Вчера, 21:51
    https://sandev.pro/web/159-fullstory-metatags-by-sander.html
  • derebas | Как реализовать кнопку "Поделиться" как ... 1
    Фото derebas
    derebas
    Как реализовать кнопку "Поделиться" как на Плей Маркете?
    Вчера, 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>
  • doktorpull | GeoIP - показ информации в зависимости о ... 1
    Фото doktorpull
    doktorpull
    GeoIP - показ информации в зависимости от страны посетителя сайта
    17-04-2024, 21:53
    Отличный модуль, хорошо работает. Рекомендую этого автора, так как заказывал у него несколько собственных разработок. Человек знает свое дело.
  • Gordi | Telegram Sender 12
    Фото Gordi
    Gordi
    Telegram Sender
    16-04-2024, 15:47
    купил. Модуль классный! Автору большая признательность!
  • TeraMoune | Как вывести тайтл и дискрипшен по маске ... 1
    Фото TeraMoune
    TeraMoune
    Как вывести тайтл и дискрипшен по маске в категориях?
    14-04-2024, 00:36
    Ну например вот так: https://lazydev.pro/product/12-dle-seo.html
  • zawibis | Как настроить редирект на внешние сайты? 1
    Фото zawibis
    zawibis
    Как настроить редирект на внешние сайты?
    13-04-2024, 14:53
    Нашёлся ответ.
    Нужно в настройках группы отключить параметр

    Автоматическая замена ссылок [url] в тег [leech]
    При включении данной опции все ссылки, которые пользователь публикует в теге [url], будут автоматически заменены на защищенные ссылки тега [leech]
  • TeraMoune | Как решить проблему с /xfsearch/значение ... 5
    Фото TeraMoune
    TeraMoune
    Как решить проблему с /xfsearch/значение?
    12-04-2024, 11:53
    Это не прикол, просто dle позволяет искать новости как по значению так и с указанием конкретного поля для этого значения. И если у вас стоят метрики на сайте то достаточно любому человеку открыть ссылку и убрать в ней что-то, если сайт при новом url вернёт статус 200 то метрики захотят этот url запомнить.
  • komosa | Как решить проблему с /xfsearch/значение ... 5
    Фото komosa
    komosa
    Как решить проблему с /xfsearch/значение?
    11-04-2024, 22:34
    А вот прикол то в том, что это коснулось только author
  • lutskboy | Как решить проблему с /xfsearch/значение ... 5
    Фото lutskboy
    lutskboy
    Как решить проблему с /xfsearch/значение?
    11-04-2024, 22:31
    может быть не один только author. и другие поля. как знать куда перенаправлять
  • komosa | Как решить проблему с /xfsearch/значение ... 5
    Фото komosa
    komosa
    Как решить проблему с /xfsearch/значение?
    11-04-2024, 22:25
    Проблема заключается не в регистре, а в названии /author/ пропадает, и получается так, что ссылки дублируются. Как сделать редирект с дубля /xfsearch/Имя Фамилия на правильный адрес /xfsearch/author/имя фамилия ?
наверх