Форум поддержки пользователей ZeroParking

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

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


Вы здесь » Форум поддержки пользователей ZeroParking » Галерея скриптов » Spoiler. Спрятать информацию под спойлер


Spoiler. Спрятать информацию под спойлер

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

1

Я заметила, что на форумах, которые используют движок вроде этого, есть возможность спрятать часть текстовой или визуальной информации под спойлер, буквально, свернуть.
Для этого используются теги

Код:
[spoiler="Заголовок"]...[/spoiler]

В свернутом виде выглядит это так

+ Заголовок

Чторбы развернуть спойлер, нужно просто щелкнуть по плюсику
Возможно ли найти подходящий скрипт для 0pk? Это очень полезная вещь, особенно для тех ситуаций, когда в сообщении очень много информации. Иначе, страницу приходится слишком долго прокручивать, что приводит к тому, что тема вовсе остается не обсуждаемой

0

2

В html-низ:

Код:
<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>

Но это довольно старый скрипт, сейчас может его переделали и улучшили уже х.з.

+4

3

Спасибо большое, попробуем :jumping:

0

4

http://forumupload.ru/uploads/0002/25/06/8549-5.gif Это чтоли кнопка "Скрыть объявление"? Я трохи торможу...

0

5

Сахара написал(а):

Это чтоли кнопка "Скрыть объявление"? Я трохи торможу...

Можно ей скрывать все что угодно и объявление. Только не само слово - Объявление.

0

6

вот я хочу скрыть таблицу в объявлении. Как мне это сделать. Я просто не бум-бум в скриптах http://forumupload.ru/uploads/0002/25/06/8548-1.gif

0

7

Сахара
Для скрытия таблицы есть такой скрипт:

Код:
<script type="text/javascript">
    document.getElementById('pun-announcement').getElementsByTagName("div")[0].id="annbody"
    function lookCook()
    {
    if (document.cookie.indexOf("announce")!=-1)
    {var an1=document.cookie.substr(document.cookie.indexOf("announce"))
    var an=an1.substr(an1.indexOf("id")+2, 2)
    if (an=="op")
    {document.getElementById('annbody').style.display="block"
    var knopka="Скрыть "}
    else if (an=="cl")
    {document.getElementById('annbody').style.display="none"
    var knopka="Показать"}}
    else if (document.cookie.indexOf("announce")==-1)
    {document.getElementById('annbody').style.display="block"
    var knopka="Скрыть"}
    document.getElementById('pun-announcement').getElementsByTagName("h2")[0].innerHTML+="<div align='right'>"+"<input type='button'"+" id='hider'"+" value='"+knopka+"' "+"onclick='hideAnn() ; wCook()' /></div>"}

    lookCook()

    function hideAnn()
    {
    if (document.getElementById('annbody').style.display!="none")
    {document.getElementById('annbody').style.display="none"
    document.getElementById('hider').value="Показать"}
    else
    {document.getElementById('annbody').style.display="block"
    document.getElementById('hider').value="Скрыть"}
    }

    function wCook()
    {
    var ann="announce=id"
    if (document.getElementById('annbody').style.display!="none")
    {ann+="op"}
    else
    {ann+="cl"}
    var d=new Date()
    d.setDate(d.getDate()+1)
    ann+=";expires="+d.toGMTString()
    document.cookie=ann}

    </script>

0

8

Aska
и куда это?В хтмл низ,верх, само объявление..или форму ответа.

0

9

Anechka
в объявление куда ещё то!

0

10

D_the_B
Да вот именно что не получается в объявление. Просто ничего не происходит и все.

0

11

Неработает.

0

12

Все работает. У меня на сайте стоит этот скрипт и все прекрасно пашет.

0

13

Замечательно, все работает. Давно хотела сделать такое

0

14

а для чата

0

15

Diesel
большое спасибо, давно нужен был этот скрипт!))  http://forumupload.ru/uploads/0002/25/06/8547-2.gif

0

16

спасибо, очень пригодился

0

17

Вопрос- как слово показать/скрыть таблицу перенести влево?

0

18

