|
Spoiler + jQuery
|
|
| Roma2Duo | Дата: 01 Января 2009, 08:28 | Сообщение # 41 |  ● ● ● ● ● 78 сообщений Статус: Offline | Нее. Так не пойдет! | | |
|
| Gaara | Дата: 01 Января 2009, 10:21 | Сообщение # 42 |  ● ● ● ● ● 1312 сообщений Статус: Offline | а как надо | | |
|
| Roma2Duo | Дата: 02 Января 2009, 17:31 | Сообщение # 43 | ● ● ● ● ● 78 сообщений Статус: Offline | Ну хорошо, давай этот, только подскажи как добавть в панель бб-кодов. | | |
|
| Gaara | Дата: 03 Января 2009, 08:25 | Сообщение # 44 | ● ● ● ● ● 1312 сообщений Статус: Offline | Code <input value='spoiler' title="Спойлер" onclick="tag_spoiler('message','')" class='codeButtons' style='width: 50px;' name='spoiler' type='button' /> | | |
|
| Roma2Duo | Отредактировал Roma2Duo - Суббота, 03 Января 2009, 10:06 Дата: 03 Января 2009, 09:47 | Сообщение # 45 | ● ● ● ● ● 78 сообщений Статус: Offline | Выложите в разработки нормальный гайд!  | | |
|
| Gaara | Дата: 03 Января 2009, 14:59 | Сообщение # 46 | ● ● ● ● ● 1312 сообщений Статус: Offline | автор не я | | |
|
| Sigma | Дата: 17 Января 2009, 00:57 | Сообщение # 47 |  ● ● ● ● ● 9 сообщений Статус: Offline | общий вид форума
подключаем jQ
скачиваешь файл http://free-manga.net.ru/spoiler.js
подключаешь его
после $BODY$
<script>dospoiler();</script>
вроде все
хм, не качается js. выложите, будьте добры. | | |
|
| cucYa | Дата: 17 Января 2009, 01:22 | Сообщение # 48 |  ● ● ● ● ● Совращенный мальчик.7317 сообщений Статус: Offline | | | |
|
| Symbian9x | Дата: 17 Января 2009, 11:32 | Сообщение # 49 |  ● ● ● ● ● 269 сообщений Статус: Offline | cucYa, изначально он открытый как исправить? | | |
|
| Angel7 | Дата: 17 Января 2009, 14:34 | Сообщение # 50 |  ● ● ● ● ● 693 сообщения Статус: Offline | Symbian9x,
Quote <div class="spoilerMessage"> => <div class="spoilerMessage" style="display: none"> <div class="spoilerMessageW"> => <div class="spoilerMessageW" style="display: none"> или в CSS сразу. | | |
|
| Symbian9x | Дата: 17 Января 2009, 21:23 | Сообщение # 51 | ● ● ● ● ● 269 сообщений Статус: Offline | Angel7, спасибо | | |
|
| Кронд | Отредактировал Кронд - Среда, 25 Февраля 2009, 17:22 Дата: 25 Февраля 2009, 17:18 | Сообщение # 52 | ● ● ● ● ● 329 сообщений Статус: Offline | Моё решение, в качесве бонуса - мой вариант тега "Сообщение администратора": "Общий вид страниц форума", куда-нибудь перед $BODY$:
Code function tags() { $('div.msg_t:last').html($('div.msg_t:last').html().replace(/\[\/spoiler\]/ig,'</span></div> ').replace(/\[admin\]/ig,'<div class="adminMessage">').replace(/\[\/admin\]/ig,'</div>')); } "Вид материалов" форума, $MESSAGE$ заменяем на следующее:
Code <div class="msg_t">$MESSAGE$</div> <script type="text/javascript">$('div.msg_t:last').html($('div.msg_t:last').html().replace(/\[spoiler\]/ig,'<div class="spoilerMessage"><a href="javascript://" onclick="$(\'.spoiler_$ID$\').slideToggle(\'normal\');">[ Spoiler ]</a><br><span class="spoiler_$ID$" style="display:none;padding-top:5px">')); tags();</script> "Форма добавления сообщения", сразу после $BBCODES$:
Code <input name="spoiler" type="button" onclick="simpletag('spoiler','','','message','')" class="codeButtons" value="spoiler" title="Выделить сообщение-спойлер">
<?if($IS_GROUP_4$)?><input name="admin" type="button" onclick="simpletag('admin','','','message','')" class="codeButtons" value="admin" title="Выделить сообщение администратора"><?endif?> В "Таблицу стилей CSS":
Code .spoilerMessage {background: #444; border: 1px #aaa dashed; padding-top: 3px; padding-bottom:5px; padding-right: 5px; padding-left: 5px; }
.adminMessage {background: #444; color:#fff; border: 1px #f00 dashed; padding-top: 10px; padding-bottom:10px; padding-right: 15px; padding-left: 15px; } Плюсы:
- Мало кода
- Меньшая нагрузка на клиент
- Теги обрабатываются во время загрузки страницы
- Легко добавлять свои теги
Минусы:
Если несколько оффтопов в одном посте - они раскрываются/скрываются все сразу Добавлено (25 Февраль 2009, 17:18)
---------------------------------------------
Пример спойлера (в нашей интерпретации - сообщения не по теме (Offtop))
Пример сообщения администратора (в конце поста) | | |
|
| }{0тт@бь)ч | Дата: 25 Февраля 2009, 17:23 | Сообщение # 53 | ● ● ● ● ● 1089 сообщений Статус: Offline | Quote <?if($IS_GROUP_4$)?><input name="admin" type="button" onclick="simpletag('admin','','','message','')" class="codeButtons" value="admin" title="Выделить сообщение администратора"><?endif?>
лучше так
Code
if(document.getElementById('bc18')) {
x='<span class=\"bbc1\" style=\"padding-right:1px;\"><input type=\"button\" value=\"admin\" onclick=\"simpletag(\'admin\',\'admes\',\'admin\',\'message\',0)\" id=\"admes\" title=\"Выделить сообщение администратора\" class=\"codeButtons\" style=\"width:50px;\"></span>';
x+=document.getElementById('bc18').innerHTML;
document.getElementById('bc18').innerHTML=x;
}
| | |
|
| Кронд | Дата: 25 Февраля 2009, 17:37 | Сообщение # 54 | ● ● ● ● ● 329 сообщений Статус: Offline | }{0тт@бь)ч, а я ещё перед собой ставил цель минимизировать код =) | | |
|
| Артем007 | Дата: 11 Июня 2009, 21:34 | Сообщение # 55 | ● ● ● ● ● 1 сообщение Статус: Offline | Прозьба к кому-нибудь дайти нормальный, хорошо работающий с картинкой плюса и минуса спойлер на форум и то, как его поставить...  | | |
|
| }{0тт@бь)ч | Отредактировал }{0тт@бь)ч - Четверг, 11 Июня 2009, 21:58 Дата: 11 Июня 2009, 21:54 | Сообщение # 56 | ● ● ● ● ● 1089 сообщений Статус: Offline | Артем007, пешы личку | | |
|
| kydapodatsya | Дата: 11 Июня 2009, 22:34 | Сообщение # 57 |  ● ● ● ● ● Дизайнер 2557 сообщений Статус: Offline |
уж не зарабатываешь ты тут незаконно?   | | |
|
| }{0тт@бь)ч | Дата: 12 Июня 2009, 11:42 | Сообщение # 58 | ● ● ● ● ● 1089 сообщений Статус: Offline | kydapodatsya, я на форуме не делал предложения платных услуг
кстате, спойлер у меня есть уже написанный. правда без плюсов/минусов. сам писал  | | |
|
| abassaka | Дата: 17 Января 2010, 13:07 | Сообщение # 59 | ● ● ● ● ● 15 сообщений Статус: Offline | Ребяты помогите бедолаге, спойлер нужен только для картинок, и надо чтобы кнопку можно было подписать, ну или без кнопки, просто "Открыть картинку" и "Скрыть картинку". Как сделать? Есть может готовое решение? Спасибо Вам заранее... | | |
|
