Уважаемые пользователи!
C 7 ноября 2020 года phpBB Group прекратила выпуск обновлений и завершила дальнейшее развитие phpBB версии 3.2.
С 1 августа 2024 года phpBB Group прекращает поддержку phpBB 3.2 на официальном сайте.
Сайт официальной русской поддержки phpBB Guru продолжит поддержку phpBB 3.2 до 31 декабря 2024 года.
С учетом этого, настоятельно рекомендуется обновить конференции до версии 3.3.

Раскрывающиеся блоки

Здесь авторы могут постить бета-версии своих модификаций для phpBB 3.0.x. Внимание! Не устанавливайте бета-версии модов на работающие форумы!
Правила форума
Местная Конституция | Шаблон запроса | Документация (phpBB3) | Переход на 3.0.6 и выше | FAQ-3 (phpbb3) | Как задавать вопросы | Как устанавливать моды

Ваш вопрос может быть удален без объяснения причин, если на него есть ответы по приведённым ссылкам (а вы рискуете получить предупреждение ;) ).
Аватара пользователя
Nekstati
Поддержка
Поддержка
Сообщения: 3335
Стаж: 15 лет
Благодарил (а): 36 раз
Поблагодарили: 1435 раз

Re: Раскрывающиеся блоки

Сообщение Nekstati »

Для уменьшения головной боли это лучше сделать с помощью Mootools или jQuery. Например, на Mootools это выглядит так.

Найти

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

<!-- BEGIN forumrow -->
Добавить до

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

<div id="accordion">
Найти

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

<!-- END forumrow -->
Добавить после

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

</div>
<script type="text/javascript">
window.addEvent('domready', function() {
    new Fx.Accordion($('accordion'), '#accordion li.header', '#accordion ul.forums');
});
</script>
http://mootools.net/demos/?demo=Accordion
Аватара пользователя
Garret_Dark
phpBB 2.0.16
Сообщения: 1096
Стаж: 15 лет 3 месяца
Откуда: root/world/russia/
Благодарил (а): 126 раз
Поблагодарили: 206 раз
Контактная информация:

Re: Раскрывающиеся блоки

Сообщение Garret_Dark »

Nekstati писал(а):Например, на Mootools это выглядит так.
Чтото не работает :( Попробовал по примеру с сайта, тоже без результатно, тоесть вообще не работает :(
Можете помочь? :oops:
Аватара пользователя
Nekstati
Поддержка
Поддержка
Сообщения: 3335
Стаж: 15 лет
Благодарил (а): 36 раз
Поблагодарили: 1435 раз

Re: Раскрывающиеся блоки

Сообщение Nekstati »

Вероятно, у вас подключён только Mootools Core, а аккордеон — это плагин, надо ещё подключить Mootools More: http://mootools.net/more/.
Аватара пользователя
Garret_Dark
phpBB 2.0.16
Сообщения: 1096
Стаж: 15 лет 3 месяца
Откуда: root/world/russia/
Благодарил (а): 126 раз
Поблагодарили: 206 раз
Контактная информация:

Re: Раскрывающиеся блоки

Сообщение Garret_Dark »

Nekstati, так ничего и не получается... Попробовал уже сделать тупо по инструкции в новый html-файл, но показывает только развернутый список, JS подключил
Вот код html файла, пробовал в разных вариациях...

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

<html>

<head>
  <title>1111</title>
  <style type="text/css">
#accordion    {
    margin: 20px 0 0;
    max-width: 400px;
}
    #accordion H2 {
        background: #6B7B95;
        color: white;
        cursor: pointer;
        font: 12px Helvetica, Arial, sans-serif;
        line-height: 16px;
        margin: 0 0 4px 0;
        padding: 3px 5px 1px;
    }
    #accordion .content {
        background-color: #F4F5F5;
    }
    #accordion .content p {
        margin: 0.5em 0;
        padding: 0 6px 8px 6px;
    }
</style>
<script type="text/javascript" src="./js/mootools-core-1.3.1-full-compat.js"></script>
<script type="text/javascript" src="./js/mootools-more-1.3.1.1.js"></script>

</head>

<body>

<div id="accordion">

    <h2>What is MooTools?</h2>

    <div class="content">
        <p>MooTools is a compact, modular, Object-Oriented JavaScript framework designed for the intermediate to advanced JavaScript developer.</p>
        <p>It allows you to write powerful, flexible, and cross-browser code with its elegant, well documented, and coherent API.</p>
    </div>

    <h2>Cool! What licence does it have?</h2>

    <div class="content">
        <p>MooTools is released under the Open Source MIT license, which gives you the possibility to use it and modify it in every circumstance.</p>
    </div>

    <h2>What browsers does it support?</h2>

    <div class="content">
        <p>MooTools is compatible and fully tested with Safari&nbsp;3+, Internet Explorer&nbsp;6+, Firefox&nbsp;2+ (and browsers based on gecko), Opera&nbsp;9+, and Chrome&nbsp;4+.</p>
    </div>

</div>
</body>

</html>
Подскажите плиз, что и куда нужно вставлять...
P.S. С меня шоколадка...
Аватара пользователя
Nekstati
Поддержка
Поддержка
Сообщения: 3335
Стаж: 15 лет
Благодарил (а): 36 раз
Поблагодарили: 1435 раз

Re: Раскрывающиеся блоки

Сообщение Nekstati »

В этом файле вы забыли инициализировать аккордеон.

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

<script type="text/javascript">
window.addEvent('domready', function() {
    new Fx.Accordion($('accordion'), 'h2', '.content');
});
</script>
Здесь accordion — ID блока-обёртки, h2 — кликабельный элемент, .content — элемент, который должен сворачиваться.
Аватара пользователя
Garret_Dark
phpBB 2.0.16
Сообщения: 1096
Стаж: 15 лет 3 месяца
Откуда: root/world/russia/
Благодарил (а): 126 раз
Поблагодарили: 206 раз
Контактная информация:

