[решено] тэг 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]

Цитата dimich22:



Вот, нашел близкий вариант:



Как-то все сложно..

Вот так сделали здесь на форуме:

Код: Выделить всё

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

Цитата Strange_V:



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



нормально посмотрят, мы не жадные - пользуйтесь наздоровье

[dimich22]

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