[Вопрос]

Нет, я не про спойлер в сообщении, тема избита и раскрыта со всех сторон. Меня интересует вот что:

При работе как с собственно с форумом, так и с адд-онами типа хотя бы того же файлового архива Керка постоянно возникает ситуация, когда страница визуально перегружена информацией, которая МОЖЕТ потребоваться юзеру, но НЕ ОБЯЗАТЕЛЬНО в данный момент должна быть у него перед носом. К примеру, у меня чуть не треть юзеров в файловом архиве кнопку Скачать найти не может. Не потому, что она не там расположена, а потому, что ее просто не видно из-за обилия служебной информации.

Что нужно - спойлер, по типу штатного вобловского "Свернуть-развернуть", применяется, разумеется, в шаблонах, где ж еще.

Вот как его реализовать, чтобы в шаблоне можно было бы отправить полстраницы служебной инфы под спойлер и не забивать глаза юзеру?

Увы, в javascript совсем не силен, потому и спрашиваю

Заранее премного благодарен

универсальный не получится =)
а сделать свои "коллпсы", не большая проблема
главное знать принцЫп работы скрипта воблы, ок...

<div>
  <div><a style="text-decoration: none; float: right" href="#top" onclick="toggle_collapse('coll_yourcollid'); return false;">LINK TO CLICK</a></div>
  <div id="collapseobj_coll_yourcollid" style="display: none;">
     <div>CONTENT TO SHOW</div>
  </div>
</div>

красным: обязательный префикс ID элемента, он обрабатывается воблоскриптами, есть еще и collapseimg_ - указывается для картинки, свернуто/развернуто, так же запоминается в куках
синим: свой ID в функции toggle_collapse()

А можно пример, для простоты в Файловом архиве загнать в коллапс что-нибудь со страницы, где показывается файл? Например, ссылки для вставки кода? Или же - просто ткнуть носом, где можно узнать значения переменных collapseobj_coll_yourcollid

Вот пример колллапса с одной из моих страниц

PHP Code:

<a style="float:right" href="#top" onclick="return toggle_collapse('forumhome_gallery')">
<img id="collapseimg_forumhome_gallery" src="http://photoshopia.ru/tangerine/buttons/collapse_tcat.gif" alt="" border="0"/>
</a> 


Откуда мне знать, что в данном случае нужно было подставить именно forumhome_gallery а не что-то другое? Я логику пытаюсь понять

Originally Posted by Gostemilov

что в данном случае нужно было подставить именно forumhome_gallery а не что-то другое? Я логику пытаюсь понять

так я же выделил цветом специально в своем коде
синим, это ID элемента в функции сворачивания, а красным, это сам ID элемента, к нему добавляется префикс collapseobj_ - если это див/спан/что_то_еще или collapseimg_ - если это картинка
в случае с картинкой, она еще меняет расположение свернуто/развернуто
=
в твоем коде как раз картинка, только код похоже выдернут из сорса страницы а не из шаблона в админке
там должно быть что то вроде этого

PHP Code:

<img id="collapseimg_forumhome_gallery" src="$stylevar[imgdir_buttons]/{$collapsed}tcat.gif" alt="" border="0"/> 


переменная $collapsed меняет значение в зависимости от того, что у юзера в куках, свернут элемент или открыт

Все равно туплю. Вот, выдрано из шаблона:

PHP Code:

<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0"  align="center" width="100%">
<thead>
        <tr>
                <td class="tcat" colspan="2" align="$stylevar[left]">
                        <a style="float:$stylevar[right]; white-space: nowrap;" href="#top" onclick="return toggle_collapse('marked_info')">
                                <img id="collapseimg_marked_info" src="$stylevar[imgdir_button]/collapse_tcat$vbcollapse[collapseimg_markeds_info].gif" alt="" border="0" />
                        </a>

заголовок                        
                </td>
        </tr>
</thead>

<tbody id="collapseobj_marked_info" style="$vbcollapse[collapseobj_markeds_info]">

контент

</tbody>
</table>
<br /> 


будучи вставлено в другое место не работает. Что не так?

Gostemilov добавил 15.07.2012 в 16:59

PHP Code:

<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0"  align="center" width="100%">
<thead>
        <tr>
                <td class="tcat" colspan="2" align="$stylevar[left]">
                        <a style="float:$stylevar[right]; white-space: nowrap;" href="#top" onclick="return toggle_collapse('marked_info')">
                                <img id="collapseimg_marked_info" src="$stylevar[imgdir_button]/collapse_tcat$vbcollapse[collapseimg_markeds_info].gif" alt="" border="0" />
                        </a>

заголовок                        
                </td>
        </tr>
</thead>

<tbody id="collapseobj_marked_info" style="$vbcollapse[collapseobj_markeds_info]">

контент

</tbody>
</table>
<br /> 


Вопрос закрыт. Спасибо за разьяснения. Действительно протупил!