[3.1] Сворачиваемый блок правил

Evangelion · Сообщение **Evangelion** » 27.10.2016 15:16

Здравствуйте, хотелось бы увидеть расширение которое даёт возможность скрывать(запоминая положения) блок правил, как и тут:

Evangelion · Сообщение **Evangelion** » 29.10.2016 20:20

Нашёл вариант как можно добавить: Re: Раскрывающиеся блоки

Кто может подсказать что не так:

51bxLnmfk6DIQUlbwAZLQ.jpg

Скрипт добавил в файл viewforum_body.html, кэш чистил, кнопка "Скрыть" появилась, но при нажатии на неё обновляется страница и не скрывает блок правил.

Сообщение **Татьяна5** » 30.10.2016 10:58

Evangelion писал(а): что не так

Версия phpBB не та. В 3.1 нужных функций уже нет

Evangelion · Сообщение **Evangelion** » 30.10.2016 11:02

Татьяна5, а как тогда можно сделать?

Сообщение **Татьяна5** » 30.10.2016 11:04

Через localStorage удобней. Хорошие функции для работы с куки уже убрали

Отправлено спустя 36 секунд:
Эх, ни на что не хватает времени...

30.10.2016 13:28

На коленке.

Код: Выделить всё

<!DOCTYPE html>
<html lang="ru">
<head>
  <meta charset="UTF-8">
  <title>Сворачиваемый блок правил</title>
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
  <script src="https://code.jquery.com/jquery-2.2.4.js" integrity="sha256-iT6Q9iMJYuQiMWNd9lDyBUStIq/8PuOW33aOqmvFpqI=" crossorigin="anonymous"></script>
  <style type="text/css"> 
  a.expand {
    color: #1a829f;
}
.inner{
    font-family: "Lucida Grande","Trebuchet MS",Verdana,Helvetica,Arial,sans-serif;
    line-height: 1.4em;
    min-height: 3em;
    padding-bottom: 1px;
    font-size: 13px;
}
div.rules {
  overflow: hidden;
  clear: both;
  margin: 10px 0;
  font-size: 1.1em;
  padding: 0;
  border: 1px solid transparent;
  border-radius: 6px;
  line-height: 1.2em;
}

div.rules .inner {
  padding: 4px 10px 6px;
}

div.rules .inner > strong:first-child, div.rules > strong:first-child {
  display: block;
  padding-bottom: 3px;
  position: relative;
}

div.rules > strong:first-child {
  padding: 4px 10px 4px;
}

div.rules > strong:first-child + .inner {
  padding-top: 0;
}

div.rules .inner > strong:first-child + br, div.rules strong + .inner > br:first-child {
  display: none;
}

div.rules > strong:first-child a.expand {
  position: absolute;
  right: 10px;
  top: 4px;
  text-decoration: none !important;
  outline: none !important;
}

div.rules > strong:first-child a.expand:after {
  content: '\f077';
  font-family: FontAwesome;
  font-size: 10px;
  line-height: 10px;
  font-weight: normal;
  font-style: normal;
  text-indent: 0;
}

div.rules.closed > strong:first-child a.expand:after {
    content: '\f078';
}

div.rules ul, div.rules ol {
  margin-left: 20px;
}
div.rules {
    border-radius: 6px;
    clear: both;
    font-size: 1.1em;
    line-height: 1.2em;
    margin: 10px 0;
    overflow: hidden;
    padding: 0;
}
div.rules {
    background-color: #fff4dd;
    border-color: #f9d9b3;
    color: #777;
}
</style>
</head>

