Подскажите, можно поставить спойлер в сообщения?
Техническая поддержка сервиса Quadro.Boards |
Новости сервиса |
О форуме
Quadro.Support – это форум технической поддержки различных проектов и сервисов Quadro.Systems LLC,
на котором грамотные технические специалисты всегда смогут помочь вам в решении проблем, или же подсказать ответы на самые сложные вопросы.
Так же на форуме собрана обширная база знаний по различным аспектам наших сервисов. Не забывайте пользоваться поиском ;)
|
Полезные ссылки |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » Техническая поддержка сервиса Quadro.Boards » Корзина » Спойлер
Подскажите, можно поставить спойлер в сообщения?
Можно, вот только нужен вот этот скрипт:
<style type="text/css"> #button-spoiler {background-image:url('http://forumupload.ru/uploads/000c/65/17/462-1.gif'); padding:0; line-height:0; background-position:center; background-repeat:no-repeat} </style> <script> function addSpoiler(str,from,internal){ var pos=0,pos2=0,newpos=0 if((pos=str.indexOf("[spoiler]",from))==-1) return str; if((pos2=str.indexOf("[/spoiler]"),pos+9)==-1) return str; newpos=str.indexOf("[spoiler]",pos+9) if(newpos<pos2 && newpos!=-1) str=addSpoiler(str,pos+9,true) if((pos2=str.indexOf("[/spoiler]",pos+9))==-1) return str; str=str.substring(0,pos)+makeSpoiler(str.substring(pos+9,pos2))+str.substring(pos2+10,str.length) if( str.indexOf("[spoiler]")!=-1 && internal==false) str=addSpoiler(str,0,false) return str} function makeSpoiler(txt){ txt="<div class=quote-box style='padding:1px'><cite style='width:100%'>Спойлер <input style='width:80px;margin-left:70%;font-size:10px;' type='button' value='Показать' onclick='hideSpoiler(this)'></cite><blockquote style='display:none'>"+txt+"</blockquote></div>" return txt} function hideSpoiler(sp){ spoiler=sp.parentNode.parentNode.getElementsByTagName("blockquote")[0] if(spoiler.style.display=='none'){ spoiler.style.display='inline' sp.value='Скрыть'} else{ spoiler.style.display='none' sp.value='Показать'}} if(document.URL.indexOf("viewtopic.php")!=-1){ elm=document.getElementById("pun-main").getElementsByTagName("div") for(x in elm) if(elm[x].className=="post-content"){ var post=elm[x] post.innerHTML=addSpoiler(post.innerHTML,0,false)}} if(form=document.getElementById("form-buttons")) form.getElementsByTagName("tr")[0].insertCell(19).innerHTML="<img id=\"button-spoiler\" title=\"Спойлер\" onclick=\"bbcode('[spoiler]','[/spoiler]')\" src=\"/i/blank.gif\" />" </script>
Спасибо большооое)))
у меня не работает этот скрипт..
куда нужно вставлять?
html-низ? html в форме ответа?
html-низ? html в форме ответа?
Или в низ, или в форму ответа.
А как мне скрыть что-то под спойлер?
Patrick Stump
Зравствуйте.
А как мне скрыть что-то под спойлер?
Написать скрываемый текст между тегов спойлера.
rps
да, я уже разобралась.
все равно не работает.
ставлю этот код в форму ответа и у меня пропадают кнопки превью и отправки сообщения.
ставлю в хтмл-низ - просто без изменений.
Mystery
Попробуйте этот в форму ответа, там ещё и дополнительные цвета. Если цвета не нужны, то скажите
<style type="text/css"> #button-spoiler {background-image:url('http://forumupload.ru/uploads/0000/12/13/488-1.gif'); padding:0; line-height:0; background-position:center; background-repeat:no-repeat} </style> <script> function addSpoiler(str,from,internal){ var pos=0,pos2=0,newpos=0 if((pos=str.indexOf("[spoiler]",from))==-1) return str; if((pos2=str.indexOf("[/spoiler]"),pos+9)==-1) return str; newpos=str.indexOf("[spoiler]",pos+9) if(newpos<pos2 && newpos!=-1) str=addSpoiler(str,pos+9,true) if((pos2=str.indexOf("[/spoiler]",pos+9))==-1) return str; str=str.substring(0,pos)+makeSpoiler(str.substring(pos+9,pos2))+str.substring(pos2+10,str.length) if( str.indexOf("[spoiler]")!=-1 && internal==false) str=addSpoiler(str,0,false) return str} function makeSpoiler(txt){ txt="<div class=quote-box style='padding:1px'><cite style='width:100%'>Спойлер <input style='width:60px;margin-left:70%;font-size:10px;' type='button' value='Показать' onclick='hideSpoiler(this)'></cite><blockquote style='display:none'>"+txt+"</blockquote></div>" return txt} function hideSpoiler(sp){ spoiler=sp.parentNode.parentNode.getElementsByTagName("blockquote")[0] if(spoiler.style.display=='none'){ spoiler.style.display='inline' sp.value='Скрыть'} else{ spoiler.style.display='none' sp.value='Показать'}} if(document.URL.indexOf("viewtopic.php")!=-1){ elm=document.getElementById("pun-main").getElementsByTagName("div") for(x in elm) if(elm[x].className=="post-content"){ var post=elm[x] post.innerHTML=addSpoiler(post.innerHTML,0,false)}} if(form=document.getElementById("form-buttons")) form.getElementsByTagName("tr")[0].insertCell(19).innerHTML="<img id=\"button-spoiler\" title=\"Спойлер\" onclick=\"bbcode('[spoiler]','[/spoiler]')\" src=\"/i/blank.gif\" />" </script> <table><tr> <td onclick="return changeVisibility('mycolor', this)"><img src="http://forum.mybb.ru/i/color_swatch.png" alt="Мои цвета" /></td></tr></table> <div class="container" id="mycolor" style="display:none; width:200px"> <table cellspacing="0"> <tr> <td style="background-color:indigo" onclick="bbcode('[color=indigo]', '[/color]'); return changeVisibility('mycolor', this)"></td> <td style="background-color:thistle" Height="15px" onclick="bbcode('[color=thistle]', '[/color]'); return changeVisibility('mycolor', this)"></td> <td style="background-color:tomato" onclick="bbcode('[color=tomato]', '[/color]'); return changeVisibility('mycolor', this)"></td> <td style="background-color:yellowgreen" onclick="bbcode('[color=yellowgreen]', '[/color]'); return changeVisibility('mycolor', this)"></td> <td style="background-color:lightslategray" onclick="bbcode('[color=lightslategray]', '[/color]'); return changeVisibility('mycolor', this)"></td> <td style="background-color:lightpink" onclick="bbcode('[color=lightpink]', '[/color]'); return changeVisibility('mycolor', this)"></td> <td style="background-color:goldenrod" onclick="bbcode('[color=goldenrod]', '[/color]'); return changeVisibility('mycolor', this)"></td> <td style="background-color:blue" onclick="bbcode('[color=blue]', '[/color]'); return changeVisibility('mycolor', this)"></td> <td style="background-color:silver" onclick="bbcode('[color=silver]', '[/color]'); return changeVisibility('mycolor', this)"></td> <td style="background-color:aquamarine" onclick="bbcode('[color=aquamarine]', '[/color]'); return changeVisibility('mycolor', this)"></td> </tr> </table> </div>
у меня появилась кнопка с палитрой цветов, но кнопки "спойлер" нет..и он не работает.
какой должен быть бб-код спойлера?
ну вроде как код цитаты или код изображения.
?
Mystery
Текст
[spoiler]Текст[/spoiler]
Блин! Что-то оно так не отправляется на этом форуме Оо"
Mika
попробуйте поставить код с какими-то звездочками в коде, чтоб он не работал) а я уберу)) ну вроде:
[img*]...[/img*]
[spoiler*]Текст[/spoiler*]
<style type="text/css">
#button-spoiler {background-image:url('http://forumupload.ru/uploads/0000/12/13/488-1.gif'); padding:0; line-height:0; background-position:center; background-repeat:no-repeat}
</style>
<script>
function addSpoiler(str,from,internal){
var pos=0,pos2=0,newpos=0
if((pos=str.indexOf("[spoiler*]",from))==-1) return str;
if((pos2=str.indexOf("[/spoiler*]"),pos+9)==-1) return str;
newpos=str.indexOf("[spoiler*]",pos+9)
if(newpos<pos2 && newpos!=-1) str=addSpoiler(str,pos+9,true)
if((pos2=str.indexOf("[/spoiler*]",pos+9))==-1) return str;
str=str.substring(0,pos)+makeSpoiler(str.substring(pos+9,pos2))+str.substring(pos2+10,str.length)
if( str.indexOf("[spoiler*]")!=-1 && internal==false) str=addSpoiler(str,0,false)
return str}
function makeSpoiler(txt){
txt="<div class=quote-box style='padding:1px'><cite style='width:100%'>Спойлер <input style='width:60px;margin-left:70%;font-size:10px;' type='button' value='Показать' onclick='hideSpoiler(this)'></cite><blockquote style='display:none'>"+txt+"</blockquote></div>"
return txt}
function hideSpoiler(sp){
spoiler=sp.parentNode.parentNode.getElementsByTagName("blockquote")[0]
if(spoiler.style.display=='none'){
spoiler.style.display='inline'
sp.value='Скрыть'}
else{
spoiler.style.display='none'
sp.value='Показать'}}
if(document.URL.indexOf("viewtopic.php")!=-1){
elm=document.getElementById("pun-main").getElementsByTagName("div")
for(x in elm) if(elm[x].className=="post-content"){
var post=elm[x]
post.innerHTML=addSpoiler(post.innerHTML,0,false)}}
if(form=document.getElementById("form-buttons"))
form.getElementsByTagName("tr")[0].insertCell(19).innerHTML="<img id=\"button-spoiler\" title=\"Спойлер\" onclick=\"bbcode('[spoiler*]','[/spoiler*]')\" src=\"/i/blank.gif\" />"
</script>
Попробуйте этот код, только красные звёздочки уберите))
Отредактировано Mika (21.06.2010 18:49:07)
получилось))))
а можно какой-то код спойлера, чтобы были разные кнопки?
например, не "Спойлер Показать" и "Спойлер Скрыть", а что-нибудь другое?...
Можно вот так?:
ололо
Mystery
Попробуйте то удалить, а этот код вставить в НТМЛ-низ... Очень интересный спойлер
</script>
<!-- Спойлер -->
<style>
#button-spoiler {background-image:url('http://forumupload.ru/uploads/0000/12/13/488-1.gif'); padding:0; line-height:0; background-position:center; background-repeat:no-repeat; height:26px; width:100%}
</style>
<script type="text/javascript">
function tag_spoiler(){
var y = prompt("Введите описание закрытой кнопки",'');
if(y!='null' && y!='' && typeof(y)!='object' && typeof(y)!='undefined'){
var x = prompt("Введите описание открытой кнопки",'');
if(x=='null' || x=='' || typeof(x)=='object' || typeof(x)=='undefined') bbcode('[spoiler='+y+'*]','[/spoiler*]'); else bbcode('[spoiler='+y+'|'+x+']','[/spoiler*]');}
else bbcode('[spoiler*]','[/spoiler*]')
}
function addSpoiler(str,from,internal){
var pos=0,pos2=0,pos_c=0,pos_l=0,newpos=0,string='',close='',open='', max_length=25;
if((pos=str.indexOf("[spoiler",from))==-1) return str;
if((pos2=str.indexOf("[/spoiler*]"),pos+9)==-1) return str;
if(((pos_c=str.indexOf("*]",pos+8))!=-1) && ((pos_c!=pos+8)&&(pos_c!=pos+9))){
string = str.substring(pos+9,pos_c);
if((pos_l = string.indexOf("|"))!=-1){
close = string.substring(0,pos_l);
open = string.substring(pos_l+1,string.length);
}
else{
close = string;
open = string;
}
}
else{
close = 'Показать спойлер';
open = 'Скрыть спойлер';
}
open = (open.length > max_length) ? open.substring(0, max_length) : open;
close = (close.length > max_length) ? close.substring(0, max_length) : close;
newpos=str.indexOf("[spoiler",pos+9)
if(newpos<pos2 && newpos!=-1) str=addSpoiler(str,pos+9,true)
if((pos2=str.indexOf("[/spoiler*]",pos+9))==-1) return str;
str=str.substring(0,pos)+makeSpoiler(str.substring(pos_c+1,pos2),open,close)+str.substring(pos2+10,str.length)
if( str.indexOf("[spoiler")!=-1 && internal==false) str=addSpoiler(str,0,false)
return str;
}
function makeSpoiler(txt,open,close){
txt='<div class="quote-box" style="padding:1px;background: none; border: 0;"><cite style="width:100%;margin:0;"><input id="'+open+'" class="spoiler-button" style="width:140px;font-size:10px; margin:0;" type="button" value="'+close+'"></cite><blockquote class="quote-box" style="display:none; width: 100%;border: 1px solid black;margin:0;">'+txt+'</blockquote></div>'
return txt;
}
$(document).ready(function(){
$("div.quote-box > cite > input.spoiler-button").click(function(){
$(this).parents("div.quote-box:first").find("blockquote.quote-box:first").toggle("slow");
var a = $(this).attr('value');$(this).attr('value',$(this).attr('id'));$(this).attr('id',a);
});
});
if((document.URL.indexOf("viewtopic.php")!=-1) || (document.URL.indexOf("post.php")!=-1)){
elm=document.getElementById("pun-main").getElementsByTagName("div")
for(x in elm) if(elm[x].className=="post-content"){
var post=elm[x]
post.innerHTML=addSpoiler(post.innerHTML,0,false)
}
}
if(form=document.getElementById("form-buttons"))
form.getElementsByTagName("tr")[0].insertCell(16).innerHTML="<img id=\"button-spoiler\" title=\"Спойлер\" onclick=\"tag_spoiler('[spoiler*]','[/spoiler*]')\" src=\"/i/blank.gif\" />"
</script>
Отредактировано Mika (21.06.2010 19:10:26)
Mika
ух ты, действительно спойлер очень интересный))
спасибо большое, я только немного подбила под свой дизайн ширину, а так спасибо))
Спойлер наград в профиле | Скрипты и дополнения | 05.08.2018 |
Двойной спойлер информации профиля юзера в топике | Скрипты и дополнения | 01.08.2014 |
Спойлер | Корзина | 25.06.2011 |
проблема со спойлером | Корзина | 28.10.2010 |
проблема со спойлером | Корзина | 16.11.2010 |
Вы здесь » Техническая поддержка сервиса Quadro.Boards » Корзина » Спойлер