Ссылки на скачивание в спойлере не совместимы?

@Ципихович Эндрю · Регистрация: 10.04.2009

Студворк — интернет-сервис помощи студентам

Здравствуйте, есть код:

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
<!DOCTYPE html>
<!--html5-->
 
<html>
 
<head>
 
<meta http-equiv="content-type" content="text/html; charset=utf-8">
 
<!--
Сервис для проверки валидности сайта:
http://validator.w3.org/#validate_by_input
http://validator.w3.org/#validate_by_uri
-->
<title>Спойлер</title>
 
<style type="text/css">
 
a.spoiler:link, .spoiler:visited  {
    background: #c0e0ff;
    border: 1px solid #80c0ff;
    border-radius: 5px;
    color: #000000;
    display: block;
    font-weight: bold;
    padding: 0 5px 0 5px;
    margin: 0 0 5px 0;
    text-decoration: none; }
 
a.spoiler:hover {background: #d0f0ff; }
 
a.spoiler:before {
    content: "[кликнуть для ракрытия]";
    display: block;
    float: right;
    font-size: smaller;
    font-weight: normal; }
 
    div.spoiler-content {
        background: #ffffff;
        border: 1px solid #80c0ff;
        border-radius: 5px;
        display: none;
        font-weight: normal;
        margin: 0 0 5px 0;
        padding: 5px 5px 0 5px; }
 
    div.spoiler-content:after {
        background: #c0e0ff;
        border-width: 1px 0 0 0;
        border-style: solid;
        border-color: #80c0ff;
        border-radius: 0 0 5px 5px;
        content: "[кликнуть вне спойлера для сворачивания]";
        display: block;
        font-weight: normal;
        font-size: smaller;
        margin: 5px -5px 0 -5px;
        padding: 3px; }
 
a.spoiler:focus {cursor: default;}
 
a.spoiler:focus div.spoiler-content {display: block;}
</style>
 
<!--спойлер1-->
<link href="spoiler_css.css" type="text/css" rel="stylesheet">
 
</head>
 
<body>
 
<!--спойлер-->
<a class="spoiler" href="#spoiler">Совет 1
<div class="spoiler-content">
<p>Установить флажок: Разрешать запуск активного содержимого файлов на моем компьютере</p>
</div>
</a>
<!--конец спойлера1-->
 
<!--спойлер2-->
<a class="spoiler" href="#spoiler">Совет 2
<div class="spoiler-content">
<p>
<!--ссылка на скачивание файла с относительным путём, вместо пробелов нужно указывать "%20"-->
<a href="Punto%20Switcher%202.9.5.0.rar" title="Скачать файл">Скачать файл</a>
</p>
<p>В Internet Explorer</p>
</div>
</a>
<!--конец спойлера2-->
 
</body>
 
</html>

один спойлер открывается, второй нет, почему?
разница между ними лишь в наличиии ссылки на скачивание

Vovan-VE · 20.09.2012, 15:45

Ссылки <a> не могут быть вложены друг в друга.

@Taatshi · 20.09.2012, 16:02

Сообщение от Vovan-VE

Ссылки <a> не могут быть вложены друг в друга.

Думала... тогда получается, что такой спойлер только на скриптах делать...

@Ципихович Эндрю · 20.09.2012, 16:20 **[ТС]**

Сообщение от Taatshi

Думала... тогда получается, что такой спойлер только на скриптах делать...

можете выложить скрипт?

Сообщение от Vovan-VE

Ссылки <a> не могут быть вложены друг в друга.

вот номер валидатор пропускает!

Vovan-VE · 20.09.2012, 16:58

Сообщение от Ципихович Эндрю

вот номер валидатор пропускает!

Правда? Мне выдаёт 3 ошибки, последняя из которых - фатальная. Причем все три только на одном месте - остальные ошибки он даже не стал искать.

@Taatshi · 20.09.2012, 17:07

http://rche.ru/80_prostoj-spoj... cript.html
еще вариант

@Ципихович Эндрю · 21.09.2012, 16:28 **[ТС]**

Сообщение от Vovan-VE

Мне выдаёт 3 ошибки, последняя из которых - фатальная

ну да мне тоже, видимо с одни сполером я проверял, а с двумя нет, сорри

Добавлено через 22 часа 23 минуты

Сообщение от Taatshi

http://rche.ru/80_prostoj-spoj... cript.html
еще вариант

Спасибо!!
там эта строка:

HTML5
1
<a href="javascript://" onClick="spoiler('content');">Спойлер...</a>

с несогласием валидатора:
Bad value javascript:// for attribute href on element a: missing } after function body
то есть
Bad значение наличие :/ / для атрибута HREF на элемент: отсутствует} после того, как тело функции
как лечится?