Пасиб! Давно искала его! http://forumupload.ru/uploads/0002/25/06/8550-2.gif

0

19

А как сделать так, чтобы писался заголовок? А то у меня выдает просто

Код:
[spoiler] [/spoiler]

. А после отправки там написано: Спойлер - Показать.
Хотелось бы самой писать, что я туда засунула. Форум то у меня разноплановый...)

0

20

Kasu-chan написал(а):

А как сделать так, чтобы писался заголовок?

Никак.. разве кто то перепишет скрипт..

0

21

Прикольный скрипт, спасибо ^__^

0

22

Пасибки за скрипт! http://forumupload.ru/uploads/0002/25/06/8550-2.gif  http://forumupload.ru/uploads/0002/25/06/8550-2.gif  http://forumupload.ru/uploads/0002/25/06/8550-2.gif  http://forumupload.ru/uploads/0002/25/06/8550-2.gif  http://forumupload.ru/uploads/0002/25/06/8550-2.gif  http://forumupload.ru/uploads/0002/25/06/8550-2.gif  http://forumupload.ru/uploads/0002/25/06/8547-4.gif  http://forumupload.ru/uploads/0002/25/06/8547-4.gif  http://forumupload.ru/uploads/0002/25/06/8547-4.gif  http://forumupload.ru/uploads/0002/25/06/8547-4.gif  http://forumupload.ru/uploads/0002/25/06/8547-4.gif  http://forumupload.ru/uploads/0002/25/06/8547-4.gif  http://forumupload.ru/uploads/0002/25/06/8548-2.gif  http://forumupload.ru/uploads/0002/25/06/8548-2.gif  http://forumupload.ru/uploads/0002/25/06/8548-2.gif  http://forumupload.ru/uploads/0002/25/06/8548-2.gif

0

23

А можно одним из этих скриптов скрыть чат?

0

24

Спасибо огромное за скрипт :)

0

25

Скажите, можно сделать так, чтобы при нажатии на картинку открывались баннеры?

0

26

Эстер
Можно)

<div id="html-footer" class="section">
<div class="container"><div>
<input type="Button" value="ссылка на изображении при нажатии" onclick="return showhide(this)">
<p style="display:none">

тут пишем коды баннеров

</div>
<script>
function showhide(b){
p = b.parentNode.getElementsByTagName("p")[0]
if(b.value=="Просмотреть баннеры"){
b.value="Скрыть баннеры"
p.style.display="block"}
else{
b.value="Просмотреть баннеры"
p.style.display="none"}
return false}
</script>
</div>

0

27

Cпасибо, классный скрипт

0

28

Отлично!! Спасибо! http://forumupload.ru/uploads/0002/25/06/8550-2.gif  http://forumupload.ru/uploads/0002/25/06/8547-4.gif

0

29

Здравствуйте уважаемые!
Я работаю с php в шелле.У меня сайт типа торрентс.ру, но я во многом новичек.
Мне нужно узнать как скрыть информацию под сойлер
Подходит ли этот код:
<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("

Свернутый текст

",from))==-1) return str;
if((pos2=str.indexOf("

"),pos+9)==-1) return str;
newpos=str.indexOf("

Свернутый текст

",pos+9)
if(newpos<pos2 && newpos!=-1) str=addSpoiler(str,pos+9,true)
if((pos2=str.indexOf("

",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("

Свернутый текст

")!=-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]','

')\" src=\"/i/blank.gif\" />"
</script>
И куда здесь вставлять текст... Заранее спасибо

0

30

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

Мне нужно узнать как скрыть информацию под сойлер

скрипт спойлера лучше возьмите из ЭТОЙ ТЕМЫ пост №29

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

И куда здесь вставлять текст... Заранее спасибо

выделяете нужный текст или изображение, нажимаете кнопку спойлер [реклама вместо картинки]
и опубликовываете ваш пост,
всё что было выделенно окажется внутри спойлера

0


Вы здесь » Форум поддержки пользователей ZeroParking » Галерея скриптов » Spoiler. Спрятать информацию под спойлер


Рейтинг форумов | Создать форум бесплатно