Тут уже была статья о сворачивающихся блоках — instantcms.ru/blogs/narabotochki/svorachivanie-blokov.html, но там не было запоминания их позиций т.е. покинул страницу и сворачивай/разворачивай заново — что есть очень не халяльно.
Cookies печеньки — это все прекрасно решают. Что позволяет в свернутом состоянии блоков значительно экономить пространство sidebar.
Приступим.
Качаем файл — instantcms.ru/users/files/download956.html
И с найденным в нем поступаем таким образом:
Копируем module_toogle.tpl в modules /templates/_default_/modules/
Копируем toogle.js в /templates/_default_/js/
(В toogle.js уже встроен jquery.cookie)
Вставляем в конец своего styles.css такие строки:
Добавляем в template.php
между <head>...</head>
При настройке модуля теперь в "Шаблон модуля" появится — module_toogle.tpl
Выбираем его для соответствующих модулей в sidebar и смотрим как оно все — входит и выходит, вообщем замечательно выходит.
Для понимания как оно все работает и его доработки и улучшения — читать тут.
www.tobypitman.com/multiple-collapsable-panels-with-cookies/
stackoverflow.com/questions/4258021/jquery-toggle-with-cookies-how-to-get-collapsed-state-by-default-and-remain-acce
Все вышеописанное именно для блоков в сайдбаре, для main придется подправить код, чтобы не конфликтовали стили.
Как это выглядит и работает можно посмотреть тут —
Вести с полей
HolyGun дошаманил сворачивалку, чтобы было максимально похоже на дефолтный дизайн.
Кнопка конфига водворена на ее законное место и не выводится надпись "№ модуля ..." — для админа. Проделывать сию процедуру могут те, кому не нравится отображение модуля для админа, для обычного пользователя никаких изменений до и после — не заметно.
Глянуть можно o-bike.ru/ (актуально для незарегистрированных тут людей)
Вот и скриншоты появились:
Раскрыто: floomby.ru/content/VyvBleUJHE/
Свернуто: floomby.ru/content/2yXzKyMM6k/
Измените то, что вставляли
в style.css
на
и содержимое module_toogle.tpl
на
Вот собственно и все.
Cookies печеньки — это все прекрасно решают. Что позволяет в свернутом состоянии блоков значительно экономить пространство sidebar.
Приступим.
Качаем файл — instantcms.ru/users/files/download956.html
И с найденным в нем поступаем таким образом:
Копируем module_toogle.tpl в modules /templates/_default_/modules/
Копируем toogle.js в /templates/_default_/js/
(В toogle.js уже встроен jquery.cookie)
Вставляем в конец своего styles.css такие строки:
.toggle-wrapper { overflow:hidden; display:block; } .toggle-wrapper .toggle-container { position:relative; overflow: hidden; } .toggle-wrapper h6.trigger { cursor:pointer; padding: 10 10 16px; margin:18; } .toggle-wrapper h6.active { padding:10 10 10 16px; }
между <head>...</head>
<script type="text/javascript" src="/templates/_default_/js/toogle.js"></script>
Выбираем его для соответствующих модулей в sidebar и смотрим как оно все — входит и выходит, вообщем замечательно выходит.
Для понимания как оно все работает и его доработки и улучшения — читать тут.
www.tobypitman.com/multiple-collapsable-panels-with-cookies/
stackoverflow.com/questions/4258021/jquery-toggle-with-cookies-how-to-get-collapsed-state-by-default-and-remain-acce
Все вышеописанное именно для блоков в сайдбаре, для main придется подправить код, чтобы не конфликтовали стили.
Как это выглядит и работает можно посмотреть тут —
Группе, к которой вы принадлежите, запрещено просматривать этот скрытый текст
при нажатии на название блока он будет сворачиваться и разворачиваться, сворачиваться и разворачиваться, вообщем осторожно не зависните.Вести с полей
HolyGun дошаманил сворачивалку, чтобы было максимально похоже на дефолтный дизайн.
Кнопка конфига водворена на ее законное место и не выводится надпись "№ модуля ..." — для админа. Проделывать сию процедуру могут те, кому не нравится отображение модуля для админа, для обычного пользователя никаких изменений до и после — не заметно.
Глянуть можно o-bike.ru/ (актуально для незарегистрированных тут людей)
Вот и скриншоты появились:
Раскрыто: floomby.ru/content/VyvBleUJHE/
Свернуто: floomby.ru/content/2yXzKyMM6k/
Измените то, что вставляли
в style.css
на
.toggle-wrapper { overflow:hidden; display:block; } .toggle-wrapper .toggle-container { position:relative; overflow: hidden; } .toggle-wrapper h6.trigger { cursor:pointer; }
на
<div class="{$mod.css_prefix}module"> {if $mod.showtitle neq 0} <div class="toggle-wrapper"> {if $cfglink} <div style="display: inline-block; float: right;"> <a href="javascript:moduleConfig({$mod.module_id});" title="Настроить модуль"> <img src="/templates/_default_/images/icons/settings.png" /> </a> </div> {/if} <h6 class="trigger" style="font-weight: normal;"> <span class="{$mod.css_prefix}moduletitle" style="padding-bottom: 10px;">{$mod.title}</span> </h6> {/if} <div class="toggle-container"> <div class="{$mod.css_prefix}modulebody">{$mod.body}</div> </div> </div> </div>
Реклама #
ByMind 13 лет назад #
косяков не найдено
хорошо сработано, спасибо!
Алхимик 13 лет назад #
ByMind 13 лет назад #
на 1.7 работает идеально
вот народ и залипает)))
каюсь, сам сворачивал-разворачивал сидел, циклов 10 нафигачил кряду)))
такое ощущение, что смазку проверял)))))
HolyGun 13 лет назад #
Я тут немного подшаманил сворачивалку твою...
Чтобы максимально похоже было на дефолтный шаблон.
Ну и надпись, хоть и для админов, "Модуль № такой-то" не выводится. И кнопка конфигурации модуля работает.
Стили:
http://floomby.ru/content/VyvBleUJHE/
http://floomby.ru/content/2yXzKyMM6k/
ByMind 13 лет назад #
и кнопка работает нормально))
кстати, проверил на всех модулях(кроме меню) - работает замечательно не только на сайдбаре! на всем
Алхимик 13 лет назад #
googlebot 13 лет назад #
Алхимик 13 лет назад #
Blit 13 лет назад #
Алхимик 13 лет назад #
Посмотри ссылки для ознакомления, которые приводились в посте о toogle и cookies - и модифицируй шаблон соответствующим образом.
Soviet-Girl 13 лет назад #
Алхимик 13 лет назад #
Soviet-Girl 13 лет назад #
WALTERZ 13 лет назад #
eskimoss 13 лет назад #
googlebot 13 лет назад #