Не работает display: block под IE

@inferno3 · Регистрация: 25.08.2011

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

Собственно вот код:

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
<style>
.sdan{
    display:none;
}
</style>
 
<form action="index.php" name="sort" method="post">
[JS]<script language="javascript">
 
if(document.getElementsByClassName == undefined) { 
   document.getElementsByClassName = function(cl) { 
      var retnode = []; 
      var myclass = new RegExp('\\b'+cl+'\\b'); 
      var elem = this.getElementsByTagName('*'); 
      for (var i = 0; i < elem.length; i++) { 
         var classes = elem[i].className; 
         if (myclass.test(classes)) { 
            retnode.push(elem[i]); 
         } 
      } 
      return retnode; 
   } 
}; 
//фиксим ClassName под IE
 
var IE='\v'=='v'; //проверяю IE ли это
if(IE) {//если да
    function r() {//не отрабатывает дисплей блок в ие
        var elements = document.getElementsByClassName('sdan');
        if(document.getElementById('cb').checked){
            for (i = 0; i < elements.length; i++) {
            elements[i].style.display = 'block';
        }}else{for (i = 0; i < elements.length; i++) {
            elements[i].style.display = 'none';
        }}
    }
}else{
 
 
function r() {
        var elements = document.getElementsByClassName('sdan');
        if(document.getElementById('cb').checked){
            for (i = 0; i < elements.length; i++) {
            elements[i].style.display = 'table-row';
        }}else{for (i = 0; i < elements.length; i++) {
            elements[i].style.display = 'none';
        }}
    }
}
function red() {//этот код работает нормально!!!!
        var elements = document.getElementsByClassName('postdate');
        if(document.getElementById('cb1').checked){
            for (i = 0; i < elements.length; i++) {
            elements[i].style.backgroundColor = '#F16969';
        }}else{for (i = 0; i < elements.length; i++) {
            elements[i].style.backgroundColor = '';
        }}
    }   
    </script>[/JS]
<input type="checkbox" id="cb" onclick="r()" > Показать все заказы <br>
<input type="checkbox" id="cb1" onclick="red()" > Подсветить просроченные <br>
</form>

Ну что table-row под IE работать не станет это понятно,
но чтобы block ... :-E

По умолчанию класс "sdan" - display: none;
Если изменить "sdan" на display: block то скрипт со второго клика по чекбоксу начинает работать, правда криво как-то. С помощью этого скрипта нужно показать скрытые строки в таблице.
Собственно сабж.

@Halva · 25.08.2011, 12:23

IE до 9й версии не поддерживает getElementsByClassName(). Проверь значение elements, уверен оно будет пустым.

Vovan-VE · 25.08.2011, 14:30

IE очень не любит, когда, например, таблице пытаются display установить в block вместо table - сразу же выдает ошибку.
А у Вас Ваш вкрипт выдаёт ошибки?

@inferno3 · 27.08.2011, 23:46 **[ТС]**

В общем я упростил чуть и через дебагер прогнал. все равно не догоняю в чем я не догоняю ))

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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>тест</title>
<style>
.sdan{
    background-color:#CCDF91;
    display:none;
}
</style>
<script language="javascript">
function r(){
    if(document.getelementbyid('cb').checked){
    for (r=0; r<3;r++){
        document.getelementbyid('sdan'+r).style.display = 'table-row';
        }
}else{
    for (r=0; r<3;r++){
        document.getelementbyid('sdan'+r).style.display = '';
        
    }
    }
    }
</script>
</head>
<body>
<input type="checkbox" name="cb" id="cb" onclick="r()" > Показать все заказы <br>
<table>
<tr id="sdan0" class="sdan">
    <td>сдан</td>
    <td>сдан</td>
</tr>
<tr>
    <td>не сдан</td>
    <td>не сдан</td>
</tr>
<tr id="sdan1" class="sdan">
    <td>сдан</td>
    <td>сдан</td>
