Еще раз - оформление можно сделать каким угодно - там есть рабочий пример - пост 676
ща гляну.
Отредактировано kosoy (Пт, 23 Мар 2012 16:28:48)
Единый форум поддержки |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » Единый форум поддержки » Архив » Обновленный спойлер
Еще раз - оформление можно сделать каким угодно - там есть рабочий пример - пост 676
ща гляну.
Отредактировано kosoy (Пт, 23 Мар 2012 16:28:48)
Не очень спойлер[spoiler="asdasd"][spoiler="Свернутый текст"]простой и не очень удобынй(
А описание закрытой кнопки не пишется
Ня те трансформированный - В HTML верх с двумя описаниями
<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; } #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]'); } </script> <script type="text/javascript"> var image_Spl="<img width=\"34\" src=\"http://savepic.net/700536.png\" class=\"Sp-button\" onclick=\"$(this).parents('div.spoiler').children('div.show-hide').toggle('slow'),$(this).parents('div.spoiler').find('span.show-hide').toggle()\" 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=\"'Кнопка'\"/>"; $(document).ready(function() {a='<img onclick="tag_spolierr()" title="spoiler" src="/i/blank.gif"/>' $("#form-buttons td#button-spoiler img").replaceWith(a); $(".post-box .quote-box.spoiler-box div[onclick*='toggleClass']").each(function() { $(this).html($(this).html().replace(/(.*)?\|(.*)?/img,'<span class="visible">$1</span><span class="hide">$2</span>')) $(this).prepend(image_Spl) }); $(".post-box .quote-box.spoiler-box div[onclick*='toggleClass']").click(function(){ $(this).next('blockquote').toggle('Slow'); $(this).find('span:eq(0),span:eq(1)').toggleClass('hide').toggleClass('visible'); }); }); </script><!-- Правки для спойла сервиса НТML верх-->
Отредактировано Deff (Пт, 23 Мар 2012 17:16:17)
Deff
а можно убрать зеленую кнопочку в самом спойлере? так, чтобы только текст был? к примеру, Открыть\закрыть и все, без зеленой стрелки слева?
а можно убрать зеленую кнопочку в самом спойлере? так, чтобы только текст был? к примеру, Открыть\закрыть и все, без зеленой стрелки слева?
The First Lady
<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; } #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]'); } </script> <script type="text/javascript"> $(document).ready(function(){ $(".post-box .quote-box.spoiler-box div[onclick*='toggleClass']").each(function() { $(this).html('<button type=text style="margin-left:-20px;">'+$(this).html().replace(/(.*)?\|(.*)?/img,'<span class="visible">$1</span><span class="hide">$2</span>')+'</button>') }); $(".post-box .quote-box.spoiler-box div[onclick*='toggleClass']").click(function(){ $(this).next('blockquote').toggle('Slow'); $(this).find('span:eq(0),span:eq(1)').toggleClass('hide').toggleClass('visible'); }); }); </script><!-- Правки для спойла сервиса НТML верх-->
Отредактировано Deff (Сб, 24 Мар 2012 01:17:05)
Я так и чувствовал что когда доделаю спойлер, Admin встроит спойлер в сам движок форумов
я поэтому и не дёргался, хотя ещё сегодня ночью колдовал с фильтрами селекторов на предмет несрабатывания бб-кодов в теге [код] ))
Ставить спойлер скриптом больше нет необходимости. Удалите его.
У меня на форуме уже очень давно используется скрипт спойлера
Мне помоему легче новую кнопку убрать чем скрипт)))
Хотя бы потому что скриптом спойлер реализован красивее.
Вопрос: если скрип уберу, то что сейчас под спойлером
[spoiler]скрытый текст[/spoiler]
исчезнет?
Мне помоему легче новую кнопку убрать чем скрипт)))
Кстати дайте скрипт чтобы убрать эту новую кнопку, я думаю многим пригодится кому не понравилось нововведение
prizrak, я же его написал и опубликовал в соответствующей теме: 18 ноября 2011г.: Изменения в форме ответа
prizrak
Есть правки, позволяющие старый спойлер отображать через новый - без изменений -см ссылку по Гоблину
RUSSIAN_GOBLIN
Deff
по моему легче попросить админа чтобы новый спойлер работал "без заголовка" т.е. с такими тегами:
[spoiler][/spoiler]
и тогда смело можно убирать все старые скрипты)
по моему легче попросить админа чтобы новый спойлер работал "без заголовка" т.е. с такими тегами:
По моему не сложно в Цензуре поставить замену
[spoiler] [spoiler=скрытый текст]
Кстати дайте скрипт чтобы убрать эту
новую кнопку, я думаю многим пригодится кому не понравилось нововведение
Сама книжка мне нормально, и классно что теперь и при редактировании есть спойлер, но плюс честно- раздражает.
![]()
ruslan_as
А чо тупо поставить скрипт из поста 298 в этой теме ? (он убирает крест
поставила скрипт из 298 поста.
Спасибо, это уже почти здорово!
С первого взгляда все хорошо, но например, в старых сообщения, где много картинок использовано, спойлер не работает вот здесь
и еще заметила странную штуку: когда пыталась просмотреть вариант спойлера, не отправляя сообщение, то после открытия\закрытия кнопки (то есть просто проверки) происходило автомат.опубликование сообщения
The First Lady
Попробуйте убрать скрипт Из HTML низ
<!--audio в одном v.2.3--> <script type="text/javascript"> var player; $(function(){ $('td#button-code').before('<td style=\'background-image:url("http://uploads.ru/i/W/Q/P/WQPBO.gif")\' onclick="tag_play()"><img src="/i/blank.gif" title="Загрузить музыку"></td>'); $("div.post-content").map(function () { text = $(this).html(); if(text.indexOf("zippyshare.com") != -1) { player = /\[audio\]http:\/\/www(\d+)\.zippyshare\.com\/v\/(\d+)\/file\.html\[\/audio\]/gi $(this).html(text.replace(player, "<br /><embed type='application/x-shockwave-flash' src='http://api.zippyshare.com/api/mediaplayer/mediaplayer.swf' flashvars='height=20&width=400&file=http://www$1.zippyshare.com/downloadMusic%3Fkey%3D$2%26&volume=80&autostart=false&frontcolor=0x000000&backcolor=0xffffff&lightcolor=0x000000&type=flv' quality='high' menu='false' wmode='transparent' allowscriptaccess='always' height='20' width='400' name='mp3player' border='0' style='margin-bottom: 6px;'/>"));} if(text.indexOf("promodj.ru") != -1) { player = /\[audio\]http:\/\/(.*?)\.promodj\.ru\/(.*?)\/(\d+)\/(.*?)\.html\[\/audio\]/gi $(this).html(text.replace(player, "<br /><embed src='http://i.cdn.promodeejay.net/swf/bigwaveplayer_release9.swf' type='application/x-shockwave-flash' wmode='transparent' width='100%' height='150' allowFullScreen='true' flashvars='link=http%3A%2F%2Fpromodj.ru%2Fprelisten%2F$3%2Fbobmarley%3Fwtf%3D0.41394098338022567%26no_external%3D1&wave=http%3A%2F%2Fpromodj.ru%2Fwaveform_prelisten%2F$3%2Fbobmarley.png%3Fwtf%3D0.41394098338022567%26stub%3D1&slowChannel=1&autostart=0&volumePercent=100&wavecolor=12982542'></embed>")); } if(text.indexOf(".mp3") != -1) { player = /\[audio\](.*?)\[\/audio\]/gi $(this).html(text.replace(player, "<br /><embed src='http://www.demo-music.ru/pleer/pleer4.swf' type='application/x-shockwave-flash' allowscriptaccess='always' wmode='transparent' flashvars='comment=demo-music.ru&st=http://www.demo-music.ru/pleer/style_pleer.txt&file=$1' width='470' height='33'>")); } }); }); function tag_play() {var FoundErrors = ''; var enterURL = prompt("Введите ссылку на музыку с promodj.ru, zippyshare.com или прямую ссылку формата .mp3 ", "http://"); if (!enterURL) {FoundErrors += " " + error_no_url;} if (FoundErrors) {alert("Ошибка!" + FoundErrors); return;} insert("[audio]" + enterURL + "[/audio]");} </script>
В данном случае http://poramor.rolevka.ru/viewtopic.php … 587#p27587 (на даной странице) исходный код спойлера не работает (Даж и без моего скрипта), т.е и исходный Код от сервиса, - поскольку конфликт на уровне jQuery
Отредактировано Deff (Сб, 24 Мар 2012 11:20:51)
исходный код спойлера не работает (Даж и без моего скрипта), т.е и исходный Код от сервиса, - поскольку конфликт на уровне jQuery
нет, если ваш скрипт не ставить, то все работает. Я убрала, можете посмотреть.
Я согласна уже оставить спойлер сервиса, подскажите тогда просто код, чтобы плавно открывался, пожалуйста, и чтобы конфликтов не было, если возможно)
а то попыталась поставить вот этот
<style type="text/css"> /*Спойлер */ .post-content .spoiler-box > blockquote.visible { display: none;}.punbb .spoiler-box blockquote { min-width: 100%!important; }</style> <script>$(document).ready(function() {$(".post-box .quote-box.spoiler-box div[onclick*='toggleClass']").click(function() {$(this).next('blockquote').toggle(3000)});});</script>
у меня снова там, где музыка и картинки, спойлер не открывается. поэтому все кода со спойлером снесла на данный момент
The First Lady
А ежели Скрипт отделить от css и поставить ниже скрипта от Romysh с Плеером ?
Воть эту часть
<script type="text/javascript">
$(document).ready(function(){
$(".post-box .quote-box.spoiler-box div[onclick*='toggleClass']").each(function() {
$(this).html('<button type=text style="margin-left:-20px;">'+$(this).html().replace(/(.*)?\|(.*)?/img,'<span class="visible">$1</span><span class="hide">$2</span>')+'</button>')
});
$(".post-box .quote-box.spoiler-box div[onclick*='toggleClass']").click(function(){
$(this).next('blockquote').toggle('Slow');
$(this).find('span:eq(0),span:eq(1)').toggleClass('hide').toggleClass('visible');
});
});
</script>
Добрый день! Помогите, пожалуйста. Выходит так, что сейчас у меня на форуме стоят два спойлера. Один наш, а второй от rusff. Как скрыть в панели ответа заводской вариант спойлера?
http://lastkoreanhero.rusff.ru/
Отредактировано Tay.SW. (Вс, 25 Мар 2012 14:40:59)
Tay.SW.
Ну от Rusff уберите
Tay.SW.
Ну от Rusff уберите
А как его убрать? Простите, лузера.
Не получается установить спойлер. | Корзина | Вс, 10 Янв 2010 |
Спойлеры. | Корзина | Пт, 11 Июн 2010 |
Спойлер | Корзина | Ср, 30 Мар 2011 |
Спойлер | Корзина | Ср, 22 Июн 2011 |
Поставил скрипт спойлера и форум "сломался" | Корзина | Чт, 14 Июл 2011 |
Вы здесь » Единый форум поддержки » Архив » Обновленный спойлер