day & night

НАЙДЕНО!!:Есть ли альтернатива споилеру из форума, в HTML???
Дата обновления: , перейти к новому сообщению
icon14
#1
DimonNT



Грамотный
***

Группа: Пользователи
Сообщений: 221
Регистрация: 31.08.2008
Пользователь №: 1.051.682


Респектов: 1
-----X----


Предупреждений:


Есть ли альтернатива споилеру из форума в HTML???
т.е. Чтобы появилось название текста и при нажатии на него вниз выезжал сам текст...
User is offline
Go topGo end

Ответов(1 - 9)
9.06.2009 - 8:55
#2
middleman



профи!
[SoftoRooMTeaM] Group Icon

Группа: Наши Люди
Сообщений: 3.366
Регистрация: 15.03.2005
Из: Украина, Харьков
Пользователь №: 8.829


Респектов: 744
-----XXXX-




В HTML нет. только Javascript.
User is offline
Go topGo end
9.06.2009 - 8:57
#3
DimonNT



Грамотный
***

Группа: Пользователи
Сообщений: 221
Регистрация: 31.08.2008
Пользователь №: 1.051.682


Респектов: 1
-----X----


Предупреждений:


Ну хотябы Java....подскажите какой использовать....
User is offline
Go topGo end
9.06.2009 - 10:39
#4
middleman



профи!
[SoftoRooMTeaM] Group Icon

Группа: Наши Люди
Сообщений: 3.366
Регистрация: 15.03.2005
Из: Украина, Харьков
Пользователь №: 8.829


Респектов: 744
-----XXXX-




Можно таблицами можно дивами. В примере было удобнее использовать таблицы, да и для объяснения они проще.
В общем так:
Code
<table class="news">
<tr>

<!-- Эта ячейка таблицы будет кнопкой, которая включает/отключает отображение второй ячейки -->
<td class="newsheader" onclick="if (news.style.display=='block') {news.style.display='none'} else {news.style.display='block'}">
Нажмите для открытия спойлера
</td>


</tr>
<tr>

<!-- А это само скрываемое поле -->
<td class="newstext" id="news" style="display: block">
Текст под катом
</td>
</table>


В даном случае событие
Code
onclick="if (news.style.display=='block') {news.style.display='none'} else {news.style.display='block'}"

Первой строки таблицы, как можно видеть, управляет свойством display второй строки.

Текст вытянут из реального проекта и многое убрано, атк что если не получиться такое организовать отписывайся - напишу отдельно рабочий вариант.
User is offline
Go topGo end
9.06.2009 - 12:37
#5
DimonNT



Грамотный
***

Группа: Пользователи
Сообщений: 221
Регистрация: 31.08.2008
Пользователь №: 1.051.682


Респектов: 1
-----X----


Предупреждений:


Впринципе работет, но смотри что получается
"при нажатии=если (закрыт)(на экране нет), иначе(закрыт)"
Работает немного не так!Получается что когда заходиш на страничку текст открытый, а при нажатии на кнопку он скрывается...а надо наоборот чтоб зашёл было закрыто и при нажатии открылось!....вот такие php(фейк на вот такие пирожки (вот такие пи аш пи) by DimonNT inc...)
User is offline
Go topGo end
9.06.2009 - 12:49
#6
stepanyk



Грамотный
***

Группа: Пользователи
Сообщений: 232
Регистрация: 5.10.2006
Пользователь №: 241.996


Респектов: 55
-----X----


Предупреждений: 0


DimonNT,
просто замени
Code
<td class="newstext" id="news" style="display: block">

на
Code
<td class="newstext" id="news" style="display: none">
User is offline
Go topGo end
текст вылазит за границы табла!?
9.06.2009 - 17:30
#7
DimonNT



Грамотный
***

Группа: Пользователи
Сообщений: 221
Регистрация: 31.08.2008
Пользователь №: 1.051.682


Респектов: 1
-----X----


Предупреждений:


Ещё вопросик....
Можно ли эту таблицу расширить???
И почему когда я вставляю в текст пробелы т.е.
User is offline
Go topGo end
это не пробел, это начало новой строки в таблице и при не правильном использовании может все коробить.
если нужен вертикальный отступ лучше использовать
,
а вообще посмотри тег
9.06.2009 - 18:30
#8
stepanyk



Грамотный
***

Группа: Пользователи
Сообщений: 232
Регистрация: 5.10.2006
Пользователь №: 241.996


Респектов: 55
-----X----


Предупреждений: 0


в справочнике, например на html.manual.ru
User is offline
Go topGo end
9.06.2009 - 19:06
#9
mr.mall



профи!
*****

Группа: Пользователи
Сообщений: 521
Регистрация: 13.11.2007
Пользователь №: 603.803


Респектов: 130
-----X----


Предупреждений:


можно также через jQuery
User is offline
Go topGo end
10.06.2009 - 3:50
#10
DimonNT



Грамотный
***

Группа: Пользователи
Сообщений: 221
Регистрация: 31.08.2008
Пользователь №: 1.051.682


Респектов: 1
-----X----


Предупреждений:


Мне как раз надо горизонтальный отступ!!
User is offline
Go topGo end

Topic Options
Сейчас: 29.03.2024 - 10:48
Мобильная версия | Lite версия