вот написал скрипт для спойлера.
Поддерживает множественные спойлеры и даже встроенные
Работает по принципу bbcode, тоесть есть тег
Свернутый текст
текст внутри которого превращается в спойлер. Для удобства добавил кнопочку в панели над формой ответа. (Чтобы поменять картинку на свою замените адрес выделенный жирным)
/* картинка предоставлена MegaMan*/
ВСТАВЛЯЕМ В html-НИЗ!!!
конечно удобнее его вставить в html в форме ответа, но тогда гости не смогут видеть его.
ВНИМАНИЕ! Никакой защиты от дурака в нём нет, так что следите за правильностью написания тегов чтобы не получилось билеберды.
Код:
<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(14).innerHTML="<img onclick=\"insert_text('[spoiler]', '[/spoiler]')\" src='http://karpoff.5bb.ru/uploads/karpoff/2_spoiler.gif' alt='Спойлер' />" </script>