@Ципихович Эндрю · 23.09.2012, 09:00 **[ТС]**

Сообщение от Taatshi

http://rche.ru/80_prostoj-spojler-na-javascript.html
еще вариант

что не нравится - если раз нажимал на раскрытие спойлера, тогда при перезагрузке страницы в адресной строке браузера видим: сайт/#spoiler - зачем?
и всё же эти примеры на локальном компьютере в файле хтмл работаю, суёшь на сайт в пхп - не работают, почему?

Новые блоги и статьи Все статьи Все блоги /
Почему дизайн решает? Neotwalker 09.01.2026 В современном мире, где конкуренция за внимание потребителя достигла пика, дизайн становится мощным инструментом для успеха бренда. Это не просто красивый внешний вид продукта или сайта — это. . .	Модель микоризы: классовый агентный подход 3 anaschu 06.01.2026 aa0a7f55b50dd51c5ec569d2d10c54f6/ O1rJuneU_ls https:/ / vkvideo. ru/ video-115721503_456239114	Owen Logic: О недопустимости использования связки «аналоговый ПИД» + RegKZR ФедосеевПавел 06.01.2026 Owen Logic: О недопустимости использования связки «аналоговый ПИД» + RegKZR ВВЕДЕНИЕ Введу сокращения: аналоговый ПИД — ПИД регулятор с управляющим выходом в виде числа в диапазоне от 0% до. . .	Модель микоризы: классовый агентный подход 2 anaschu 06.01.2026 репозиторий https:/ / github. com/ shumilovas/ fungi ветка по-частям. коммит Create переделка под биомассу. txt вход sc, но sm считается внутри мицелия. кстати, обьем тоже должен там считаться. . . .
Расчёт токов в цепи постоянного тока igorrr37 05.01.2026 / * Дана цепь постоянного тока с сопротивлениями и напряжениями. Надо найти токи в ветвях. Программа составляет систему уравнений по 1 и 2 законам Кирхгофа и решает её. Последовательность действий:. . .	Новый CodeBlocs. Версия 25.03 palva 04.01.2026 Оказывается, недавно вышла новая версия CodeBlocks за номером 25. 03. Когда-то давно я возился с только что вышедшей тогда версией 20. 03. С тех пор я давно снёс всё с компьютера и забыл. Теперь. . .	Модель микоризы: классовый агентный подход anaschu 02.01.2026 Раньше это было два гриба и бактерия. Теперь три гриба, растение. И на уровне агентов добавится между грибами или бактериями взаимодействий. До того я пробовал подход через многомерные массивы,. . .	Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост. Programma_Boinc 28.12.2025 Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост. Налог на собак: https:/ / ********/ gallery/ V06K53e Финансовый отчет в Excel: https:/ / ********/ gallery/ bKBkQFf Пост отсюда. . .

Vovan-VE 13210 / 6599 / 1041 Регистрация: 10.01.2008 Сообщений: 15,069
	20.09.2012, 15:45
	Ссылки <a> не могут быть вложены друг в друга. 0

@Taatshi Почетный модератор 12274 / 5340 / 268 Регистрация: 05.04.2011 Сообщений: 14,086 Записей в блоге: 2
	20.09.2012, 17:07
	http://rche.ru/80_prostoj-spoj... cript.html еще вариант 1