Имя пользователя:
Пароль:  
Помощь | Регистрация | Забыли пароль?  | Правила  

Компьютерный форум OSzone.net » Компьютеры + Интернет » Хочу все знать » [решено] тэг more

Ответить
Настройки темы
[решено] тэг more

Аватара для dimich22

В работе


Сообщения: 851
Благодарности: 215

Профиль | Сайт | Отправить PM | Цитировать


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

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

-------
Программа выполняет то, что вы ей приказали делать, а не то, что бы вы хотели, чтобы она делала.
Компьютерная литература Мой сайт Active Directory Сборник рецептов


Отправлено: 11:06, 10-08-2007

 

Аватара для Strange_V

Старожил


Сообщения: 222
Благодарности: 29

Профиль | Отправить PM | Цитировать


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

-------
Жизнь-это шахматная партия, по окончании которой и короли, и пешки ложатся в один ящик.

Это сообщение посчитали полезным следующие участники:

Отправлено: 11:52, 10-08-2007 | #2



Для отключения данного рекламного блока вам необходимо зарегистрироваться или войти с учетной записью социальной сети.

Если же вы забыли свой пароль на форуме, то воспользуйтесь данной ссылкой для восстановления пароля.


Аватара для dimich22

В работе


Сообщения: 851
Благодарности: 215

Профиль | Сайт | Отправить PM | Цитировать


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

Вот, нашел близкий вариант:
Код: Выделить весь код
Текст
 <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>
Создает кнопку и при нажатии на нее появляется/убирается скрытый текст

-------
Программа выполняет то, что вы ей приказали делать, а не то, что бы вы хотели, чтобы она делала.
Компьютерная литература Мой сайт Active Directory Сборник рецептов


Отправлено: 12:13, 10-08-2007 | #3


Аватара для Strange_V

Старожил


Сообщения: 222
Благодарности: 29

Профиль | Отправить PM | Цитировать


Цитата 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

Можно немного переделать или изменить если нужно.

-------
Жизнь-это шахматная партия, по окончании которой и короли, и пешки ложатся в один ящик.


Отправлено: 12:36, 10-08-2007 | #4


Аватара для dimich22

В работе


Сообщения: 851
Благодарности: 215

Профиль | Сайт | Отправить PM | Цитировать


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

-------
Программа выполняет то, что вы ей приказали делать, а не то, что бы вы хотели, чтобы она делала.
Компьютерная литература Мой сайт Active Directory Сборник рецептов


Отправлено: 12:58, 10-08-2007 | #5



Administrator


Сообщения: 25151
Благодарности: 3803

Профиль | Сайт | Отправить PM | Цитировать


Так у нас:
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 код), но как на это посмотрят админы.
нормально посмотрят, мы не жадные - пользуйтесь наздоровье

-------
FAQ по Windows 10 .::. Настройка Центра обновления в Windows 10 .::. Чистая установка Windows 10 – пошаговая инструкция

Это сообщение посчитали полезным следующие участники:

Отправлено: 13:51, 10-08-2007 | #6


Аватара для dimich22

В работе


Сообщения: 851
Благодарности: 215

Профиль | Сайт | Отправить PM | Цитировать


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

-------
Программа выполняет то, что вы ей приказали делать, а не то, что бы вы хотели, чтобы она делала.
Компьютерная литература Мой сайт Active Directory Сборник рецептов


Отправлено: 14:35, 10-08-2007 | #7



Компьютерный форум OSzone.net » Компьютеры + Интернет » Хочу все знать » [решено] тэг more

Участник сейчас на форуме Участник сейчас на форуме Участник вне форума Участник вне форума Автор темы Автор темы Шапка темы Сообщение прикреплено

Похожие темы
Название темы Автор Информация о форуме Ответов Последнее сообщение
perl тэг img cool2 Вебмастеру 2 22-11-2005 20:39
Почему невежливо использовать тэг <font> Guest Вебмастеру 18 29-04-2004 02:45




 
Переход