Перейти к контенту

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


Рекомендуемые сообщения

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

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

Изменено пользователем 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>

 

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

Ссылка на комментарий
Поделиться на других сайтах

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

Ссылка на комментарий
Поделиться на других сайтах

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

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

Ссылка на комментарий
Поделиться на других сайтах

Присоединиться к обсуждению

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

Гость
Unfortunately, your content contains terms that we do not allow. Please edit your content to remove the highlighted words below.
Ответить в этой теме...

×   Вы вставили отформатированный текст.   Удалить форматирование

  Допустимо не более 75 смайлов.

×   Ваша ссылка была автоматически заменена на медиа-контент.   Отображать как ссылку

×   Ваши публикации восстановлены.   Очистить редактор

×   Вы не можете вставить изображения напрямую. Загрузите или вставьте изображения по ссылке.

Зарузка...
×
×
  • Создать...

Важная информация

Находясь на нашем сайте, вы соглашаетесь на использование файлов cookie, а также с нашим положением о конфиденциальности Политика конфиденциальности и пользовательским соглашением Условия использования.