(XFI) Спойлер рутрекер 1.0.1

[Георгий Шевченко]

Пользователь Георгий Шевченко разместил новый ресурс:

(XFI) Спойлер рутрекер - Точная копия спойлера рутрекера

Описание:
Точная копия спойлера рутрекера.
Можно меня заголовок :)

Установка:
- Залить файл в папку Styles.
- Установить XML файл bb-code.

Демо:
Посмотреть вложение 16530 Посмотреть вложение 16531

Демонстрация:

Для просмотра этого контента нам потребуется ваше согласие на установку файлов cookie третьих лиц.
Более подробную информацию можно найти на нашей странице cookie.

Принимать файлы cookie третьих лиц

Узнать больше об этом ресурсе...

 

[Георгий Шевченко]

Пользователь Георгий Шевченко обновил ресурс (XFI) Спойлер рутрекер новой записью:

Не тот файл положил

Извините, не тот файл положил.

Узнать больше об этом обновлении...

 

[Hope]

Точная копия спойлера рутрекера

Не точная... :) На рутрекере снизу спойлера есть фраза "свернуть", при нажатии на которую спойлер сворачивается, а тут я не увидел такого. :)

 

[Георгий Шевченко]

Владимир Миронов , что-бы сделать спойлер по стандарту на форуме такой.
Идем в шаблон bb_code_tag_spoiler
Заменяем все на это

<xen:require css="bb_code.css" />

<div style="margin: 8px auto; border: 1px solid #C3CBD1; border-left-width: 2px">
<div style="background: #E9E9E6; height: 19px; font-size: 0.9em; font-weight: bold; cursor: pointer;" onclick="hidn = this.parentNode.getElementsByTagName('div')[1]; btn = this.getElementsByTagName('img')[0]; if (hidn.style.display != '') { hidn.style.display = ''; orimg = btn.src; btn.src = './styles/bbcodes/xfi/spoiler/icon_minus.gif'; } else { hidn.style.display = 'none'; btn.src = orimg; }">
<img style="margin: 0; padding: 5px 5px 0" src="./styles/bbcodes/xfi/spoiler/icon_plus.gif" alt="Развернуть" width="9" height="9" border="0" />
<span>{xen:phrase spoiler}{xen:if $titleHtml, ': {xen:raw $titleHtml}'}</span>
</div>
<div style="display: none; background: #F5F5F5; border-top: 1px solid #C3CBD1; padding: 6px">
{xen:raw $content}
</div>
</div>

[DOUBLEPOST=1398559842,1398559259][/DOUBLEPOST]

 

[Георгий Шевченко]

Пользователь Георгий Шевченко обновил ресурс (XFI) Спойлер рутрекер новой записью:

1.0.1

Описание:
Добавлено внутри сообщения свернуть его.

Демо:
Посмотреть вложение 16556

Демонстрация:

Для просмотра этого контента нам потребуется ваше согласие на установку файлов cookie третьих лиц.
Более подробную информацию можно найти на нашей странице cookie.

Принимать файлы cookie третьих лиц

Узнать больше об этом обновлении...

 

[Dimanok]

Как будет выглядеть код bb_code_tag_spoiler
С добавлением сворачивания ?

 

[Hope]

Что?

Вот это: https://xenforo.info/threads/xfi-Спойлер-рутрекер.4883/#post-37845 ?

 

[Dimanok]

Да это. Обратите внимание что функция сворачивания добавлена после написания этого кода для замены основного спойлера.
Вот я и хочу узнать как будет выглядеть этот код

<xen:require css="bb_code.css" />

<div style="margin: 8px auto; border: 1px solid #C3CBD1; border-left-width: 2px">
<div style="background: #E9E9E6; height: 19px; font-size: 0.9em; font-weight: bold; cursor: pointer;" onclick="hidn = this.parentNode.getElementsByTagName('div')[1]; btn = this.getElementsByTagName('img')[0]; if (hidn.style.display != '') { hidn.style.display = ''; orimg = btn.src; btn.src = './styles/bbcodes/xfi/spoiler/icon_minus.gif'; } else { hidn.style.display = 'none'; btn.src = orimg; }">
<img style="margin: 0; padding: 5px 5px 0" src="./styles/bbcodes/xfi/spoiler/icon_plus.gif" alt="Развернуть" width="9" height="9" border="0" />
<span>{xen:phrase spoiler}{xen:if $titleHtml, ': {xen:raw $titleHtml}'}</span>
</div>
<div style="display: none; background: #F5F5F5; border-top: 1px solid #C3CBD1; padding: 6px">
{xen:raw $content}
</div>
</div>

