VPF::Как отображать строку таблицы в бразных браузерах

mstdmstd

Дата 12.6.2013, 09:08 (ссылка)

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

Загрузка ...

Опытный

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

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

Всем привет,
В свое время я написал 2 маленькие функции чтобы отображать строку таблицы :

Код


    document.getElementById("tr_name").style.display= GetShowTRMethod()

Код


function GetBrowserType() {
  if ( navigator.appName.indexOf("Microsoft") != -1 ) {
    return 'MSIE';
  }
  if ( navigator.appName.indexOf("Opera") != -1 ) {
    return 'Opera';
  }
  if ( navigator.appName.indexOf("Netscape") != -1 ) {
    return 'Netscape';
  }

  return '';
}

function GetShowTRMethod() {
  var BrowserType= GetBrowserType();
  if ( BrowserType== 'MSIE' ) return 'inline';
  if ( BrowserType== 'Opera' ) return 'table-row';
  if ( BrowserType== 'Netscape' ) return 'table-row';
  return '';
}

Но браузеров стало больше - всех остледить сложно - не подскажите какие методы должны применяться для современных браузеров ?

ksnk

Дата 12.6.2013, 10:24 (ссылка)

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

Загрузка ...

прохожий

Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

Репутация: 48
Всего: 386

Верстать надо так, чтобы не приходилось корректировать верстку с помощью JS. На самый крайний случай - есть условные комментарии в html и css.
Ну и так, в качестве бонуса smile

- table-row понимают практически все броузеры, а те, которые не понимают (IE7--) уже где-то не очень далеко от свалки.

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

Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image

mstdmstd

Дата 12.6.2013, 13:08 (ссылка)

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

Загрузка ...

Опытный

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

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

Цитата(ksnk @ 12.6.2013, 10:24)

- table-row понимают практически все броузеры, а те, которые не понимают (IE7--) уже где-то не очень далеко от свалки.

А если нужно одну строку прятать / отображать строку по условию - как обойтись без JS?

ksnk

Дата 12.6.2013, 13:31 (ссылка)

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

Загрузка ...

прохожий

Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

Репутация: 48
Всего: 386

Цитата(mstdmstd @ 12.6.2013, 13:08

)

А если нужно одну строку прятать / отображать строку по условию - как обойтись без JS?

Добавлять/убирать класс в соответствующий контрол. В jQuery специальная функция - toggleClass, называется.
Основная идея - убрать из Javascript все воспоминания о тонкостях css. Чтобы стили сидели в файлах стилей, верстка в html, а скрипты в скриптах.

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

Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image

mstdmstd

Дата 12.6.2013, 13:56 (ссылка)

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

Загрузка ...

Опытный

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

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

Спасибо !

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