[решено] тэг more

[dimich22]

Добрый день всем!

Практически совсем не знаком я с html, поэтому даже в тематический раздел не решился написать))
Буквально один вопрос: а как сделать на html странице, чтобы по нажатию на "читать дальше" открывался скрытый текст. На нашем форуме такая возможность есть. А как сделать это самому с помощью html?

[Strange_V]

Делается при помощи JavaScript используя стиль блока div (display).
Можно взять прямо с этого форума (глянув в html код), но как на это посмотрят админы..

[dimich22]

...я никому об этому не скажу))

Вот, нашел близкий вариант:
Текст
<SCRIPT LANGUAGE="Javascript">
var i=0;
function out_text()
{
if (i==1){
document.all.correct.style.display = "none";
i=0; }
else{
document.all.correct.style.display = ""; i=1; }
}
</SCRIPT>
<form>
<input type = "button"
value = "Жми сюда"
onClick = "out_text()">

</form>
<SPAN id=correct style="DISPLAY: none">
"..Фоpматиpованный текст.."
</SPAN> Создает кнопку и при нажатии на нее появляется/убирается скрытый текст

[Strange_V]

Вот, нашел близкий вариант:
Как-то все сложно..
Вот так сделали здесь на форуме:
<div>
<a href="#" onclick="var div = this.parentNode.getElementsByTagName('div')[0]; if(div.style.display != '') { div.style.display = ''; this.innerHTML = '« скрыть';}else{ div.style.display = 'none'; this.innerHTML = 'читать дальше »';} return false">читать дальше »</a>
<div style="display: none;">
А как сделать это самому с помощью html?
</div>
Можно немного переделать или изменить если нужно.

[dimich22]

Да, я тоже нашел этот вариант на нашем форуме. Почему-то не подумал, что его можно будет отсюда взять. А кнопочка мне тоже понравилась))

[Blast]

Так у нас:
<div>
<a href="#" onclick="var div = this.parentNode.getElementsByTagName('div')[0]; if(div.style.display != '') { div.style.display = ''; this.innerHTML = '« скрыть';}else{ div.style.display = 'none'; this.innerHTML = 'читать дальше »';} return false">читать дальше »</a>
<div style="display: none;">
непосредственно скрытый текст
</div>
</div>

Можно с кнопочкой (вариация):
<div style="margin:20px; margin-top:5px">
<div class="smallfont" style="margin-bottom:2px">
<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 = 'Показать'; }">
</div>
<div class="alt2" style="margin: 0px; padding: 6px; border: 1px inset;">
<div style="display: none;">
Скрытый текст </div>
</div>
</div>

Можно взять прямо с этого форума (глянув в html код), но как на это посмотрят админы.
нормально посмотрят, мы не жадные - пользуйтесь наздоровье :)

[dimich22]

Blast, Кнопочка - красотища)) Спасибо.