Маркетер
  • Маркетинг
  • Digital
  • Реклама
  • Public Relations
  • Менеджмент
  • Новости
  • Маркетинг
  • Digital
  • Реклама
  • Public Relations
  • Менеджмент
  • Новости
Facebook 0 Likes
Twitter 0 Followers
Instagram 0 Followers
Pinterest 0 Followers
YouTube 0 Subscribers
Подписаться
Маркетер
Маркетер
  • Маркетинг
  • Digital
  • Реклама
  • Public Relations
  • Менеджмент
  • Новости
  • DHTML

Позиционирование для IE и NN

  • 02.11.2001
Total
0
Shares
0
0
0
0
0
0

Автор статьи: Головин Андрей

В этом “опыте” рассмотрим как реализовать позиционирование объектов как для Internet Explorer, так и Netscape Navigtor. Для того, чтобы было лучше понятно, рассмотрим различие в свойствах позиционирования объектов в этих браузерах.

Горизонтальная координата объекта в пикселях:
<b>n</b> document.layers[“obj_name”].left
<b>e</b> document.all[“obj_name”].pixelLeft
Вертикальная координата объекта в пикселях:
<b>n</b> document.layers[“obj_name”].top
<b>e</b> document.all[“obj_name”].pixelTop
Ширина объекта в пикселях:
<b>n</b> document.layers[“obj_name”].clip.width
<b>e</b> document.all[“obj_name”].pixelWidth
Высота объекта в пикселях:
<b>n</b> document.layers[“obj_name”].clip.height
<b>e</b> document.all[“obj_name”].pixelHeight

Средствами JavaScript, с применением уже рассмотренной библиотеки >detect.js, процедуры установки и чтения этих свойств можно реализовать следующим образом:

function getX(el) {
if (NN) {
return(document.layers[el].left);
}
else {
return(document.all[el].style.pixelLeft);
}
}

Я надеюсь, что общая идея ясна? Для желающих разобраться в подробностях, предлагаю скачать последнюю версию библиотеки detect.js, которая, на сегодняшний день, содержит много новых функций, которые кроме определения типа браузера позволяют манипулировать различными свойствами позиционирования объектов и параметрами окна браузера (краткое описание внутри файла).

Необходимо заметить, что эти методы в Netscape Navigator можно использовать только для позиционированных объектов, которые входят в коллекцию layers. Это <DIV> и <LAYER>.

На основе этих методов я переписал библиотеку floaters.js, чтобы ее можно было использовать в обоих браузерах. Для ее использования указываем обе библиотеки в заголовке страницы:

<SCRIPT
TYPE=”text/javascript”
LANGUAGE=”JavaScript”
SRC=”detect.js”>
</SCRIPT>
<SCRIPT
TYPE=”text/javascript”
LANGUAGE=”JavaScript”
SRC=”d-floaters.js”>
</SCRIPT>

В тэге <BODY> задаем обработчик события onLoad, содержащий код следующий код:

function init() {
initDetect();
startFloaters();
}

Создаем процедуру запуска движения startFloaters()

function startFloaters() {
fl1 = new floater(“fl1″,1,2,true);
flStart(fl1);
}

var fl1;

Сам движущийся объект теперь необходимо задавать по-другому. В данном случае – так:

<DIV
ID=”fl1″
NAME=”fl1″
STYLE=”position: absolute; top: 0; left: 0; z-index: 100″>
<IMG
SRC=”images/0032_01.gif”
WIDTH=50 HEIGHT=21
BORDER=0
ALT=”floater”>
</DIV>

Total
0
Shares
Телеграфировать 0
Поделиться 0
Репост 0
Твитнуть 0
alexvolkov

Предыдущий материал
  • CSS

Все правила CSS. Параметры цвета и фона

  • 02.11.2001
  • alexvolkov
Read More
Следующий материал
  • DHTML

Отображение и скрытие элементов в IE и NN

  • 02.11.2001
  • alexvolkov
Read More
Вас также может заинтересовать
Read More
  • DHTML

Создание и использование атрибутов

  • alexvolkov
  • 12.11.2001
Read More
  • DHTML

Визуальные фильтры в IE

  • alexvolkov
  • 08.11.2001
Read More
  • DHTML

Отображение и скрытие элементов в IE и NN

  • alexvolkov
  • 02.11.2001
Read More
  • DHTML

Позиционирование элементов

  • alexvolkov
  • 26.10.2001
Read More
  • DHTML

внешние файлы в IE и NN

  • alexvolkov
  • 23.10.2001
Read More
  • DHTML

Динамические элементы

  • alexvolkov
  • 07.09.2001

Добавить комментарий

Для отправки комментария вам необходимо авторизоваться.

Свежие посты
  • Рассылка как продукт
    • 24.07.20
  • Google назвал лучшие приложения App Store за 2018 год
    • 14.12.18
  • Онлайн-конференция интернет-магазин от “А до Я” CyberE-com 2018
    • 25.05.18
  • Бесплатная онлайн-конференция по управлению репутацией
    • 04.12.17
  • Открыта регистрация на CyberMarketing-2017
    • 19.10.17
Маркетер
  • О проекте
  • Информационное спонсорство
  • Рекламным агентствам
  • Ссылки
(с) ООО "Маркетер". Официальный сайт. Маркетер: Статьи про рекламу, маркетинг, public relations, интернет

Введите ключевые слова для поиска и нажмите Enter