Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > JavaScript: для новичков > Как отображать строку таблицы в бразных браузерах

Автор: mstdmstd 12.6.2013, 09:08

Всем привет,
В свое время я написал 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

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

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

Автор: mstdmstd 12.6.2013, 13:08

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

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

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

Автор: ksnk 12.6.2013, 13:31

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

)

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

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

Автор: mstdmstd 12.6.2013, 13:56

Спасибо !