Перейти к содержанию

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


Рекомендуемые сообщения

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

Для 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('
icon_minus_1.gif Закрыть
').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 :rock:

Ссылка на комментарий

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

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

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

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

Ссылка на комментарий

maxx1101

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

TEST

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

Не работает!

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

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

Ссылка на комментарий

изменил наш код и этот код вполне нормально работает, с загрузкой картинок при открытие(проверял в опере редакторе странице) без всяких изменений 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('
icon_minus_1.gif Закрыть
').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');
}

primer.PNG

Ссылка на комментарий

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

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

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

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

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

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

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

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

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

Без проблем.

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

Ссылка на комментарий

лучше ещё

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');

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

Ссылка на комментарий
Гость
Эта тема закрыта для публикации ответов.
  • Последние посетители   0 пользователей онлайн

    • Ни одного зарегистрированного пользователя не просматривает данную страницу
×
×
  • Создать...