Ulan.VIP Опубликовано 19 марта, 2011 Жалоба Поделиться Опубликовано 19 марта, 2011 Много видел тем но так и не сделали! Функция закрытия спойлера.Для 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 Опубликовано 19 марта, 2011 Жалоба Поделиться Опубликовано 19 марта, 2011 Ulan.VIPна своем форуме так сделал?уже открыто? Ссылка на комментарий
Ulan.VIP Опубликовано 19 марта, 2011 Автор Жалоба Поделиться Опубликовано 19 марта, 2011 Vsadnik665Не это на Torrentpier. Инструкция с нета! Ссылка на комментарий
Mac Опубликовано 20 марта, 2011 Жалоба Поделиться Опубликовано 20 марта, 2011 Дело в том, что наш спойлер несколько отличается от торрентпировского из-за скриптов автоужатия картинок. Но я попробую. Спасибо. Ссылка на комментарий
Neoki Опубликовано 20 марта, 2011 Жалоба Поделиться Опубликовано 20 марта, 2011 А в чем суть? Ссылка на комментарий
DR1VER_ Опубликовано 20 марта, 2011 Жалоба Поделиться Опубликовано 20 марта, 2011 NeokЧтобы не возвращаться к началу открытого спойлера. Например, когда много текста или картинок. Ссылка на комментарий
Ulan.VIP Опубликовано 20 марта, 2011 Автор Жалоба Поделиться Опубликовано 20 марта, 2011 MacНо основная часть остается прежней. Ссылка на комментарий
maxx1101 Опубликовано 20 марта, 2011 Жалоба Поделиться Опубликовано 20 марта, 2011 Чтобы не возвращаться к началу открытого спойлера. Например, когда много текста или картинок.так то полезно - иногда там такие "простынки" под спойлером прячутся - просто жуть если не трудно - я "за" такое нововведение Ссылка на комментарий
Ulan.VIP Опубликовано 20 марта, 2011 Автор Жалоба Поделиться Опубликовано 20 марта, 2011 maxx1101Ага. Иногда бесит, если много картинок или текста то приходится возвращаться в начало чтобы свернуть спойлер.TESTДобавлено спустя 20 секунд:Не работает!Добавлено спустя 5 минут 50 секунд:Смотрите можно и вот что http://torrentpier.kz/viewtopic.php?t=10 внеш. Ссылка на комментарий
NAT Опубликовано 20 марта, 2011 Жалоба Поделиться Опубликовано 20 марта, 2011 изменил наш код и этот код вполне нормально работает, с загрузкой картинок при открытие(проверял в опере редакторе странице) без всяких изменений 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 Опубликовано 20 марта, 2011 Жалоба Поделиться Опубликовано 20 марта, 2011 о-о - уже сделали :-)*04 Ссылка на комментарий
dibar Опубликовано 20 марта, 2011 Жалоба Поделиться Опубликовано 20 марта, 2011 о-о - уже сделалиУра!Спасибо!)) Ссылка на комментарий
Mac Опубликовано 20 марта, 2011 Жалоба Поделиться Опубликовано 20 марта, 2011 Реализовано *110Ulan.VIP, NAT, большое Вам спасибо!Чуть подкорректировал стили. В остальном вроде бы норм.Добавлено спустя 9 минут 47 секунд:Кстати, у вас с автоужатием картинок все нормально? Ссылка на комментарий
Vsadnik665 Опубликовано 20 марта, 2011 Жалоба Поделиться Опубликовано 20 марта, 2011 круто! Ссылка на комментарий
Опасный Кiт Опубликовано 20 марта, 2011 Жалоба Поделиться Опубликовано 20 марта, 2011 Ulan.VIPMacспасибо. Ссылка на комментарий
dibar Опубликовано 20 марта, 2011 Жалоба Поделиться Опубликовано 20 марта, 2011 Кстати, у вас с автоужатием картинок все нормально?Да, нормальноПротестил на теме " Укакого какой рабочий стол", там большие картинки.Браузер - 10-я ОпераБез проблем.Ещё раз спасибо всем!) Ссылка на комментарий
yurark Опубликовано 20 марта, 2011 Жалоба Поделиться Опубликовано 20 марта, 2011 Кстати, у вас с автоужатием картинок все нормально?нет Ссылка на комментарий
Whirlpool Опубликовано 20 марта, 2011 Жалоба Поделиться Опубликовано 20 марта, 2011 есть проблемы с отображением данной фичи в спойлере, где есть align-right-картинки. Редко, но встречаетсяChrome 10, IE9, Firefox >3.6 Ссылка на комментарий
Alexsvatov Опубликовано 20 марта, 2011 Жалоба Поделиться Опубликовано 20 марта, 2011 Хорошая фишка!!Добавлено спустя 3 минуты 50 секунд:Ой чего то испортилося!!! Ссылка на комментарий
dibar Опубликовано 20 марта, 2011 Жалоба Поделиться Опубликовано 20 марта, 2011 по ссылке Whirpool, да есть небольшой глюк.Но кнопка Закрыть срабатывает, хотя её неявно видно) Ссылка на комментарий
Mac Опубликовано 20 марта, 2011 Жалоба Поделиться Опубликовано 20 марта, 2011 Whirpool, исправили. Ссылка на комментарий
NAT Опубликовано 20 марта, 2011 Жалоба Поделиться Опубликовано 20 марта, 2011 лучше ещё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 Опубликовано 20 марта, 2011 Жалоба Поделиться Опубликовано 20 марта, 2011 Роланд из Гилеада, прошло? Если нет, ссылку дай. Ссылка на комментарий
Alexsvatov Опубликовано 20 марта, 2011 Жалоба Поделиться Опубликовано 20 марта, 2011 где исправили ? у меня не отображаются спойлеры сейчас. До этого отображалисьДобавлено спустя 1 минуту 34 секунды: Ссылка на комментарий
Mac Опубликовано 20 марта, 2011 Жалоба Поделиться Опубликовано 20 марта, 2011 Роланд из Гилеада, обнови страницу через Ctrl+F5. Ссылка на комментарий
Рекомендуемые сообщения