Ошибка HTML1506, код работает только в chromium браузерах

@TampLieR · Регистрация: 28.07.2014

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

Здравствуйте, столкнулся с таким явлением ошибка HTML1506. Мой код работает только в chromium браузерах. В IE, Edge, FF - не работает. Оперу не смотрел)

PHP/HTML
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
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Анкета</title>
    <link href="css/style.css" rel="stylesheet">
</head>
<body>
<script type="text/javascript">
    function createTable() {
        document.write("<table class='anketa'><thead id='fix'><tr><td width='3%' rowspan='2' style='text-align:center;'>№</td><td width='43%' rowspan='2'>Утверждение</td><td width='12%' colspan='4' class='one'>Возможное время реализации (1 вариант)</td><td width='24%' colspan='8' class='two'>Наиболее важные факторы влияния (до 3-х вариантов)</td><td width='9%' colspan='3' class='three'>Влияние ситуации</td><td width='9%' colspan='3' class='four'>Личное мнение</td></tr><tr><td class='one'><span class='r-t'><span class='r-t-i'>Ближайшие 5 лет</span></span></td><td class='one'><span class='r-t'><span class='r-t-i'>Ближайшие 5-15 лет</span></span></td><td class='one'><span class='r-t'><span class='r-t-i'>Не будет реализовано ближайшие 20 лет</span></span></td><td class='one'><span class='r-t'><span class='r-t-i'>Не выполнимо</span></span></td><td class='two'><span class='r-t'><span class='r-t-i'>Исследования</span></span></td><td class='two'><span class='r-t'><span class='r-t-i'>Персонал</span></span></td><td class='two'><span class='r-t'><span class='r-t-i'>Финансирование</span></span></td><td class='two'><span class='r-t'><span class='r-t-i'>Рынки</span></span></td><td class='two'><span class='r-t'><span class='r-t-i'>Политика/ регулирование</span></span></td><td class='two'><span class='r-t'><span class='r-t-i'>Экология</span></span></td><td class='two'><span class='r-t'><span class='r-t-i'>Социальное признание</span></span></td><td class='two'><span class='r-t'><span class='r-t-i'>Международное сотрудничество</span></span></td><td class='three'><span class='r-t'><span class='r-t-i'>Получения научных и технологических знаний</span></span></td><td class='three'><span class='r-t'><span class='r-t-i'>Конкурентоспособность</span></span></td><td class='three'><span class='r-t'><span class='r-t-i'>Защита окружающей стреды</span></span></td><td class='four'><span class='r-t'><span class='r-t-i'>позитивное</span></span></td><td class='four'><span class='r-t'><span class='r-t-i'>нейтральное</span></span></td><td class='four'><span class='r-t'><span class='r-t-i'>негативное</span></span></td></tr></thead><tbody>");
        var a = ["Утверждение 1","Утверждение 2","Утверждение 3",];
        b = document.getElementById('fix').clientHeight - 2; /*высота header минус границы*/
        document.write("<div style='width:100%; height:" + b + "px'></div>");
        for (i = 0; i < 3; i++) {
            document.write("<tr class='row'><td width='3%'>" + (i+1) + "</td><td width='43%' height='70px'>" + a[i] + "</td><td class='one' width='3%'><a onclick="yes('s-" + i + "c-0')"></a><input type='checkbox' class='checkbox' value='0' id='s-" + i + "c-0'/></td><td class='one' width='3%'><a onclick="yes('s-" + i + "c-1')"></a><input type='checkbox' class='checkbox' value='0' id='s-" + i + "c-1'/></td><td class='one' width='3%'><a onclick="yes('s-" + i + "c-2')"></a><input type='checkbox' class='checkbox' value='0' id='s-" + i + "c-2'/></td><td class='one' width='3%'><a onclick="yes('s-" + i + "c-3')"></a><input type='checkbox' class='checkbox' value='0' id='s-" + i + "c-3'/></td><td class='two' width='3%'><a onclick="yes('s-" + i + "c-4')"></a><input type='checkbox' class='checkbox' value='0' id='s-" + i + "c-4'/></td><td class='two' width='3%'><a onclick="yes('s-" + i + "c-5')"></a><input type='checkbox' class='checkbox' value='0' id='s-" + i + "c-5'/></td><td class='two' width='3%'><a onclick="yes('s-" + i + "c-6')"></a><input type='checkbox' class='checkbox' value='0' id='s-" + i + "c-6'/></td><td class='two' width='3%'><a onclick="yes('s-" + i + "c-7')"></a><input type='checkbox' class='checkbox' value='0' id='s-" + i + "c-7'/></td><td class='two' width='3%'><a onclick="yes('s-" + i + "c-8')"></a><input type='checkbox' class='checkbox' value='0' id='s-" + i + "c-8'/></td><td class='two' width='3%'><a onclick="yes('s-" + i + "c-9')"></a><input type='checkbox' class='checkbox' value='0' id='s-" + i + "c-9'/></td><td class='two' width='3%'><a onclick="yes('s-" + i + "c-10')"></a><input type='checkbox' class='checkbox' value='0' id='s-" + i + "c-10'/></td><td class='two' width='3%'><a onclick="yes('s-" + i + "c-11')"></a><input type='checkbox' class='checkbox' value='0' id='s-" + i + "c-11'/></td><td class='three' width='3%'><a onclick="yes('s-" + i + "c-12')"></a><input type='checkbox' class='checkbox' value='0' id='s-" + i + "c-12'/></td><td class='three' width='3%'><a onclick="yes('s-" + i + "c-13')"></a><input type='checkbox' class='checkbox' value='0' id='s-" + i + "c-13'/></td><td class='three' width='3%'><a onclick="yes('s-" + i + "c-14')"></a><input type='checkbox' class='checkbox' value='0' id='s-" + i + "c-14'/></td><td class='four' width='3%'><a onclick="yes('s-" + i + "c-15')"></a><input type='checkbox' class='checkbox' value='0' id='s-" + i + "c-15'/></td><td class='four' width='3%'><a onclick="yes('s-" + i + "c-16')"></a><input type='checkbox' class='checkbox' value='0' id='s-" + i + "c-16'/></td><td class='four' width='3%'><a onclick="yes('s-" + i + "c-17')"></a><input type='checkbox' class='checkbox' value='0' id='s-" + i + "c-17'/></td></tr>");
        }
        document.write("</tbody><tfoot></tfoot></table><div style='padding:40px;'><button class='submit' onclick="push()">Я УСТАЛ ОТВЕЧАТЬ</button></div>");
    }
    createTable();
    function yes(id) {
        var b = document.getElementById(id);/*получаем элемент <input>*/
        var c = b.parentElement;/*находим родителя - <td>*/
        var g = c.getElementsByTagName('a')[0].innerText;/*получаем текст из <a>*/
        /*проверяем содержимое ячейки*/
        if (g == '') {
            var d = c.className;/*узнаём имя класса*/
            /*класс two - обрабатывается подругому*/
            if (d == 'two') {
                CheckSiblingTwo(c, d);
            }
            else {
                CheckSiblingClass(c, d);
            }
        }
        else {
            c.getElementsByTagName('a')[0].innerText = '';
            c.getElementsByTagName('input')[0].value = 0;
        }
    }
    /*ставим галку на нажатую клетку и значение input = 1,
    находим всех sibling-ов с таким классом, очищаем их текст и значение input = 0*/
    function CheckSiblingClass(c, d) {
        skipMe = c;
        skipMe.getElementsByTagName('input')[0].value = 1;
        skipMe.getElementsByTagName('a')[0].innerText = '✔';
        c = c.parentElement.firstChild;
        for (; c; c = c.nextSibling) {
            if (c.nodeType == 1 && c.className == d && c != skipMe) {
                c.getElementsByTagName('a')[0].innerText = '';
                c.getElementsByTagName('input')[0].value = 0;
            }
        }
    }
    function CheckSiblingTwo(c, d) {
        skipMe = c;
        c = c.parentElement.firstChild;
        var k = 0;
        for (; c; c = c.nextSibling) {
            if (c.nodeType == 1 && c.className == d && c != skipMe) {
                k += parseInt(c.getElementsByTagName('input')[0].value);
            }
        }
        if (k < 3) {
            skipMe.getElementsByTagName('input')[0].value = 1;
            skipMe.getElementsByTagName('a')[0].innerText = '✔';  
        }
        else {alert('Выберите 3 наиболее важных фактора влияния! Чтобы убрать галку - нажмите на ячейку таблицы ещё раз.');}
    }
    function matrixArray(rows,columns){
    var arr = new Array();
        for(var i=0; i<columns; i++){
            arr[i] = new Array();
            for(var j=0; j<rows; j++){
                arr[i][j] = 0;//наполнитель
            }
        }
        return arr;
    }
    function push() {
    var r = matrixArray(17, 3);
        for (x = 0; x < 3; x++) {
            for (y = 0; y < 17; y++) {
                var m = 's-' + x + 'c-' + y;
                var z = document.getElementById(m).value;
                r[x][y] = z;
            }
        }
    alert(r);
    }
