Единый форум поддержки |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » Единый форум поддержки » Архив » Обновленный спойлер
Спасибо Deffу за его вариант спойлера
Спасибо RUSSIAN_GOBLINу за его вариант спойлера
Спасибо Romychу за его вариант спойлера
Тут у каждого программиста есть свой вариант спойлера 
Тут у каждого программиста есть свой вариант спойлера
Готов сказать: "Спасибо каждому программисту за его вариант спойлера". А де смотреть? Я все-все-все посмотрю, 
но деффовский, в итоге оставлю 
у меня тоже он стоит.. и на многих форумах, где я сижу, стоит он же, не понимаю, зачем его переделывать?
То RUSSIAN_GOBLIN свой переделывает. От говорил же, от добра добра не ищут. Посмотрел спойлер свеженький RUSSIAN_GOBLINа с поста № 267, так он ваще не работает у мну. 
Зато двухвариантный с поста № 224 работает как часы. 
Как грится, нет предела совершенствованию. Так сказать, творческая неудовлетворенность (шо тоже хорошо )
Финальная версия спойлера:
Это в HTML-верх:
<style type="text/css">
#button-spoiler_r {background:url('http://img706.imageshack.us/img706/1943/spoiler.gif') no-repeat center !important;}
</style>
<script type="text/javascript">
FORUM.set('editor.spoiler_r', { name : 'Спойлер', onclick : function() {tag_spolier()} } );
function enSpoiler(){
$('div.code-box').each(function (){
codehtml=$(this).html();
code = codehtml.indexOf("[/spoiler]");
if(code==-1) return true;
while(code--){$(this).html($(this).html().replace(/\[spoiler/,"[*spoiler").replace(/\[\/spoiler\]/,"[+spoiler]"));}
});}
function deSpoiler(){
$('div.code-box').each(function (){
codehtml=$(this).html();
code = codehtml.indexOf("[+spoiler]");
if(code==-1) return true;
while(code--){$(this).html($(this).html().replace(/\[\*spoiler/,"[spoiler").replace(/\[\+spoiler\]/,"[/spoiler]"));}
});}
</script>Если нужен спойлер с описанием только открытой кнопки, в HTML-низ это:
<script type="text/javascript">
var code=0, codehtml='', sptext='';
$(function(){
$('input.spoiler-button').live('click',function(){
$(this).parents('div.spoiler-box:first').find('blockquote.quote-box:first').toggle('normal');
var a = $(this).attr('value');$(this).attr('value',$(this).attr('id'));$(this).attr('id',a);});
});
function tag_spolier(){var FoundErrors = '';
var enterTITLE = prompt("Введите описание открытой кнопки", 'Спойлер');
if(enterTITLE!=null)bbcode('[spoiler='+enterTITLE+']','[/spoiler]');}
function hideSpoiler(){
$('div.post-content').each(function (){
sptext = $(this).html();
if(sptext.indexOf("[/spoiler]")==-1) return true;
sptext=sptext.replace(/\[spoiler=(.*?)\]/gim, "<div class='spoiler-box' style='padding:1px;background: none;border: 0;'><input id='Закрыть' class='spoiler-button' style='width:auto;font-size:11px; margin:0; cursor: pointer; font-weight:bold' type='button' value='$1'><blockquote class='quote-box' style='display:none; width:auto;margin:0;'>").replace(/\[\/spoiler\]/gim, "</blockquote></div>");
$(this).html(sptext);
});
deSpoiler();
}
enSpoiler();
hideSpoiler();
</script>Если нужен спойлер с описанием обеих кнопок, в HTML-низ это:
<script type="text/javascript">
var code=0, codehtml='', sptext='';
$(function(){
$('input.spoiler-button').live('click',function(){
$(this).parents('div.spoiler-box:first').find('blockquote.quote-box:first').toggle('normal');
var a = $(this).attr('value');$(this).attr('value',$(this).attr('id'));$(this).attr('id',a);});
});
function tag_spolier(){var FoundErrors = '';
var enterTITLE = prompt("Введите описание закрытой кнопки", 'Спойлер');
var enterTITLE2 = prompt("Введите описание открытой кнопки", 'Закрыть');
if(enterTITLE!=null)bbcode('[spoiler='+enterTITLE+'|'+enterTITLE2+']','[/spoiler]');}
function hideSpoiler(){
$('div.post-content').each(function (){
sptext = $(this).html();
if(sptext.indexOf("[/spoiler]")==-1) return true;
sptext=sptext.replace(/\[spoiler=(.*?)\|(.*?)\]/gim, "<div class='spoiler-box' style='padding:1px;background: none;border: 0;'><input id='$2' class='spoiler-button' style='width:auto;font-size:11px; margin:0; cursor: pointer; font-weight:bold' type='button' value='$1'><blockquote class='quote-box' style='display:none; width:auto;margin:0;'>").replace(/\[\/spoiler\]/gim, "</blockquote></div>");
$(this).html(sptext);
});
deSpoiler();
}
enSpoiler();
hideSpoiler();
</script>Отредактировано RUSSIAN_GOBLIN (Чт, 22 Мар 2012 21:28:05)
Поставил новый спойлер, пропала кнопка "свернутый текст"
http://totenturm.rusff.ru/
Поставил новый спойлер, пропала кнопка "свернутый текст"
Ставить спойлер скриптом больше нет необходимости. Удалите его.
Ставить спойлер скриптом больше нет необходимости. Удалите его.
Жаль ....у меня он красивый был.А этот с плюсиком
Отредактировано ruslan_as (Пт, 23 Мар 2012 10:33:34)
Жаль ....у меня он красивый был.А этот с плюсиком
Надо просто с css повозиться. На самом деле реальнео сделать это так, что бы это выглядело как кнопка над цитатой.
Ставить спойлер скриптом больше нет необходимости. Удалите его.
Убрал, кнопка "свернутый текст" по-прежнему не отображается
http://totenturm.rusff.ru/
Ну... Как-то так. и 2 минуса:
1) остаётся некрасивая область:
2) если долго жать, текст кнопки выделяется...
Вечером попробую пофиксить
<style>
.post-content .spoiler-box {
margin-top:30px !important;
}
.post-content .spoiler-box > div, .post-content .spoiler-box > div.visible {
background: none repeat scroll 0 0 gray;
border: 1px solid;
cursor: pointer;
padding: 2px;
position: relative;
text-align: center;
top: -35px;
width: 150px;
background-color: gray;
}
.post-content .spoiler-box > blockquote {
display: none;
position: relative;
top: -20px;
margin-bottom: 0;
}
.post-content .spoiler-box > blockquote.visible {
display: block;
}
</style>
Убрал, кнопка "свернутый текст" по-прежнему не отображается
простой и не очень удобынй(
А описание закрытой кнопки не пишется
Отредактировано baron4ik (Пт, 23 Мар 2012 13:39:23)
baron4ik => Это легко дополняется => cм 18 ноября 2011г.: Изменения в форме ответа
Отредактировано Deff (Пт, 23 Мар 2012 13:41:36)
Ставить спойлер скриптом больше нет необходимости. Удалите его.
Подскажите, пожалуйста, как убрать новый спойлер. Старый был намного удобнее, красивее и функциональнее. Если снесем старый скрипт, все спойлеры на форуме (а за 2 года их много) полетят.
Мне бы просто убрать новый, чтоб было как раньше.
У меня вся панель пропала и так у всех юзеров. 
ссылка http://colorforum.ru/
Отредактировано colorforum (Пт, 23 Мар 2012 14:09:18)
Не очень спойлер
ваще фанаревый какой та, беее...
нет, чтоб опрос устроить среди пользователей, какой бы они хотели его видеть, так нет, на своё усмотрение ставят, видать наше мнение по...
Отредактировано kosoy (Пт, 23 Мар 2012 15:03:37)
kosoy
Чушня всё эти доводы - спойл от сервиса - мон теперь сделать - каким удобно, суть в том - что он скрывает инфу изначально, какой бы она длинючей не была - любой пользовательский скрипт - действует ток после загрузки страницы
Deff
ну может и так, мне вот его оформление не нравится.
kosoy
Еще раз - оформление можно сделать каким угодно - там есть рабочий пример - пост 676
Ыыыы!
Я так и чувствовал что когда доделаю спойлер, Admin встроит спойлер в сам движок форумов
RUSSIAN_GOBLIN
Хм - наработки остаюца.. BB-код спойлера - не последний из BB ( хотя теперь мон делать BB коды на базе спойла - а перепарсивать ток инфу в названии спойлера (поскольку она скрыта от взора до перепарса
| Не получается установить спойлер. | Корзина | Вс, 10 Янв 2010 |
| Спойлеры. | Корзина | Пт, 11 Июн 2010 |
| Спойлер | Корзина | Ср, 30 Мар 2011 |
| Спойлер | Корзина | Ср, 22 Июн 2011 |
| Поставил скрипт спойлера и форум "сломался" | Корзина | Чт, 14 Июл 2011 |
Вы здесь » Единый форум поддержки » Архив » Обновленный спойлер