Спойлер с заменой

[YourBunnyBallOne]

Ищу спойлер такой как тут http://homenet.corbina.net/index.php?showtopic=227479 .

На этом форуме еще темки про такой небыло.

Изменено 12 Марта 2009 пользователем Arhar
учитесь называть темы правильно

[Arhar]

дополнительный ббкод имхо

function Showspoiler(block)
{
  block.parentNode.getElementsByTagName('span')[0].style.display="";
  block.parentNode.removeChild(block);
}

яваскрипт обеспечения

и ббкод

[hiddenspoileryoucannameasyouwish]

<div><span style="display:none">{content}</span><input type="button" onclick="Showspoiler(this);" value="Отобразить скрытый текст" class="bginput"></div>

или с опциями

<div><span style="display:none">{content}</span><input type="button" onclick="Showspoiler(this);" value="{option}" class="bginput"></div>

 

не совсем уверен, что так, доп ббкоды это ересь, но разберетесь

[Grandsire]

Arhar

 

 

Раз уж тема по спойлерам,то вопрос такого плана: как в этом вв-коде текстовые надписи заменить иконками?

 

<div style="margin:20px; margin-top:5px">
<div class="smallfont" style="margin-bottom:2px"><b>Скрытая информация:</b> <input type="button" value="Показать" style="width:60px;font-size:10px;margin:0px;padding:0px;" onClick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = '';		this.innerText = ''; this.value = 'Скрыть'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Показать'; }">
{option}</div>
<div class="spoiler" style="margin: 0px; padding: 6px; border: 1px inset;">
<div style="display: none;">
{content}
</div></div></div>

"Показать"-одна иконка

"Скрыть"-другая..

Как сделать первую-получилось..в качестве второй использую текстовую букву Х.,типа закрыть..Но не совсем то,что нужно.

<div class="spoiler1">
<div class="spoiler2"><input type="button" value="" style="width:30px;weight:30px;color: #FF0000; font-weight: 900;font-size: 16px; padding: 3px;border:none;background: transparent url(/box_out.png);cursor:hand"	onClick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = '';	   this.innerText = ''; this.value = 'X'} else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = ''; }">{option}
</div>
<div class="spoiler3">
<div style="display: none;">
{content}
</div></div></div>

Плюс оформление через css

 

А вот заменить "скрыть" иконкой-никак)))

 

Пример как работает сейчас можно посмотреть тут

http://hondamaster.ru/index.php?showtopic=4

[Arhar]

почему никак? какой иконкой? html img src?

[Grandsire]

почему никак? какой иконкой? html img src?

Они в корневой папке лежат.,путь надо указать в скрипте.)куда именно вставить для второй иконки на режим сворачивания спойлера не могу разобраться

[Grandsire]

Arhar

Подскажите?