</script>
</body>
</html>

CSS
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
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
* {
    margin: 0px;
    padding: 0px;
}
body {
    position: relative;
    background-color: #35170c;
}
table, td {
    border: 1px solid white;
}
.anketa {
    width: 100%;
    border-collapse: collapse;
    font-size: 1.2em;
    background-color: #e0ffcc;
}
.anketa tbody td:first-child {
    text-align: center;
}
.one {
    background-color: #e3f3ff;
}
.two {
    background-color: #e0ffcc;
}
.three {
    background-color: #e3f3ff/*fff8e7*/;
}
.four {
    background-color: #e0ffcc/*faf0e6*/;
}
.r-t {
    display: inline-block;
    overflow: hidden;
    width: 1.5em;
    line-height: 1.5;
    font-size: 1em;
    padding-bottom: 0;
}
.r-t-i {
    display: inline-block;
    white-space: nowrap;
    transform: translate(0,100%) rotate(-90deg);
    transform-origin: 0 0;
}
.r-t-i:after {
    content: "";
    float: left;
    margin-top: 100%;
    text-align: center;
}
#fix tr:nth-child(2) td{
    vertical-align:bottom;
    text-align: center;
}
#fix {
    width:100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #e0ffcc;
}
.row:hover td {
    background-color: #ffffb8;
}
a {
    display:inline-block;
    width:100%;
    height:100%;
    text-align: center;
    vertical-align: middle;
    line-height: 240%;
    color: green;
    font-weight: bold;
    font-size: 1.5em;
}
.checkbox {
    display: none;
}
.submit {
    width: 100%;
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
.submit:hover {
    opacity:.85;
    cursor: pointer;
}
.submit:active {
    border: 1px solid #20911e;
    box-shadow: 0 0 10px 5px #356b0b inset;
    -webkit-box-shadow:0 0 10px 5px #356b0b inset ;
    -moz-box-shadow: 0 0 10px 5px #356b0b inset;
    -ms-box-shadow: 0 0 10px 5px #356b0b inset;
    -o-box-shadow: 0 0 10px 5px #356b0b inset;
}

Добавлено через 10 минут
скрипт некорректно отображается 'вњ” это галка

@TampLieR · 27.11.2016, 20:15 **[ТС]**

Я разобрался в чём дело.
У меня ссылка расположена внутри <td> и оформлена следующим образом:

CSS
1
2
3
4
5
6
7
8
9
10
11
a {
    display:inline-block;
    width:100%;
    height:100%;
    text-align: center;
    vertical-align: middle;
    line-height: 240%;
    color: green;
    font-weight: bold;
    font-size: 1.5em;
}

inline-block растягивает блок ссылки на всю ячейку таблицы, при условии что в теге а пусто только в chromium браузерах.
Чтобы всё работало вызываю функции при нажатии на ячейку таблицы, ненужный здесь по логике тег а заменил на p.

Новые блоги и статьи Все статьи Все блоги /
Воспроизведение звукового файла с помощью SDL3_mixer при касании экрана Android 8Observer8 26.01.2026 Содержание блога SDL3_mixer - это библиотека я для воспроизведения аудио. В отличие от инструкции по добавлению текста код по проигрыванию звука уже содержится в шаблоне примера. Нужно только. . .	Установка Android SDK, NDK, JDK, CMake и т.д. 8Observer8 25.01.2026 Содержание блога Перейдите по ссылке: https:/ / developer. android. com/ studio и в самом низу страницы кликните по архиву "commandlinetools-win-xxxxxx_latest. zip" Извлеките архив и вы увидите. . .	Вывод текста со шрифтом TTF на Android с помощью библиотеки SDL3_ttf 8Observer8 25.01.2026 Содержание блога Если у вас не установлены Android SDK, NDK, JDK, и т. д. то сделайте это по следующей инструкции: Установка Android SDK, NDK, JDK, CMake и т. д. Сборка примера Скачайте. . .	Использование SDL3-callbacks вместо функции main() на Android, Desktop и WebAssembly 8Observer8 24.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
моя боль iceja 24.01.2026 Выложила интерполяцию кубическими сплайнами www. iceja. net REST сервисы временно не работают, только через Web. Написала за 56 рабочих часов этот сайт с нуля. При помощи perplexity. ai PRO , при. . .	Модель сукцессии микоризы anaschu 24.01.2026 Решили писать научную статью с неким РОманом	http://iceja.net/ математические сервисы iceja 20.01.2026 Обновила свой сайт http:/ / iceja. net/ , приделала Fast Fourier Transform экстраполяцию сигналов. Однако предсказывает далеко не каждый сигнал (см ограничения http:/ / iceja. net/ fourier/ docs ). Также. . .	http://iceja.net/ сервер решения полиномов iceja 18.01.2026 Выкатила http:/ / iceja. net/ сервер решения полиномов (находит действительные корни полиномов методом Штурма). На сайте документация по API, но скажу прямо VPS слабенький и 200 000 полиномов. . .