| dimich22 |
10-08-2007 11:06 625758 |
тэг more
Добрый день всем!
Практически совсем не знаком я с html, поэтому даже в тематический раздел не решился написать))
Буквально один вопрос: а как сделать на html странице, чтобы по нажатию на "читать дальше" открывался скрытый текст. На нашем форуме такая возможность есть. |
| Strange_V |
10-08-2007 11:52 625789 |
Делается при помощи JavaScript используя стиль блока div (display).
Можно взять прямо с этого форума (глянув в html код), но как на это посмотрят админы..
|
| dimich22 |
10-08-2007 12:13 625798 |
...я никому об этому не скажу))
Вот, нашел близкий вариант:
Код:
Текст
<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 |
10-08-2007 12:36 625815 |
Цитата:
Цитата dimich22
Вот, нашел близкий вариант:
|
Как-то все сложно..
Вот так сделали здесь на форуме:
PHP код:
<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 |
10-08-2007 12:58 625828 |
Да, я тоже нашел этот вариант на нашем форуме. Почему-то не подумал, что его можно будет отсюда взять. А кнопочка мне тоже понравилась))
|
Так у нас:
PHP код:
<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>
Можно с кнопочкой (вариация):
PHP код:
<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 |
10-08-2007 14:35 625885 |
Blast, Кнопочка - красотища)) Спасибо.
|
Время: 03:53.
© OSzone.net 2001-
