Единый форум поддержки

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Единый форум поддержки » Вопросы по оформлению форума » Не работает спойлер


Не работает спойлер

Сообщений 1 страница 13 из 13

1

Ребята,  совсем недавно обнаружил - не работает спойлер.  Не подскажете, что случилось...?

http://visitorfriend.ru/

0

2

Может быть в настройках браузера что-то сбилось или конфликтуют скрипты...

0

3

Вдумчивый
Ссылку на пост со спойлером, видный гостю (клик по дате в сообщении)

0

4

Deff написал(а):

Ссылку на пост со спойлером, видный гостю (клик по дате в сообщении)

http://visitorfriend.ru/viewtopic.php?id=492#p10445

0

5

Вдумчивый
Попробуйте в скрипте Спойлера этот кусок:

$(".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');
});

0

6

Не работает....

0

7

Вот кусочек :

Код:
$(".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)

0

8

Вдумчивый
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)

0

9

Deff написал(а):

Cпойлер не работает совместно с  (сто раз обсуждалось)

Обсуждалось, говорите? ПЕРВЫЙ РАЗ СЛЫШУ...

Deff написал(а):

(У Вас он в HTML верх

Значит в HTML низ? Слышал перемещают туда script Не внимательный...

Deff написал(а):

Нун тогда скрипт в атрибуте onclick заменять на вызов внешней функции

Не понял.

Deff написал(а):

лайт бох портит $(this)

Значит - удалить?

Deff, а можно полный код?

0

10

Вдумчивый
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 верх-->

+1

11

Alex_63 написал(а):

Поменяйте весь Код Спойлера на такой:

Спасибо огромное! Все прекрасно работает! +

+1

12

Доброго времени дня.
У меня тоже не работает.
Я воспользовалась Вашим исправлением , но в форме ответа не появилась кнопка сплойера  - http://img706.imageshack.us/img706/1943/spoiler.gif
Заменила на другую кнопочку .

0

13

akse178
Ссылку на пост с нерабочим спойлером(клик по дате в сообщении)

0


Вы здесь » Единый форум поддержки » Вопросы по оформлению форума » Не работает спойлер