Компьютерный форум OSzone.net  

Компьютерный форум OSzone.net (http://forum.oszone.net/index.php)
-   Вебмастеру (http://forum.oszone.net/forumdisplay.php?f=22)
-   -   [решено] Раскрывающийся текст в HTML. (http://forum.oszone.net/showthread.php?t=204858)

berkut_174 15-04-2011 13:09 1658933

Раскрывающийся текст в HTML.
 
Нужно чтобы информация пряталась под "спойлером" и при нажатии список раскрывался. Как такое чудо можно сделать ?

Ment69 15-04-2011 13:24 1658945

berkut_174, Заходим в теги форума и находим "раскрывающийся текст" или "раскрывающийся текст с заголовком", потом идите в "тест-форум" и тренируетесь там с этими и другими тегами :) Удачи!

berkut_174 15-04-2011 13:30 1658953

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

freese 15-04-2011 14:18 1658999

berkut_174, если в хтмл страничку, то гугли в сторону jscript сворачивающийся список

berkut_174 15-04-2011 15:41 1659068

То есть по простому никак ...
Ладно всё ж попробую , спасибо.
Нашел такое:
Код:

<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 2811476

Спасибо! Зарегистрировалась специально, чтобы это сказать. Измучилась в поисках нужного кода...

Yewgeniy 06-05-2018 18:47 2812340

<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>

отсюда

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


Время: 23:23.

Время: 23:23.
© OSzone.net 2001-