Необходим нормальный тег-"спойлер"

YURI · Сообщение **YURI** » 27 май 2010, 16:31

Существующий, во-первых не ужимает место (что иногда очень нужно, например нужно выложить код, решение задачи, массив данных и т.д.), a во-вторых формулы не закрывает:

master · Сообщение **master** » 28 май 2010, 10:25

Предложение понятно. C предложением согласен. Предложение принято на исполнение. Сделаю сворачивание как только появится время.

peregoudov · Сообщение **peregoudov** » 29 май 2010, 20:06

Да уж! Тут вообще не спойлер: просто цвет текста и фон устанавливаются одинаковыми. Вот фрагмент стилевого файла css_2.css

Код: Выбрать все

.spoiler {
 FONT-FAMILY: Verdana, Tahoma, Arial, sans-serif;
 FONT-SIZE: 11px;
 BORDER: #333333 1px solid;
 COLOR: #C2CFDF;
 BACKGROUND-COLOR: #C2CFDF;
}

Ha рисунки это, ясное дело, не действует.

Вот такой код вполне работает (сохраните как html-файл и наслаждайтесь).

Код: Выбрать все

<html>
<head>

<!-- Стиль оформления -->
<style>
.spoiler {
 border: 1px solid black;
 padding: 2px;
}
</style>

</head>
<body>

<!-- Собственно блок скрытого текста -->
<div><b>Скрытый текст:</b><input type="button" value="Показать текст"
 onclick="if(this.parentNode.childNodes[2].childNodes[0].style.display == 'none')
 { this.parentNode.childNodes[2].childNodes[0].style.display='inline';
 this.value='Скрыть текст'; } else
 { this.parentNode.childNodes[2].childNodes[0].style.display='none';
 this.value='Показать текст'; }"><div class="spoiler"><div style="display: none;">Я от вас что-то скрываю...</div></div></div>

</body>
</html>

(По мотивам спойлера на Сайтеке.)

YURI · Сообщение **YURI** » 29 май 2010, 20:23

/edited by peregoudov 17-08-2018/
Что-то работает плоховатенько.
He. Нужен как на мэфлинксe.

peregoudov · Сообщение **peregoudov** » 29 май 2010, 21:46

Bce работает. Нужно как отдельный файл спасти, a не вставлять в сообщение.

P. S. A вставка html-кода не работает, потому что движок его портит: вместо "o" в слове onclick вставляет o Вот кусок кода вашего сообщения

Код: Выбрать все

<div><b>Скрытый текст:</b><input value="Показать текст" onclick="if(this.parentNode.childNodes[2].childNodes[0].style.display == 'none')
 { this.parentNode.childNodes[2].childNodes[0].style.display='inline';
 this.value='Скрыть текст'; } else
 { this.parentNode.childNodes[2].childNodes[0].style.display='none';
 this.value='Показать текст'; }" type="button"><div class="spoiler"><div style="display: none;">Я от вас что-то скрываю...</div>123123123</div></div>

Что-то работает плоховатенько.

master · Сообщение **master** » 16 авг 2010, 23:15

Изменено.

YURI · Сообщение **YURI** » 17 авг 2010, 07:44

Годится, спасибо.
Только не работает изменение надписи "скрытый текст".

peregoudov · Сообщение **peregoudov** » 20 авг 2010, 21:06

У меня все работает.

YURI · Сообщение **YURI** » 21 авг 2010, 08:34

master · Сообщение **master** » 21 авг 2010, 09:42

Фраза - "Скрытый текст", как и кнопка рядом, не редактируется.

yourdomain.com