ForumD.ru - Дизайн для форумов, скрипты для форумов, техническая поддержка

Объявление

Проект от команды FD

☑ Поиск роли, партнёра, игрока.
☑ Легко. Удобно. Современно.
☑ Мы в процессе разработки.

Читать спойлеры

Загадочный Дом «Кузнечик»

Форумные игры, кино, позитивное отношение и душевное общение!
Есть в мире место, где душе тепло...
Заходи, мы будем тебе рады!

Подробнее

Мийрон

Качественный пиар быстро и недорого.
Красивейшие дизайны по низким ценам.
Каталог ролевых игр.

Подробнее

FD Chat - Чат на вашем форуме

Чат на отдельной странице на форуме. Без регистрации, используются форумные аккаунты.
Стоимость: 1500р
Первым 10 покупателям скидка 20%.

Подробнее

Дизайн «Warlords of Draenor»

Детализированный rpg-дизайн для MyBB форума гильдии «Warlords of Draenor»
Стоимость при покупке эксклюзивно: 6300р
В стоимость входит настройка и корректировка дизайна под ваш проект.

Подробнее

Поддержать проект

Если у вас есть желание помочь нам сделать наш проект лучше:
Реклама на сайтеПредложения
Стать модераторомОтзывы

Подробнее
Начался второй тур лотереи для форумов "Новогодний кот". Подаём заявки на участие до 8.12. Не пропустите!
Ищешь чем бы украсить свой форум или сайт к Новому году? 🎄 Мы поможем нарядиться! 🎄

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

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



Простой HTML-спойлер

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

1

HTML-спойлер
Сокрытие HTML контента под кнопку/ссылку с разворачиванием при нажатии.
https://forumupload.ru/uploads/0007/e3/f7/6822/667625.jpg

Автор: sadhaka
Платформа: любая

Первым делом огромное спасибо sadhaka за её деятельность! Именно она дала этот скрипт!

Как известно хтмл-скрипт убирает под картинную кнопочку любые хтмл-элементы, будь то навигация или еще что нибудь.
эт

Скрытый текст:

Для просмотра скрытого текста - войдите или зарегистрируйтесь.

а это туда, где вам спойлер нужен:

   

Скрытый текст:

Для просмотра скрытого текста - войдите или зарегистрируйтесь.

если будете ставить несколько спойлеров и хотите, чтобы они открывались по отдельности, то в последующих спойлерах циферку "1" меняете на 2, 3 и т.д.

если хотите, чтобы при наведении курсора на заголовок спойлера, курсор становился "лапкой", то ставите это, можно в хтмл-верх

Скрытый текст:

Для просмотра скрытого текста - войдите или зарегистрируйтесь.

И еще раз спасибо sadhaka!

Отредактировано Герда (16.05.13 09:38)

Подпись автора

ForumD.ru очень нужны подписчики и социальных сетях и на YouTube!

https://forumstatic.ru/files/0007/e3/f7/42799.png   https://forumstatic.ru/files/0007/e3/f7/10336.png   https://forumstatic.ru/files/0007/e3/f7/85578.png

С увеличением количество подписчиков, нам откроются новые возможности и функционал.
Если хочешь поддержать наш проект - просто подпишись! :)

0

2

спойлёр не работает
всё пишется так же как и в окне сообщения - кодом

0

3

Светлый
ну собственно этот спойлер и не для постов, а для тех мест где разрешен html
а с постами, вам сюда Спойлер - сокрытие информации под кнопку (обновленный, сокращенный)

0

4

Поставила два спойлера в боковую панель. один не открывается... вот его код, посмотрите, может я ошиблась где-то?
хтмл-верх:
<h3><!--Шапка спойлера-->
    <div class="spoilertop" onClick="openClose('2')">
  <img src="http://www.imageup.ru/img99/modery685087.png">
    </div>
    <!--Содержание спойлера-->
    <div class="spoilerbox" id="1" style="display:none;">
  <p><br><br>
<a href="http://gatela.rolka.su/profile.php?id=12" onMouseOver="imgOn('img4')"; onMouseOut="imgOff('img4')"><img src="http://savepic.su/205465.gif" name=img4></a><a href="http://gatela.rolka.su/profile.php?id=15" onMouseOver="imgOn('img5')"; onMouseOut="imgOff('img5')"><img src="http://savepic.su/200354.gif" name=img5></a>
    </div><font size=1> </h3>

хтмл-низ:
<!--Скрипт хтмл-спойлера-->
    <script language="JavaScript" type="text/javascript">
    function openClose(id)
    {
    var obj = "";

    // Check browser compatibility
    if(document.getElementById)
    obj = document.getElementById(id).style;
    else if(document.all)
    obj = document.all[id];
    else if(document.layers)
    obj = document.layers[id];
    else
    return 2;

    // Do the magic :)
    if(obj.display == "")
    obj.display = "none";
    else if(obj.display != "none")
    obj.display = "none";
    else
    obj.display = "block";
    }
    </script>
    <!--/Скрипт хтмл-спойлера-->

0

5

Эммили написал(а):

div class="spoilertop" onClick="openClose('2')">

здесь 2

Эммили написал(а):

<div class="spoilerbox" id="1" style="display:none;">

а здесь почему 1?
приведите к одному знаменателю.

В одном спойлере должны быть одинаковые цифры в шапке и содержимом.
Т.е. в первом  - единички, во втором - двойки и т.д.

0

6

sadhaka спасибо за ответ)

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

...Не в ту тему = удалите плиз пост

не имею таких полномочий

0

7

Здравствуйте!

Скажите, можно ли добавить значение для "spoilertop" при открытом спойлере? То есть, чтобы кнопки (надписи/картинки) для свернуть и развернуть были разными?

0

8

Helle

Juj|Juj

ghjfjgh

JuJ|UJU
Подпись автора

Яочень весёлый чувак, я прекрасен и удивителен, но сейчас я не в настроении…

The Vampire Diaries | Soul Love

http://s1.uploads.ru/i/a6r58.gif

0

9

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

Скажите, можно ли добавить значение для "spoilertop" при открытом спойлере? То есть, чтобы кнопки (надписи/картинки) для свернуть и развернуть были разными?

мне тоже интересно

0