</tr>
<tr id="sdan2" class="sdan">
    <td>сдан</td>
    <td>сдан</td>
</tr>
<tr id="sdan3" class="sdan">
    <td>сдан</td>
    <td>сдан</td>
</tr>
<tr>
    <td>не сдан</td>
    <td>не сдан</td>
</tr>
</table>
 
</body>
</html>

При клике по чекбоксу дебагер выдает ошибку :
document.getelementbyid is not a function
[Прерывать на этой ошибке]if(document.getelementbyid('cb').checked ){

Vovan-VE · 28.08.2011, 07:14

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

document.getelementbyid is not a function

В JavaScript'е абсолютно всё являетс чувствительным к регистру. Правильно пишется document.getElementById().

@inferno3 · 28.08.2011, 13:46 **[ТС]**

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

В JavaScript'е абсолютно всё являетс чувствительным к регистру. Правильно пишется document.getElementById().

Исправил сразу после своего последнего поста. Ошибка не была устранена.

Vovan-VE · 28.08.2011, 15:52

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

Исправил сразу после своего последнего поста. Ошибка не была устранена.

inferno3, Один из законов Мерфи гласит: "В программе всегда есть еще одна ошибка."
Смотрите в консоль ошибок еще раз.

@inferno3 · 28.08.2011, 17:25 **[ТС]**

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

inferno3, Один из законов Мерфи гласит: "В программе всегда есть еще одна ошибка."
Смотрите в консоль ошибок еще раз.

Уважаемый, от ваших комментариев легче не становится. Вопрос состоит в чем ошибка, ваш коментарий на него ответа не даёт. => ответ == флуд!!!

Vovan-VE · 28.08.2011, 17:30

inferno3, Т.е. Вы предлагаете нам решить за Вас проблему? Мы сами должны за Вас всё проверять и искать симптомы для отгадывания причины?

@inferno3 · 28.08.2011, 18:12 **[ТС]**

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

inferno3, Т.е. Вы предлагаете нам решить за Вас проблему? Мы сами должны за Вас всё проверять и искать симптомы для отгадывания причины?

Дальнейшая дискуссия ни к чему не приведет. Вы поняли что именно я хотел сказать.
Вопрос решён. Тему можно закрыть, Спасибо.

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве 8Observer8 02.02.2026 Содержание блога Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .	Философия технологии iceja 01.02.2026 На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .	SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf 8Observer8 01.02.2026 Содержание блога В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .	SDL3 для Web (WebAssembly): Сборка C/C++ проекта из консоли 8Observer8 30.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
SDL3 для Web (WebAssembly): Установка Emscripten SDK (emsdk) и CMake для сборки C и C++ приложений в Wasm 8Observer8 30.01.2026 Содержание блога Для того чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. . . .	SDL3 для Android: Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 29.01.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .	Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT bedvit 28.01.2026 Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .	SDL3 для Android: Загрузка PNG с альфа-каналом с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 28.01.2026 Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .

@Halva 24 / 24 / 2 Регистрация: 02.11.2008 Сообщений: 118
	25.08.2011, 12:23
	IE до 9й версии не поддерживает getElementsByClassName(). Проверь значение elements, уверен оно будет пустым. 0

Vovan-VE 13210 / 6599 / 1041 Регистрация: 10.01.2008 Сообщений: 15,069
	25.08.2011, 14:30
	IE очень не любит, когда, например, таблице пытаются display установить в block вместо table - сразу же выдает ошибку. А у Вас Ваш вкрипт выдаёт ошибки? 0

Vovan-VE 13210 / 6599 / 1041 Регистрация: 10.01.2008 Сообщений: 15,069
	28.08.2011, 17:30
	inferno3, Т.е. Вы предлагаете нам решить за Вас проблему? Мы сами должны за Вас всё проверять и искать симптомы для отгадывания причины? 0