Пыталась добавить тег спойлер, в результате исчезла внизу форма добавления быстрого ответа. Убрала все изменения, форма все равно не появилась.
Как можно исправить?
форум http://avernus.0bb.ru
Добавляла так:
1. сначала подгружаем jQuery
заходим в АдминЦентр -> Скины и Шаблоны -> HTML шаблоны -> Выбраем нужный скин -> Настройка HTML -> Глобальные шаблоны (Global HTML elements) -> Board Header (logo, links, etc) редактировать
в самый верх добавляем
Цитата
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
2. добавляем стиль спойлера (цвет фона, отступы и т.д.)
АдминЦентр -> Скины и Шаблоны -> HTML шаблоны -> Выбраем нужный скин -> Настройка CSS (редактировать)
в самый низ добавляем
Код
.block2 {
background:none repeat scroll 0 0 #FFFFF0;
margin-top:7px;
padding:5px;
}
3. сам скрипт (кстати, опять содержащий в себе регулярное выражение с обратными слэшами, которые имеют свойство исчезать при сохранении настроек)
в АдминЦентр -> Скины и Шаблоны -> HTML шаблоны -> Выбраем нужный скин -> Настройка HTML -> Просмотр темы (Topic View Section) -> Footer редактировать
вверху загружаем
Скрытый текст
<!--Spoiler-->
<script type="text/javascript">
$(document).ready(function(){
$("div.postcolor > input.spoiler-button").click(function(){
$(this).parents("div.postcolor").find("div.block2").toggle("slow");
var a = $(this).attr('value');$(this).attr('value',$(this).attr('id'));$(this).attr('id',a);
});
});
var spl, html;
var div = document.getElementsByTagName("div")
for( i=0; i < div.length; i++ )
{
if(div[i].className == 'postcolor')
{
html = div[i].innerHTML;
spl = /\\[spoil\\](.*?)[\\|](.*?)\\[\\/spoil\\]/g
html = html.replace(spl, "<input id='close' class='spoiler-button' style='width:140px;font-size:10px; margin:3px; cursor:pointer' type='button' value='$2'><div class='block2' style='display:none; border:1px solid black;'>$1</div>")
div[i].innerHTML = html}}
</script>
4. затем добавляем обработчик тега, позволяющий нам давать собственные названия для кнопки спойлера,
типа "Жми", "Показать", "Спойлер", "Кот в мешке" и т.д.
в АдминЦентр -> Скины и Шаблоны -> HTML шаблоны -> Выбраем нужный скин -> Настройка HTML -> Post Screen Section -> get_javascript
перед закрывающим тегом
//-->
</script>
добавляем
Скрытый текст
function tag_spolier()
{var FoundErrors = '';
var enterTITLE = prompt("Введите описание скрытого текста", "Спойлер");
if (!enterTITLE) {
FoundErrors += " " + error_no_title;}
if (FoundErrors) {
alert("Error!"+FoundErrors);
return;}
doInsert("[spoil]", "|" + enterTITLE + "[/spoil]", "", false);}
обработчик работает с выделенным текстом
5. и наконец сама кнопка в панели ответа
идём в АдминЦентр -> Скины и Шаблоны -> HTML шаблоны -> Выбраем нужный скин -> Настройка HTML -> Post Screen Section -> +-- Post: Code Buttons & Post Text area
ищем там
Код
<img title='Спойлер' alt='Спойлер' src='/html/buttons/spoiler.gif' onClick='simpletag("SPOILER")' class='codebuttons' name="SPOILER" onMouseOver="hstat('spoiler')" />
заменяем на
Код
<img class='codebuttons' title='Спойлер' alt='Спойлер' src='http://www.pushkino.org/ipb/html/UBBC/spoiler.gif' onclick='tag_spolier()' />
Отредактировано Dagoranna (Пн, 18 Апр 2011 13:57:03)