Re: Раскрывающиеся блоки

Сообщение Garret_Dark »

Nekstati писал(а):В этом файле вы забыли инициализировать аккордеон.
Я пробовал его вставлять... И в body рядом с остальными js и внизу... Не работает... Явно делаю, чтото не так, но не пойму где ошибка :(
Вы можете рабочий пример показать? :roll:
Аватара пользователя
Garret_Dark
phpBB 2.0.16
Сообщения: 1096
Стаж: 15 лет 3 месяца
Откуда: root/world/russia/
Благодарил (а): 126 раз
Поблагодарили: 206 раз
Контактная информация:

Re: Раскрывающиеся блоки

Сообщение Garret_Dark »

Nekstati, я чуть не застрелился и не начал вырывать волосы у себя на голове, когда увидел у Вас тот же код, что пробовал у себя! Для уверенности скопипастил его себе, проверил наличие JS-файлов и т.д., но не работало как и раньше... Уже собирался идти порчу снимать :)
На последок решил подключить JS выложенные у Вас и все... о чудо! заработало... Побился мой файл при скачивании оказывается и все мои усилия и доставание Вас с попрошайками "памагите" были в пустую, все было верно изначально.
Сейчас все работает отлично, единственное блок на портале немного "съехал" вниз, как раз, гдето, на высоту заголовка.
А, все на свежую голову поправил, удалил margin в CSS.

Еще раз спасибо за помощь!
Куда высылать шоколадку?
Игорёк
phpBB 1.4.4
Сообщения: 155
Стаж: 13 лет 4 месяца
Благодарил (а): 16 раз
Поблагодарили: 2 раза

Re: Раскрывающиеся блоки

Сообщение Игорёк »

Nekstati писал(а): Содержимое вашей боковой панели вставляйте внутрь <div id="sidebar">. Параметры height: 300px; background-color: #CADCEB; для #sidebar потом уберите, они вставлены лишь для того, чтобы пустой блок был видим. Ну и картинки для кнопок замените на свои.
подскажите а как тоже самое реализовать для левой стороны?
http://www.velokarnavaltlt.ru/ - форум ВелоКарнавал г.Тольятти
Аватара пользователя
Nekstati
Поддержка
Поддержка
Сообщения: 3335
Стаж: 15 лет
Благодарил (а): 36 раз
Поблагодарили: 1435 раз

Re: Раскрывающиеся блоки

Сообщение Nekstati »

Точно так же, только все right замените на left, а все left на right.
Игорёк
phpBB 1.4.4
Сообщения: 155
Стаж: 13 лет 4 месяца
Благодарил (а): 16 раз
Поблагодарили: 2 раза

Re: Раскрывающиеся блоки

Сообщение Игорёк »

отступ справа не убирается, кнопку переместил на левую сторону, а справа место под кнопку осталось как его убрать?

Добавлено спустя 7 минут 27 секунд:
Как отступ справа, переместить на середину? между блоками

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

<style type="text/css">
.forabg {
	clear: right;
}
#open_sidebar, #close_sidebar {
	height: 14px;
	padding: 3px 3px 1px;
	position: absolute;
	left: 20px;
	background-color: #CADCEB;
}
#open_sidebar {
	left: 0;
	display: none;
}
#sidebar {
	margin-top: 25px;
	width: 22%;
	float: left;
	height: 300px;
	background-color: #CADCEB;
}
</style>
Правильно?
Вложения
Безымянный.png
http://www.velokarnavaltlt.ru/ - форум ВелоКарнавал г.Тольятти
Аватара пользователя
Nekstati
Поддержка
Поддержка
Сообщения: 3335
Стаж: 15 лет
Благодарил (а): 36 раз
Поблагодарили: 1435 раз

Re: Раскрывающиеся блоки

Сообщение Nekstati »

Добавьте

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

#sidebar {
	margin-right: 2%;
}
Аватара пользователя
Nekstati
Поддержка
Поддержка
Сообщения: 3335
Стаж: 15 лет
Благодарил (а): 36 раз
Поблагодарили: 1435 раз

Re: Раскрывающиеся блоки

Сообщение Nekstati »

Верните на место стандартный яваскрипт в хедере. Без него у вас многое не будет правильно работать.

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

<script type="text/javascript">
// <![CDATA[
        многабукаф
// ]]>
</script>
Добавлено спустя 40 секунд:
М? Пока писала ответ, исчез вопрос.
Игорёк
phpBB 1.4.4
Сообщения: 155
Стаж: 13 лет 4 месяца
Благодарил (а): 16 раз
Поблагодарили: 2 раза

Re: Раскрывающиеся блоки

Сообщение Игорёк »

Nekstati
Подскажи, а как сделать что бы левая панель была зафиксирована определенным размером без %, при изменений размера браузера только правая половинка меняла своё значение
http://www.velokarnavaltlt.ru/ - форум ВелоКарнавал г.Тольятти
Аватара пользователя
Nekstati
Поддержка
Поддержка
Сообщения: 3335
Стаж: 15 лет
Благодарил (а): 36 раз
Поблагодарили: 1435 раз

Re: Раскрывающиеся блоки

Сообщение Nekstati »

Вводить таблицу. Левая панель — одна ячейка таблицы с фиксированной шириной, всё остальное — вторая. Для примера можно посмотреть, как сделано тут: http://board3.de/viewforum.php?f=31.
Закрыто

Вернуться в «Бета-версии модов для phpBB 3.0.x»