Перейти из форума на сайт.

Новости • Файловые архивы
Поиск • Активные темы • Топ лист
Правила • Кто в on-line?
Вход • Забыли пароль? • Первый раз на этом сайте? • Регистрация
Компьютерный форум Ru.Board » Интернет » Web-программирование » Активные темы » Простая задача - писок под спойлер

Модерирует : Cheery

articlebot (08-11-2025 16:24): Помощь HTML  Версия для печати • Подписаться • Добавить в закладки

   

Rapunzi



Advanced Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Привет.
Как поместить список пронумерованный под спойлер так чтобы список раскрывался при клике на строку Цикл Эмиссар?
 
<span style="font-size: 23px;"><b>МАКСИМ ДОЛГОВ</b></span>
<span style="font-size: 16px;">Цикл Эмиссар:</span>
<span style="font-size: 14px;">1 «Кандидат»</span>
<span style="font-size: 14px;">2 «Новый вид»</span>
<span style="font-size: 14px;">3 «Молчаливый враг»</span>
<span style="font-size: 14px;">4 «Планета полигон»</span>
<span style="font-size: 14px;">5 «Обелиск»</span>
<span style="font-size: 14px;">6 «Сектор Куб»</span>
 
Если не туда запрос отправил о простите заранее Просто вот html спонадобился а все забыл как и что деается
Всего записей: 770 | Зарегистр. 20-01-2017 | Отправлено: 13:47 06-11-2025
Mavrikii

Platinum Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Rapunzi

Цитата:
Просто вот html спонадобился а все забыл как и что деается

а правилами тоже забыли пользоваться?
Помощь HTML
спойлер на чистом html и css очень муторный, можно, но куча кода.
проще использовать js код. и это не совсем список, так как <span> строчный элемент, то есть все пойдет в одну строку (можно, конечно, добавить ему display: block).
используется jQuery на сайте, для упрощения, или какой то иной фреймворк? bootstrap?
Всего записей: 16659 | Зарегистр. 20-09-2014 | Отправлено: 22:24 06-11-2025
insorg



Platinum Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Когда-то очень давно во времена IE6 делал такое прямо в теле html страницы, но метод требует включенного JS.
 

Код:

<HTML>
<head>
 
<script language="JavaScript">
function clickHandler()  
{ var targetId, srcElement,  
targetElement; srcElement = window.event.srcElement;  
if (srcElement.className == "Outline") {  
targetId = srcElement.id + "details";  
targetElement = document.all(targetId);  
if (targetElement.style.display == "none") {  
targetElement.style.display = "";  
} else {  
targetElement.style.display = "none";  
} }} document.onclick = clickHandler;
</script>
 
</head>
<BODY>
 
<a  id="Out1" class="Outline" style="cursor:hand;color:#808080;font-weight:bold"> &lt;&lt; Содержание &gt;&gt;</a>
<div id=Out1details style="display:None; position:relative; left:9;">
<ul>
<li>#_01
<li>#_02
<li>#_03
<li>#_04
<li>#_05
<li>#_06
<li>#_07
<li>#_08
<li>#_09
<li>#_10
<li>#_11
<li>#_12
<li>#_13
<li>#_14
<li>#_15
<li>#_16
<li>#_17
<li>#_18
<li>#_19
<li>#_20
<li>#_21
<li>#_22
<li>#_23
<li>#_24
<li>#_25
<li>#_26
</ul>
</div>
 
<br>
***
 
</BODY>
</HTML>
Всего записей: 20217 | Зарегистр. 04-11-2010 | Отправлено: 23:27 06-11-2025 | Исправлено: insorg, 23:29 06-11-2025
Mavrikii

Platinum Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
insorg

Цитата:
document.onclick = clickHandler;

ну это уж совсем грубо.
 
современный вариант ближе к этому
Всего записей: 16659 | Зарегистр. 20-09-2014 | Отправлено: 05:37 07-11-2025
insorg



Platinum Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Mavrikii
Ну так, какой был год, так и делали.
Сейчас ради столь же примитивной задачи стало принято тащить многомегабайтные либы. Безумие какое-то.
Всего записей: 20217 | Зарегистр. 04-11-2010 | Отправлено: 19:19 07-11-2025
Mavrikii

Platinum Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
insorg

Цитата:
Сейчас ради столь же примитивной задачи стало принято тащить многомегабайтные либы.

ну не многомегабайтные.. к тому же, почему не использовать, если уже используется для других целей. поэтому и спросил, чтобы не создавать велосипед.
Всего записей: 16659 | Зарегистр. 20-09-2014 | Отправлено: 19:20 07-11-2025
Rapunzi



Advanced Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
insorg
Слишком сложно и обьемно
 
 
 
Добавлено:
Mavrikii
Спасибо за полезную ссылку  
 
Всего записей: 770 | Зарегистр. 20-01-2017 | Отправлено: 14:22 08-11-2025
   

Компьютерный форум Ru.Board » Интернет » Web-программирование » Активные темы » Простая задача - писок под спойлер
articlebot (08-11-2025 16:24): Помощь HTML


Реклама на форуме Ru.Board.

Powered by Ikonboard "v2.1.7b" © 2000 Ikonboard.com
Modified by Ru.B0ard
© Ru.B0ard 2000-2025

LiteCoin: LgY72v35StJhV2xbt8CpxbQ9gFY6jwZ67r

Рейтинг.ru