X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Проблема с кроссбраузерностью
stanislaw-sch
stanislaw-sch
Topic Starter сообщение 4.1.2012, 12:58; Ответить: stanislaw-sch
Сообщение #1


Всем привет!
В Opera все нормально отображается, а в firefox второе всплывающее сообщение не имеет символов.
Код:
<html>
<head>
<meta name="content-type" charset="utf-8">
<style>
#block {
width:150px;
height:150px;
padding:5px;
border:1px solid;
}
</style>
</head>
<body>
<div id="block">Help me, people, please!</div>
<script src="animateJS.js"></script>
<script>
if (window.getComputedStyle) {
alert(window.getComputedStyle(document.getElementById("block"), null)['width']);
alert(window.getComputedStyle(document.getElementById("block"), null)['padding']);
}
else {
alert(document.getElementById("block").currentStyle['width']);
alert(document.getElementById("block").currentStyle['padding']);
}
</script>
</body>
</html>

Вот что отображает opera:
150px
5px

А вот что отображает firefox:
150px
Тут ничего нет


В чем дело не понимаю. Вроде все правильно?
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
texno
texno
сообщение 4.1.2012, 14:45; Ответить: texno
Сообщение #2


А так не получается?
[JS]document.getElementById("block").offsetWidth[/JS]

А вообще то существует кроссбраузерная функция возвращающая любой стиль. Или почти любой.


(stanislaw-sch @ 4.1.2012, 15:58) *
Вроде все правильно?

Сам же и ответил, ключевое слово "вроде".:sarcastic:
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
pavelsc
pavelsc
сообщение 4.1.2012, 15:59; Ответить: pavelsc
Сообщение #3


Кроссбрузерное решение вот (ссылка):
[JS]
if (!window.getComputedStyle) {
window.getComputedStyle = function(el, pseudo) {
this.el = el;
this.getPropertyValue = function(prop) {
var re = /(\-([a-z]){1})/g;
if (prop == 'float') prop = 'styleFloat';
if (re.test(prop)) {
prop = prop.replace(re, function () {
return arguments[2].toUpperCase();
});
}
return el.currentStyle[prop] ? el.currentStyle[prop] : null;
}
return this;
}
}

[/JS]

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Проблема с админкой
5 Prok 2335 29.7.2019, 20:04
автор: dvakarandasha
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыПроблема с таблицей, которая выводится через скрипт
7 vanchester 1339 15.2.2019, 19:06
автор: Artos_mw
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыПроблема в тегах при сохранении контента
1 Kord18 1426 13.3.2018, 18:19
автор: Evgeniy3200
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыПроблема вёрстки адаптивной страницы на divах
28 master-vek 4717 8.2.2018, 19:29
автор: master-vek
Открытая тема (нет новых ответов) Проблема с All in one SEO?
17 okseo 2684 30.11.2017, 14:06
автор: okseo


 



RSS Текстовая версия Сейчас: 19.4.2024, 13:09
Дизайн