VPF::style.display - Форум программистов

sharq

Дата 14.10.2005, 11:06 (ссылка)

(нет голосов)

Загрузка ...

Perl Liker

Профиль
Группа: Участник
Сообщений: 841
Регистрация: 13.12.2004
Где: Ростов-на-Дону

Репутация: нет
Всего: 28

Нужно скрывать и открывать таблицу. В IE все работает валидно, в Mozilla Firefox типа работает, но некорректно, разрастается таблица...
Вот код.

Код


<html>
    <head>
        <title>Test</title>
    </head>
<body>
    <script type="text/javascript">
        function ShowHide(tr) {
            document.getElementById(tr).style.display = (document.getElementById(tr).style.display == 'none') ? 'block' : 'none';
        }
    </script>
        <table border="1">
            <tr onClick="ShowHide('tree1');">
                <td width="50">1</td>
                <td width="200">text</td>
            </tr>
            <tr id="tree1" style="display: none;">
                <td colspan="2">
                    <table border=1>
                        <tr>
                            <td width=50>1.1</td>
                            <td width=200>text 1.1</td>
                        </tr>
                        <tr>
                            <td width=50>1.2</td>
                            <td width=200>text 1.2</td>
                        </tr>
                    </table>
                </td>
            </tr>
        </table>
</body>
</html>

Почему так происходит в Firefox, это мой косяк или нет? smile

--------------------

[color=gray]There's More Than One Way To Do It[/color]

sergejzr

Дата 14.10.2005, 11:35 (ссылка)

(нет голосов)

Загрузка ...

Un salsero
Group Icon

Профиль
Группа: Админ
Сообщений: 13285
Регистрация: 10.2.2004
Где: Германия г .Ганновер

Репутация: 10
Всего: 360

Нифига себе.... по ходу ты баг нашёл. Я кстати тоже замечал некорректную работу display.. Но такого!...

--------------------

Me.
FB.
LinkedIn.
ORCID.
YT.

Zeroglif

Дата 14.10.2005, 12:18 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 644
Регистрация: 22.9.2005

Репутация: 28
Всего: 66

sharq

Эт не твой косяк, он общий. smile

Вместо dispaly:"block" поставь display:"", элемент встанет в дефолтный ему display.

Sardar

Дата 14.10.2005, 12:30 (ссылка)

(нет голосов)

Загрузка ...

Бегун

Профиль
Группа: Модератор
Сообщений: 6986
Регистрация: 19.4.2002
Где: Нидерланды, Groni ngen

Репутация: 78
Всего: 317

Читаем это: http://www.w3.org/TR/CSS21/tables.html
И врубаемся что display у таблицы не block, мозилла как всегда ведёт себя корректно согласно стандартам, а ИЕ нет.

--------------------

Опыт - сын ошибок трудных © А. С. Пушкин
Процесс написания своего велосипеда повышает профессиональный уровень программиста. © Opik
Оценить мои качества можно тут.

sharq

Дата 15.10.2005, 11:01 (ссылка)

(нет голосов)

Загрузка ...

Perl Liker

Профиль
Группа: Участник
Сообщений: 841
Регистрация: 13.12.2004
Где: Ростов-на-Дону

Репутация: нет
Всего: 28

Sardar спасибо за ссылку, полезно.)

Для корректной работы придется определять тип браузера... жаль, что нет единого значения.

smile

--------------------

[color=gray]There's More Than One Way To Do It[/color]

sergejzr

Дата 15.10.2005, 13:30 (ссылка)

(нет голосов)

Загрузка ...

Un salsero
Group Icon

Профиль
Группа: Админ
Сообщений: 13285
Регистрация: 10.2.2004
Где: Германия г .Ганновер

Репутация: 10
Всего: 360

sharq, а я бы на твоём месте обернул табличку в div и скрывал уже его smile

Код


      <tr >
                <td colspan="2">
<div  id="tree1" style="display: none;"> 
                    <table border=1>
                        <tr>
                            <td width=50>1.1</td>
                            <td width=200>text 1.1</td>
                        </tr>
                        <tr>
                            <td width=50>1.2</td>
                            <td width=200>text 1.2</td>
                        </tr>
                    </table>
</div>
                </td>
            </tr>

Конечно один ряд останется, но если всё красиво оформить, то даже ничего может получиться..

--------------------

Me.
FB.
LinkedIn.
ORCID.
YT.

sharq

Дата 15.10.2005, 14:32 (ссылка)

(нет голосов)

Загрузка ...

Perl Liker

Профиль
Группа: Участник
Сообщений: 841
Регистрация: 13.12.2004
Где: Ростов-на-Дону

Репутация: нет
Всего: 28

К сожалению, вариант с div'ом не подходит...

Все очень просто решилось, вместо 'block' или 'table-row' нужно писать ''.
И все работает, причем везде. smile

--------------------

[color=gray]There's More Than One Way To Do It[/color]

Zeroglif

Дата 15.10.2005, 18:52 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 644
Регистрация: 22.9.2005

Репутация: 28
Всего: 66

Цитата(sharq @ 15.10.2005, 14:32)

Все очень просто решилось, вместо 'block' или 'table-row' нужно писать ''.
И все работает, причем везде.

Я ж говорил, лучшего кросс-браузерного решения просто нет.

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: Общие вопросы \| Следующая тема »