но с добавлением функции сворачивания.

 

[Skaiman]

Ну дык видео посмотри :) (XFI) Спойлер рутрекер

 

[Dimanok]

Ну дык видео посмотри :-) (XFI) Спойлер рутрекер

А причем тут видео-то ? Задам вопрос еще раз )
Георгий выше написал код для замены стандартного спойлера, на рутрекеровский.

<xen:require css="bb_code.css" />

<div style="margin: 8px auto; border: 1px solid #C3CBD1; border-left-width: 2px">
<div style="background: #E9E9E6; height: 19px; font-size: 0.9em; font-weight: bold; cursor: pointer;" onclick="hidn = this.parentNode.getElementsByTagName('div')[1]; btn = this.getElementsByTagName('img')[0]; if (hidn.style.display != '') { hidn.style.display = ''; orimg = btn.src; btn.src = './styles/bbcodes/xfi/spoiler/icon_minus.gif'; } else { hidn.style.display = 'none'; btn.src = orimg; }">
<img style="margin: 0; padding: 5px 5px 0" src="./styles/bbcodes/xfi/spoiler/icon_plus.gif" alt="Развернуть" width="9" height="9" border="0" />
<span>{xen:phrase spoiler}{xen:if $titleHtml, ': {xen:raw $titleHtml}'}</span>
</div>
<div style="display: none; background: #F5F5F5; border-top: 1px solid #C3CBD1; padding: 6px">
{xen:raw $content}
</div>
</div>

Затем он добавил в свой спойлер функцию сворачивания спойлера.
Так вот, как будет выглядеть этот код ( для замены стандартного спойлера ) с функцией сворачивания спойлера?

 

[Skaiman]

Так посмотри в xml файле

<div style="margin: 8px auto; border: 1px solid #C3CBD1; border-left-width: 2px">
<div style="background: #E9E9E6; height: 19px; font-size: 0.9em; font-weight: bold; cursor: pointer;" onclick="hidn = this.parentNode.getElementsByTagName('div')[1]; btn = this.getElementsByTagName('img')[0]; if (hidn.style.display != '') { hidn.style.display = ''; orimg = btn.src; btn.src = './styles/bbcodes/xfi/spoiler/icon_minus.gif'; } else { hidn.style.display = 'none'; btn.src = orimg; }">
<img style="margin: 0; padding: 5px 5px 0" src="./styles/bbcodes/xfi/spoiler/icon_plus.gif" alt="Развернуть" width="9" height="9" border="0" />
{option}
</div>
<div id="MessageBody" style="display: none; background: #F5F5F5; border-top: 1px solid #C3CBD1; padding: 6px">
{text}
<div  style="width: 98%; margin: 0 auto; text-align: right; font-size: 10px; color: #444444; cursor:pointer;" onclick="hidn = document.getElementById('MessageBody');  if (hidn.style.display != '') { hidn.style.display = ''; orimg = btn.src; btn.src = './styles/bbcodes/xfi/spoiler/icon_minus.gif'; } else { hidn.style.display = 'none'; btn.src = orimg; }">[свернуть]</div>
</div>
</div>

 

[Dimanok]

Это первое что пришло мне в голову. Далее мы сталкиваемся с тем, что
{option} и {text} не обрабатываются т.к. это не замена html бб кода.
Заменил и привел к такому виду:

<xen:require css="bb_code.css" />

