Ребята, совсем недавно обнаружил - не работает спойлер. Не подскажете, что случилось...?
Не работает спойлер
Сообщений 1 страница 13 из 13
Поделиться2Вс, 5 Июн 2016 09:15:52
Может быть в настройках браузера что-то сбилось или конфликтуют скрипты...
Поделиться3Вс, 5 Июн 2016 09:38:13
Вдумчивый
Ссылку на пост со спойлером, видный гостю (клик по дате в сообщении)
Поделиться4Пн, 6 Июн 2016 13:04:41
Ссылку на пост со спойлером, видный гостю (клик по дате в сообщении)
Поделиться5Пн, 6 Июн 2016 13:24:11
Вдумчивый
Попробуйте в скрипте Спойлера этот кусок:
$(".post-box .quote-box.spoiler-box div[onclick*='toggleClass']").click(function(){
$(this).next('blockquote').toggle('Slow');
$(this).toggleClass('Active');
$(this).find('span:eq(0),span:eq(1)').toggleClass('hide').toggleClass('visible');
});
Заменить на такой:
$(".post-box .quote-box.spoiler-box div[onclick*='toggleClass']").on('click',function(){
$(this).toggleClass('Active').next().slideToggle(300);
$(this).find('span:eq(0),span:eq(1)').toggleClass('hide').toggleClass('visible');
});
Поделиться6Пн, 6 Июн 2016 13:35:22
Не работает....
Поделиться7Пн, 6 Июн 2016 13:41:06
Вот кусочек :
$(".post-box .quote-box.spoiler-box div[onclick*='toggleClass']").on('click',function(){ $(this).toggleClass('Active').next().slideToggle(300); $(this).find('span:eq(0),span:eq(1)').toggleClass('hide').toggleClass('visible'); }); }); -может убрать? </script><!-- Правки для спойла сервиса НТML верх-->
Отредактировано Вдумчивый (Пн, 6 Июн 2016 13:41:47)
Поделиться8Пн, 6 Июн 2016 14:04:10
Вдумчивый
Cпойлер не работает совместно с (сто раз обсуждалось) (У Вас он в HTML верх
<script type="text/javascript" language="javascript" src="http://lytebox.com/lib/lytebox/lytebox.js"></script>
<link rel="stylesheet" href="http://lytebox.com/lib/lytebox/lytebox.css" type="text/css" media="screen" />
Нун тогда скрипт в атрибуте onclick заменять на вызов внешней функции , лайт бох портит $(this)
Поделиться9Вт, 7 Июн 2016 09:12:11
Cпойлер не работает совместно с (сто раз обсуждалось)
Обсуждалось, говорите? ПЕРВЫЙ РАЗ СЛЫШУ...
(У Вас он в HTML верх
Значит в HTML низ? Слышал перемещают туда script Не внимательный...
Нун тогда скрипт в атрибуте onclick заменять на вызов внешней функции
Не понял.
лайт бох портит $(this)
Значит - удалить?
Deff, а можно полный код?
Поделиться10Вт, 7 Июн 2016 09:29:42
Вдумчивый
1. Выкиньте это, скрипт все равно не работает
<script type="text/javascript" language="javascript" src="http://lytebox.com/lib/lytebox/lytebox.js"></script>
<link rel="stylesheet" href="http://lytebox.com/lib/lytebox/lytebox.css" type="text/css" media="screen" />
2. Поменяйте весь Код Спойлера на такой:
<style type="text/css"> /*Спойлер */ .punbb .quote-box.spoiler-box{ border:#C6C6CF 1px solid; border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; box-shadow: 0px 2px 4px #8E8E8E; -webkit-box-shadow: 0px 2px 4px #8E8E8E; -khtml-box-shadow: 0px 2px 4px #8E8E8E; -moz-box-shadow: 0px 2px 4px #8E8E8E; } .post-content .spoiler-box > blockquote.visible { display: none;}.punbb .spoiler-box blockquote { min-width: 100%!important; } .post-content .spoiler-box span.hide{ display:none; } .post-content .spoiler-box .Title span{ color:#fff;font-weight:700;text-shadow:#838379 1px 1px 1px; } .post-content .spoiler-box .Title{ background-color:#D5E9FB; line-height:22px; border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; display:inline-block;padding-right:4px; } .post-content .spoiler-box .Title.Active{ background-color:#AFF0A8; } #button-spoiler {background:url('http://img706.imageshack.us/img706/1943/spoiler.gif') no-repeat center !important;} </style> <script type="text/javascript"> function tag_spolierr(){ var enterTITLE = prompt("Введите описание закрытой кнопки", 'Спойлер'); var enterTITLE2 = prompt("Введите описание открытой кнопки", 'Закрыть'); bbcode('[spoiler='+enterTITLE+'|'+enterTITLE2+']','[/spoiler]'); } var image_Spl="<img width=\"34\" src=\"http://savepic.net/700536.png\" class=\"Sp-button\" onmousedown=\"this.src='http://savepic.net/680056.png'\" onmouseup=\"this.src='http://savepic.net/700536.png'\" onmouseout=\"this.src='http://savepic.net/700536.png'\" style=\"margin:-8px 6px 0 -28px;float:left;\" alt=\"'Кнопка'\"/>"; $(function() {var a='<img onclick="tag_spolierr()" title="spoiler" src="/i/blank.gif"/>' $("#form-buttons td#button-spoiler img").replaceWith(a); var spl=$(".post-box .quote-box.spoiler-box div[onclick*='toggleClass']"); spl.each(function() { $(this).addClass('Title'); $(this).html($(this).html().replace(/(.*)?\|(.*)?/img,'<span class="visible">$1</span><span class="hide">$2</span>')) $(this).prepend(image_Spl); $(this).attr('onclick',"$(this).toggleClass('Active').next().slideToggle(300);$(this).find('span:eq(0),span:eq(1)').toggleClass('hide').toggleClass('visible')"); });}); </script><!-- Правки для спойла сервиса НТML верх-->
Поделиться11Вт, 7 Июн 2016 10:06:13
Поменяйте весь Код Спойлера на такой:
Спасибо огромное! Все прекрасно работает! +
Поделиться12Пн, 7 Ноя 2016 21:53:34
Доброго времени дня.
У меня тоже не работает.
Я воспользовалась Вашим исправлением , но в форме ответа не появилась кнопка сплойера - http://img706.imageshack.us/img706/1943/spoiler.gif
Заменила на другую кнопочку .
Поделиться13Пн, 7 Ноя 2016 21:55:11
akse178
Ссылку на пост с нерабочим спойлером(клик по дате в сообщении)