( Вход | Регистрация | Поиск )
НАЙДЕНО!!:Есть ли альтернатива споилеру из форума, в HTML???
Стандартный · [ Линейный ]
Дата обновления: 28.06.2009 - 09:32, перейти к новому сообщению
Есть ли альтернатива споилеру из форума в HTML???
т.е. Чтобы появилось название текста и при нажатии на него вниз выезжал сам текст...
т.е. Чтобы появилось название текста и при нажатии на него вниз выезжал сам текст...
Ответов(1 - 9)
Можно таблицами можно дивами. В примере было удобнее использовать таблицы, да и для объяснения они проще.
В общем так:
В даном случае событие
Первой строки таблицы, как можно видеть, управляет свойством display второй строки.
Текст вытянут из реального проекта и многое убрано, атк что если не получиться такое организовать отписывайся - напишу отдельно рабочий вариант.
В общем так:
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>
<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 второй строки.
Текст вытянут из реального проекта и многое убрано, атк что если не получиться такое организовать отписывайся - напишу отдельно рабочий вариант.
Впринципе работет, но смотри что получается
"при нажатии=если (закрыт)(на экране нет), иначе(закрыт)"
Работает немного не так!Получается что когда заходиш на страничку текст открытый, а при нажатии на кнопку он скрывается...а надо наоборот чтоб зашёл было закрыто и при нажатии открылось!....вот такие php(фейк на вот такие пирожки (вот такие пи аш пи) by DimonNT inc...)
"при нажатии=если (закрыт)(на экране нет), иначе(закрыт)"
Работает немного не так!Получается что когда заходиш на страничку текст открытый, а при нажатии на кнопку он скрывается...а надо наоборот чтоб зашёл было закрыто и при нажатии открылось!....вот такие php(фейк на вот такие пирожки (вот такие пи аш пи) by DimonNT inc...)
DimonNT,
просто замени
на
просто замени
Code
<td class="newstext" id="news" style="display: block">
на
Code
<td class="newstext" id="news" style="display: none">
Ещё вопросик....
Можно ли эту таблицу расширить???
И почему когда я вставляю в текст пробелы т.е. текст вылазит за границы табла!?
Можно ли эту таблицу расширить???
И почему когда я вставляю в текст пробелы т.е.