<div style="margin: 8px auto; border: 1px solid #C3CBD1; border-left-width: 2px">
<div style="background: #E9E9E6; height: 19px; font-size: 0.9em; font-weight: bold; cursor: pointer;" onclick="hidn = this.parentNode.getElementsByTagName('div')[1]; btn = this.getElementsByTagName('img')[0]; if (hidn.style.display != '') { hidn.style.display = ''; orimg = btn.src; btn.src = './styles/bbcodes/xfi/spoiler/icon_minus.gif'; } else { hidn.style.display = 'none'; btn.src = orimg; }">
<img style="margin: 0; padding: 5px 5px 0" src="./styles/bbcodes/xfi/spoiler/icon_plus.gif" alt="Развернуть" width="9" height="9" border="0" />
<span>{xen:phrase spoiler}{xen:if $titleHtml, ': {xen:raw $titleHtml}'}</span>
</div>
<div style="display: none; background: #F5F5F5; border-top: 1px solid #C3CBD1; padding: 6px">
{xen:raw $content}
<div style="width: 98%; margin: 0 auto; text-align: right; font-size: 10px; color: #444444; cursor:pointer;" onclick="hidn = document.getElementById('MessageBody'); if (hidn.style.display != '') { hidn.style.display = ''; orimg = btn.src; btn.src = './styles/bbcodes/xfi/spoiler/icon_minus.gif'; } else { hidn.style.display = 'none'; btn.src = orimg; }">[свернуть]</div>
</div>
</div>

Т.е. по сути просто добавил строчку

<div  style="width: 98%; margin: 0 auto; text-align: right; font-size: 10px; color: #444444; cursor:pointer;" onclick="hidn = document.getElementById('MessageBody');  if (hidn.style.display != '') { hidn.style.display = ''; orimg = btn.src; btn.src = './styles/bbcodes/xfi/spoiler/icon_minus.gif'; } else { hidn.style.display = 'none'; btn.src = orimg; }">[свернуть]</div>

Но спойлер работает не корректно. Если в сообщении несколько спойлеров, то при нажатии на "Свернуть" открываются все спойлеры в теме.

___
я никогда не спрашиваю не попробовав сам )

 

[Skaiman]

Привести к такому виду и надо было, потому что там замена HTML для бб-кода, да просто установить дополнение нельзя было, для чего эти манипуляции, думаешь если просто сделал правку в шаблоне, лучше, заблуждаешься. Да вообще зачем он нужен? :) этот спойлер, стандартный есть, при желании его можно стилизовать как хочешь.

 

[Dimanok]

На вопрос зачем он нужен ответ простой. Нужно заменить стандартный спойлер на этот. Зачем мне два спойлера ?

 

[mms]

<xen:require css="bb_code.css" />

<div style="margin: 8px auto; border: 1px solid #C3CBD1; border-left-width: 2px">
<div style="background: #E9E9E6; height: 19px; font-size: 0.9em; font-weight: bold; cursor: pointer;" onclick="hidn = this.parentNode.getElementsByTagName('div')[1]; btn = this.getElementsByTagName('img')[0]; if (hidn.style.display != '') { hidn.style.display = ''; orimg = btn.src; btn.src = './styles/bbcodes/xfi/spoiler/icon_minus.gif'; } else { hidn.style.display = 'none'; btn.src = orimg; }">
<img style="margin: 0; padding: 5px 5px 0" src="./styles/bbcodes/xfi/spoiler/icon_plus.gif" alt="Развернуть" width="9" height="9" border="0" />
<span class="SpoilerTitle">{xen:if $titleHtml, '{xen:raw $titleHtml}', '{xen:phrase spoiler}'}</span>
</div>
<div style="display: none; background: #F5F5F5; border-top: 1px solid #C3CBD1; padding: 6px">
{xen:raw $content}
</div>
</div>

Если хотите что бы, когда у спойлера есть название, слово "Спойлер:" пропадало.

:ps: Спасибо за классный спойлер! Но кнопочка - свернуть не работает, так что ее ставить нету смысла, если заменять шаблон: bb_code_tag_spoiler

Георгий Шевченко, может есть решение что бы нормально работала кнопочка "свернуть"?

 

[Павел Тихонов]

как то можно убрать кнокпу + из редактора?
Если стоит спойлер по стандарту.

 

[Chigra]

Подскажите пожалуйста, что нужно сделать, чтобы внутри спойлера работали другие теги?

 

[Hope]

В настройках BB-кода снимите чекбокс с опции "Остановить парсинг BB-кода"

 

[Chigra]

В настройках BB-кода снимите чекбокс с опции "Остановить парсинг BB-кода"

Спасибо!
___________
Добрый день!
Попросить сделать плавное открытие и закрытие этого спойлера, это уже перебор? :x3:

 

[Hope]

это уже перебор?

Да. Здесь всё на css.
Подключайте JS, делайте необходимые манипуляции и т.п.