Закрыть спойлер.

[Ulan.VIP]

Много видел тем но так и не сделали! Функция закрытия спойлера.

Для Mac

открываешь /templates/default/page_header.tpl

Ищешь

function initSpoilers(context)

Заменяешь

на

function initSpoilers(context)
      {
      var context = context || 'body';
      $('div.spoiler-head', $(context)).click(
      function()
         {
         if ($(this).next('div.spoiler-body').hasClass('inited'))
            {
            $(this).next().next().slideToggle('fast');
            }
         if (!$(this).next('div.spoiler-body').hasClass('inited'))
            {
            $(this).next('div.spoiler-body').after('

Закрыть

').addClass('inited');
}
$(this).toggleClass('unfolded');
$(this).next('div.spoiler-body').slideToggle('fast');
});
}

function spHide($sp_body)
{
if ($(document).scrollTop() > $sp_body.prev().offset().top)
{
$(document).scrollTop($sp_body.prev().offset().top - 200);
}
$sp_body.slideToggle('fast');
$sp_body.prev().slideToggle('fast');
$sp_body.prev().prev().toggleClass('unfolded');
}

открываешь /templates/default/css/main.css

ищешь

.spoiler-body {
  padding: 1px 6px 2px; display: none;
  border-top: 1px solid #C3CBD1; background: #F5F5F5;
}

и заменяешь на

.spoiler-fold {
   margin: 0 auto;
   padding: 2px 4px 3px;
   text-align: left;
   font-size: 11px;
   color: #111111;
   background: #E9E9E6;
   border-top: 2px solid #111111;
}

+ нужен icon_minus_1.gif в папке templates\default\images

[Vsadnik665]

Ulan.VIP

на своем форуме так сделал?

уже открыто?

[Ulan.VIP]

Vsadnik665

Не это на Torrentpier. Инструкция с нета!

[Mac]

Дело в том, что наш спойлер несколько отличается от торрентпировского из-за скриптов автоужатия картинок. Но я попробую. Спасибо.

[Neoki]

А в чем суть?

[DR1VER_]

Neok

Чтобы не возвращаться к началу открытого спойлера. Например, когда много текста или картинок.

[Ulan.VIP]

Mac

Но основная часть остается прежней.

[maxx1101]

Чтобы не возвращаться к началу открытого спойлера. Например, когда много текста или картинок.

так то полезно - иногда там такие "простынки" под спойлером прячутся - просто жуть

если не трудно - я "за" такое нововведение

[Ulan.VIP]

maxx1101

Ага. Иногда бесит, если много картинок или текста то приходится возвращаться в начало чтобы свернуть спойлер.

TEST

Добавлено спустя 20 секунд:

Не работает!

Добавлено спустя 5 минут 50 секунд:

Смотрите можно и вот что http://torrentpier.kz/viewtopic.php?t=10 внеш.

[NAT]

изменил наш код и этот код вполне нормально работает, с загрузкой картинок при открытие(проверял в опере редакторе странице) без всяких изменений css нормально смотрится(уже добавлен\был класс fold)

function initSpoilers(context)
{
  var context = context || 'body';
	jQuery('div.spoiler-head', jQuery(context)).click(function() {

	if (jQuery(this).next('div.spoiler-body').hasClass('inited'))
	{
		jQuery(this).next().next().slideToggle('fast');
	}

	if (!jQuery(this).next('div.spoiler-body').hasClass('inited'))
	{
		jQuery(this).next('div.spoiler-body').after('

Закрыть

').addClass('inited');
}

jQuery(this).toggleClass('unfolded');
initImages(jQuery(this).next('div.spoiler-body'));
jQuery(this).next('div.spoiler-body').slideToggle('fast');
});
}

function spHide($sp_body)
{
if (jQuery(document).scrollTop() > $sp_body.prev().offset().top)
{
jQuery(document).scrollTop($sp_body.prev().offset().top - 200);
}
$sp_body.slideToggle('fast');
$sp_body.prev().slideToggle('fast');
$sp_body.prev().prev().toggleClass('unfolded');
}

[maxx1101]

о-о - уже сделали :-)

*04

[dibar]

о-о - уже сделали

Ура!

Спасибо!))

[Mac]

Реализовано *110

Ulan.VIP, NAT, большое Вам спасибо!

Чуть подкорректировал стили. В остальном вроде бы норм.

Добавлено спустя 9 минут 47 секунд:

Кстати, у вас с автоужатием картинок все нормально?

[Vsadnik665]

круто!

[Опасный Кiт]

Ulan.VIP

Mac

спасибо.

[dibar]

Кстати, у вас с автоужатием картинок все нормально?

Да, нормально

Протестил на теме " Укакого какой рабочий стол", там большие картинки.

Браузер - 10-я Опера

Без проблем.

Ещё раз спасибо всем!)

[yurark]

Кстати, у вас с автоужатием картинок все нормально?

нет

[Whirlpool]

есть проблемы с отображением данной фичи в спойлере, где есть align-right-картинки. Редко, но встречается

Chrome 10, IE9, Firefox >3.6

[Alexsvatov]

Хорошая фишка!!

Добавлено спустя 3 минуты 50 секунд:

Ой чего то испортилося!!!

[dibar]

по ссылке Whirpool, да есть небольшой глюк.

Но кнопка Закрыть срабатывает, хотя её неявно видно)

[Mac]

Whirpool, исправили.

[NAT]

лучше ещё

initImages(jQuery(this).next('div.spoiler-body'));

переместить в

if (!jQuery(this).next('div.spoiler-body').hasClass('inited'))
  { 

если без этого, то получается что initImages вызывается всегда, даже когда закрываем спойлер

надо её поставить над

jQuery(this).next('div.spoiler-body').after('

Закрыть

').addClass('inited');

а то получается что сначало добавляется концовка, а потом уже грузятся картинки и из-за этого как тормознуто всё вылазиет(хотя в опере нормально, а в хроме с оч большим лагом)

[Mac]

Роланд из Гилеада, прошло? Если нет, ссылку дай.

[Alexsvatov]

где исправили ? у меня не отображаются спойлеры сейчас. До этого отображались

Добавлено спустя 1 минуту 34 секунды:

[Mac]

Роланд из Гилеада, обнови страницу через Ctrl+F5.