Расскрывающийся список тем

автор Ринат Август 15th 2013, 21:20

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

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

автор Ринат Август 16th 2013, 13:50

Или если так нельзя что б автоматически темы добавлялись в список

тогда помогите сделать этот код что б подразделы в нем были кликабельны и по умолчанию закрыты

автор **Dana Domirani** Август 16th 2013, 13:55

Ринат, Вы вот эту тему видели?

А теперь представьте, что получаемый там список оформлен в виде выпадающего списка (уточните только, пожалуйста, откуда он вообще должен выпадать) — это будет похоже на то, что Вам надо?

автор Ринат Август 16th 2013, 14:10

Да это похоже очень то что нужно только что б выглядело так - Расскрывающийся список тем 0098840001376647766

и желательно с CSS оформлением желтого цвета

вставлять его собираюсь на главную показ категорий или HTML- СТРАНИЦУ

автор **Dana Domirani** Август 16th 2013, 17:32

Оформление можно будет подкорректировать:

Расскрывающийся список тем Image_17

Вариант под BB2

1. Вынесите все темы, которые хотите поместить в список в один подфорум.
Скопируйте его идентификатор. Для этого откройте подфорум, из которого Вы собираетесь выводить темы и скопируйте фрагмент его адреса (вида /f5-forum):
Расскрывающийся список тем Snap0086

2. В том месте, где нужен список, поставьте код:

Код:: <script type="text/javascript"> jQuery(document).ready(function(){ jQuery("#requestytopic .listin").load("/f1-forum div.topictitle"); jQuery('#requestytopic .top').click(function(){ jQuery(this).parent().children('div.listin').slideToggle("fast"); return false; }); jQuery(document).click(function(event) { if (jQuery(event.target).closest(".listin").length) return; jQuery(".listin").hide(); event.stopPropagation(); }); }); </script> <div id="requestytopic"> <div class="top">Принятые заявки: </div> <div class="listin"></div> </div>

В строке

Код:: jQuery("#requestytopic .listin").load("/f1-forum div.topictitle");

заменяете /f1-forum на идентификатор Вашего подфорума.

3. В CSS добавьте оформление:

Код:: #requestytopic { position:relative; } /* кнопка Принятые заявки */ #requestytopic .top { display: block; height: 16px; width: 150px; border: 4px double #2F4F4F; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000; line-height: 16px; padding-left: 5px; background: #E5D9AF url(http://i70.servimg.com/u/f70/17/37/83/89/folder13.png) no-repeat top right; } /* кнопка Принятые заявки при наведении */ #requestytopic .top:hover { color: #000; cursor: pointer; background: #F8F2A7 url(http://i70.servimg.com/u/f70/17/37/83/89/folder13.png) no-repeat bottom right; color: #995757; } /* список ссылок на тем */ #requestytopic .listin { display: none; position:absolute; border: 1px solid #2F4F4F; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000; padding: 0; margin: 1px 3px 5px 0; background-color: #E5D9AF; -webkit-box-shadow: 1px 3px 4px 0px rgba(0, 0, 0, 0.5); -moz-box-shadow: 1px 3px 4px 0px rgba(0, 0, 0, 0.5); box-shadow: 1px 3px 4px 0px rgba(0, 0, 0, 0.5); } #requestytopic div.topictitle { display: block; } /* ссылки на темы */ #requestytopic div.topictitle a { display: block; padding: 5px; font-family: Verdana, Arial, Helvetica, sans-serif !important; font-size: 10px !important; text-decoration: none !important; font-weight: normal !important; color: #000 !important; } /* ссылки на темы при наведении */ #requestytopic div.topictitle a:hover { background-color: #F8F2A7; color: #995757 !important; } #requestytopic div.topictitle img { display: none; }

автор Ринат Август 16th 2013, 21:08

Не получилось, список не раскрывается .Если не менять подфорум ( то есть как у вас в коде /f1-forum ) получается , а ставлю /f13-forum список не открывается !