Новая версия сайта находится по адресу

wa.artel.by

Материал взят с сайта http://www.dhtmlzone.com с нарушением всех авторских прав. Перевод by FireFalcon

Господа! Рассаживайтесь поудобней. Начинаем курс лекций по динамическому HTML. Не пугайтесь. Все будет очень лаконично и конкретно. Никаких пространных рассуждений. Только полезные вещи.

Итак, приступим. Безусловно, вы не новички в DHTML. А посему сразу перейдем ближе к телу. Все мы знаем, как создавать слои. А вот знаете ли вы, как инициализировать их в зависимости от браузера? Наверное, знаете. Но все же повторим, ведь повторение - мать...

Так вот. В Netscape и MSIE по разному реализовано обращение к слоям. А именно:

Netscape: document.layers["yourLayerName"]
MSIE: document.all["yourLayerName"]

Netscape: document.layers["yourLayerName"].top
MSIE: document.all["yourLayerName"].style.top

И что делать? Да все просто. Определяем браузер и в зависимости от его типа определяем переменные нужным образом. Вот так:

Line 1: var layerRef="", styleSwitch="";
Line 2: function init(){
Line 3: if (navigator.appName == "Netscape") {
Line 4: var layerRef="document.layers";
Line 5: var styleSwitch="";
Line 6: }else{
Line 7: var layerRef="document.all";
Line 8: var styleSwitch=".style";
Line 9: }
Line 10: }

Эту функцию нужно вызывать на событие onLoad в тэге BODY. И когда нужно обратиться к свойству слоя, делается это так:

var topProp = eval(layerRef + '["yourLayerName"]' + styleSwitch + '.top');
Заметьте, что в MSIE надо обращаться через .style, а в Netscape это опускается.

Тут используется стандартная функция JavaScript eval(). Аргумент функции eval() - строка. Если строка представляет собой выражение, то функция обрабатывает это выражение. Если в аргументе есть выражения JavaScript, то eval() обрабатывает эти выражения. Вот пара примеров:

eval(new String("2+2”)) // возвращает объект типа String, содержащий "2+2"
eval("2+2”) // возвращает 4

Вот пока и все. Но, тем не менее, это только начало.