<body>

  <div class="rules">
    <strong>Правила форума<a class="expand" href="#" onclick="return spell()"></a></strong><div class="inner" id="myShowBlock" style="display: block;">
          <br>
      <a href="http://www.phpbbguru.net/community/rules/" class="postlink"><span style="color: #0000FF">Местная Конституция</span></a> | <a href="http://www.phpbbguru.net/community/viewtopic.php?t=4043" class="postlink"><span style="color: #0000FF">Шаблон запроса</span></a> | <a href="http://www.phpbbguru.net/documentation/" class="postlink"><span style="color: #008000">Документация (phpBB3)</span></a> | <a href="http://www.phpbbguru.net/community/viewtopic.php?t=43463" class="postlink"><span style="color: #008000">Мини [FAQ] по phpBB3.1.x</span></a> | <a href="http://www.phpbbguru.net/community/faq-phpbb3.html" class="postlink"><span style="color: #008000">FAQ-3 (phpbb3)</span></a> | <a href="http://segfault.kiev.ua/smart-questions-ru.html" class="postlink"><span style="color: #FF8000">Как задавать вопросы</span></a> | <a href="http://www.phpbbguru.net/community/viewtopic.php?t=42552" class="postlink"><span style="color: #FF8000">Как устанавливать расширения</span></a><br><br><span style="color: #FF0000"><em>Ваш вопрос может быть удален без объяснения причин, если на него есть ответы по приведённым ссылкам (а вы рискуете получить предупреждение <img class="smilies" src="https://forum.volnistye.ru/images/smilies/bs.gif" alt=";)" title="Wink"> ).</em></span>
    </div>
  </div>    
<script>
   var hide = window.localStorage.getItem('hide'),
       hide = hide === null ? 1 : +hide,   //1 если самый самый  первый раз нужно  чтоб было открыто иначе 0
       block = document.getElementById('myShowBlock');
function show() {
   block.style.display = hide ? 'block' : 'none';
}
function spell() {
   window.localStorage.setItem('hide', (hide ^= 1));
   show();
   return false
}
show()

$(function (){
  $('div.rules').click(function (){
    $(this).toggleClass('closed');
  });
});
</script>
</body>
</html>

Демо https://volnistye.ru/rules.html

Сообщение **Татьяна5** » 30.10.2016 13:37

владимир1983 писал(а): <script src="https://code.jquery.com/jquery-2.2.4.js"

Конфликты практически обеспечены

30.10.2016 13:41

Татьяна5, ну разумеется что под это дело не надо подключать ещё одну библиотеку jquery. Надо использовать ту которая идет с версией от phpbb. Работать будет и на ней.
Я взял первую попавшуюся на CDN просто.

Отправлено спустя 2 минуты 10 секунд:
Поставил версию пониже, а именно 1.12.4.

Sumanai · Сообщение **Sumanai** » 30.10.2016 20:25

О Боги, люди совсем разучились без QJuery писать на JS.

Сообщение **Татьяна5** » 30.10.2016 20:28

Sumanai, а смысл держать в стилях jQuery. если писать всё равно на чистом js?

Sumanai · Сообщение **Sumanai** » 30.10.2016 20:36

Проблемы тут оттого, что jQuery подключается снизу, а скрипты на нём часто требуются сверху. Вот и подключают ещё одну сверху. И ещё одну, так как одно расширение не знает, что го врубило другое. Итого на странице три квери. Да, я видел и такое.

Сообщение **Татьяна5** » 30.10.2016 21:53

Sumanai писал(а): требуются сверху

Ни знаю ни одного случая, когда они действительно требовались бы сверху. Это уже недоработка авторов расширений

Sumanai · Сообщение **Sumanai** » 30.10.2016 22:08

Мне при использовании в ббкоде требовался. Пришлось делать пляски с бубном.

Сообщение **Татьяна5** » 30.10.2016 22:31

И в ббкодах можно обойтись без js

Sumanai · Сообщение **Sumanai** » 30.10.2016 23:17

Там было проблематично.

phpBB Guru - Официальная русская поддержка форума phpBB

[3.1] Сворачиваемый блок правил

[3.1] Сворачиваемый блок правил

Re: [3.1] Сворачиваемый блок правил

Re: [3.1] Сворачиваемый блок правил

Re: [3.1] Сворачиваемый блок правил

Re: [3.1] Сворачиваемый блок правил

Re: [3.1] Сворачиваемый блок правил

Re: [3.1] Сворачиваемый блок правил

Re: [3.1] Сворачиваемый блок правил

Re: [3.1] Сворачиваемый блок правил

Re: [3.1] Сворачиваемый блок правил

Re: [3.1] Сворачиваемый блок правил

Re: [3.1] Сворачиваемый блок правил

Re: [3.1] Сворачиваемый блок правил

Re: [3.1] Сворачиваемый блок правил

Re: [3.1] Сворачиваемый блок правил