IE не понимает стилей, заданных черех setAttribute
Столкнулся с такой проблемой. Так как Я большой фрик, то всякими библиотеками Я не пользуюсь. Мне проще написать свой кроссплатформенный скрипт, а не использовать всякие jquery и прочее. Да и навыки Javascript не теряются.
Так вот. Стал вопрос о размещении на странице по центру элемента. Что делаем?
Берём, создаём новую ноду
var node = document.createElement(«div»);
и к нему присобачиваем все аттрибуты:
node.setAttribute(«style»,»…»);
так вот этот вот style у меня нифига не применился в IE. Долго ковырялся. Пришлось делать так:
- Создаём ноду;
- Устанавливаем «родные» аттрибуты (типа id, src и прочее);
- Добавляем ноду в документ;
- Выцепляем объект через getElementById();
- Назначаем нужные стили.
Тогда будет работать и в IE.
Полный код:
var iframe = document.createElement(«div»);
iframe.setAttribute(«id»,»newWindow»);
document.body.appendChild(iframe);
var ggg = document.getElementById(«newWindow»);
ggg.style.position = «absolute»;
ggg.style.margin = «auto»;
ggg.style.top = «20px»;
ggg.style.left = «» + (getDocWidth()/2-500) + «px»;
ggg.style.width = «1000px»;
ggg.style.height = (getDocHeight()/-40) + «px»;
Думаю имеет смысл у зензироу на сайте это запостить… Он бы оценил.
мм?
Beneficial info and excellent design you got here! I want to thank you for sharing your ideas and putting the time into the stuff you publish! Great work!
spaaaaam :)