Войти

Показать полную графическую версию : [решено] Раскрывающийся текст в HTML.


berkut_174
15-04-2011, 13:09
Нужно чтобы информация пряталась под "спойлером" и при нажатии список раскрывался. Как такое чудо можно сделать ?

Ment69
15-04-2011, 13:24
berkut_174, Заходим в теги форума (http://forum.oszone.net/misc.php?do=bbcode) и находим "раскрывающийся текст" или "раскрывающийся текст с заголовком", потом идите в "тест-форум" и тренируетесь там с этими и другими тегами :) Удачи!

berkut_174
15-04-2011, 13:30
Да это то я читал :)
Вопрос видимо некорректно поставил ...
Тогда так спрошу: я (предположим =) ) хочу создать в блокноте HTML документ. И там мне надо какой то текст спрятать (на форумах это называется "спойлер"), т.к. его очень много. Можо ли это сделать также как предположим ... бегущую строку ... или ...
Можно ли вот так сделать, безо всяких "наворотов" ?
з.ы. Сейчас вроде попонятней задал вопрос :)

freese
15-04-2011, 14:18
berkut_174, если в хтмл страничку, то гугли в сторону jscript сворачивающийся список

berkut_174
15-04-2011, 15:41
То есть по простому никак ...
Ладно всё ж попробую , спасибо.
Нашел такое:
<script type='text/javascript'>
function showHide(divId)
{
if ( document.getElementById(divId).style.display == 'block' )
document.getElementById(divId).style.display = 'none';
else
document.getElementById(divId).style.display = 'block';
}
</script>
<a href="#first" onclick="showHide('first');">Показать/Скрыть</a>
<div id="first" style="display:none">
Текст
</div>
<a href="#second" onclick="showHide('second');">Показать/Скрыть</a>
<div id="second" style="display:none">
Текст
</div>
СПАСИБО !!! Все работает :) Я счастлив ...
З.Ы. А ещё большое спасибо root и evgenijj (собственно скрипт их).

Nafanechka13
30-04-2018, 21:55
Спасибо! Зарегистрировалась специально, чтобы это сказать. Измучилась в поисках нужного кода...

Yewgeniy
06-05-2018, 18:47
<div id="spoiler" style="display:none"> This is the content </div>
<button title="Click to show/hide" type="button" onclick="if(document.getElementById('spoiler') .style.display=='none')
{document.getElementById('spoiler')
.style.display=''}else{document.getElementById('spoiler')
.style.display='none'}">Open/Close
</button>

отсюда (https://10fastfingers.com/text/2908-Programming-Language-HTML-1-Make-a-Simple-Spoiler-Code)

гуглится на раз по "simple spoiler code"




© OSzone.net 2001-2012