2. Стандартні методи

click

Метод click може використовуватися, щоб 'натиснути' визначений об'єкт через створення сценарію, викликаючи подію onClick для специфічного елемента.

insertAdjacentHTML

Метод insertAdjacentHTML може використовуватися, щоб вставити новий HTML елемент у документ, без того, щоб видалити попередній HTML.

Можливі значення для позиціювання:

BeforeBegin

AfterBegin

BeforeEnd

AfterEnd

insertAdjacentText

Метод insertAdjacentText ідентичний методу insertAdjacentHTML , за винятком того, що це вставляє текст.

3. Стандартні властивості Для будь-якого елемента, що піддержує Internet Explorer 4.0, до елемента можуть бути додані будь-які атрибути на ваш вибір, і керування їх значеннями доступно через створення сценаріїв. /10/

className

Властивість className може використовуватись, щоб визначити чи установити, яке значення з параметрів style sheet`а (настроювання стилю документів) даний елемент використовує. Наприклад, що випливає елемент <А> використовує style sheet class " warning "

Приклад:

<A HREF="warning.htm" CLASS="warning"> the warning </A>

document

Властивість document містить посилання до об'єкта документа, в якому міститься елемент . Через це можуть бути отримані різні властивості об'єкта документа. Наприклад

document.all.tags('Div')

Звертається до всіх тегів <DIV>.

filters

Властивість filters з колекціі фільтрів представляє сукупність Фільтрів, яка застосовується до визначеного елемента. Наприклад:

<IMG ID="logo" SRC="images/logo.gif" WIDTH="384" HEIGHT="154" STYLE="filter:revealTrans(Duration=3.0, Transition=12);VISIBILITY:hidden" > . . . logo.filters.item(0).Apply() logo.style.visibility="" logo.filters.item(0).Play()

До зображення застосований фільтр Transition filter, що пізніше викликаний у сценарії JavaScript.

id

Властивість id привласнює унікальне ім'я визначеному елементу, що згодом допомагає до нього звернутися...

innerHTML

Властивість innerHTML дозволяє вписати в будь-який елемент із заздалегідь привласненим ID Новий HTML код цілком замінивши попередній.

language

Властивість language визначає мова сценарію, який використовується для елемента. За замовчуванням у Explorer`е використовується JavaScript.

style

Властивість style визначає конкретний стиль для конкретного елемента.

title

Атрибут title відбиває підказку. Значення атрибута title звичайно використовуються (у Internet Explorer 4.0) як ToolTips, і відображаються, коли миша проходить над специфічним елементом. Можливо динамічно змінити властивість title через створення сценарію.

4. Візуальні фільтри `Dynamic HTML

Візуальні Фільтри повинні бути поміщені в Style Sheets оскільки вони застосовуються, використовуючи атрибути Style Sheet.

Візуальні Фільтри забезпечують керування візуальними об'єктами. Також, через створення сценарію, застосовані фільтри - можуть динамічно мінятися без перезавантаження документа. Звичайно, вони застосовуються до елемента <IMG>, але можуть застосовуватися і до елемента <DIV>, що у свою чергу можуть містити будь-який HTML, так що візуальні фільтри можуть застосовуватися фактично до будь-якого змісту. Зверніть увагу, що, якщо вони застосовуються до текстових блоків ( в елементах <DIV>), елемент <DIV> повинний визначити атрибути ширини і висоти Style Sheets . /9/

Основний синтаксис застосування фільтрів:

STYLE="filter:ІМ'Я_ФІЛЬТРА(ПАРАМЕТР1, ПАРАМЕТР2...)"

Параметри для кожного фільтра визначаються свої власні.

alpha

Візуальний фільтр Alpha може використовуватися, щоб установити прозорість об'єкта - чи всього зображення цілком, чи області градієнта.

STYLE="filter:Alpha(Opacity=opacity, FinishOpacity=finishopacity, Style=style, Start=start, Start=start, Finish=finish, Finish=finish)"

Opacity

Рівень прозорості, 0-100, де 0 прзрачно, 100 непрозоре

FinishOpacity

Кінцевий рівень прозорості, 0-100, де 0 прзрачно, 100 непрозоре

Style

приймає значення 0 (uniform), 1 (лінія), 2 (коло) or 3 (прямокутник)

Start

координата початку градієнта

Start

координата Y початку градієнта

Finish

координата X кінця градієнта

Finish

координата Y кінця градієнта

blur

Фільтр Blur створює враження руху шляхом размытия об'єкта.

STYLE="filter:Blur(Add = add, Direction = direction, Strength = strength)"

Add

Додає розмивний об'єкт до розмитого ( будь-яке цілее значення, 0 - не додає)

Direction

0 - 315 із кроком у 45 - визначає напрямок размытия

Strength

Ціле значення, що представляє число пикселей 'глибини' зображуваного об'єкта

chroma

Фільтр Chroma робить визначений колір малюнка прозорим (а треба ???).

STYLE="filter:Chroma(Color = color)"

Color

Любою колір ( #rrggbb ). Що б даний фільтр працював нормально необхідно, що б обраний колір був присутній в об'єкті.

dropShadow

Фільтр dropShadow додає силует об'єкта, зміщений у визначеному напрямку.

STYLE="filter:DropShadow(Color=color, Off=off, Off=off, Positive=positive)"

Color

Колір тіні ( #rrggbb hex ).

Off

Горизонтальний зсув тіні

Off

Вертикальний зсув тіні

Positive

Будь-яке ціле значення (не рівне 0) створює тінь для видимих пикселей об'єкта, '0' (false) - для невидимих пикселей.

flip

Фільтр Flip перевертає об'єкт горизонтально.

STYLE="filter:FlipH"

flipV

The Flip перевертає об'єкт вертикально.

STYLE="filter:FlipV"

glow

Фільтр Glow додає сяйво навколо об'єкта.

STYLE="filter:Glow(Color=color, Strength=strength)"

Color

Колір сяйва ( #rrggbb hex ).

Strength

Інтенсивність сяйва, 0-100

gray

Фільтр Gray Знищує кольору - робить чорно-білий об'єкт.

STYLE="filter:Gray"

invert

Фільтр Invert реверсирует відтінок, насиченість і яскравість об'єкта.

STYLE="filter:Invert"

light

Фільтр Light Робить об'єкт як якби на нього посвітили. Світлові фільтри застосовуються, устанавлюючи світлове джерело, визначене одним з наступних методів:

AddAmbient (R,G,B,strength) Додає навколишнє світлове джерело до зображення. Навколишнє світло не-спрямоване і висвітлює всю область. Сонце випускає навколишнє світло. Синтаксис:

object.style.filters.Light(n).addAmbient(R,G,B,strength)

Де R , G і B - значення (0-255), щоб визначити колір навколишнього світла , і strength визначає 'кількість' світла.

AddCone (x1,y1,z1,x2,y2,R,G,B,strength,spread) Додає до зображення, джерело висвітлення у виді конуса. Світло спрямоване і висвітлює тільки визначену область. Синтаксис:

object.style.filters.Light(n).addCone(x1,y1,z1,x2,y2,R,G,B,strength,spread)

Де x1 , y1 Значення визначальні положення джерела світла, x2 і y2 - визначають координати куди спрямований світло, R , G і B - значення (0-255), щоб визначити колір світла, strength визначає 'кількість' світла. і spread визначає кут поширення (0-90, у градусах).

AddPoint (x,y,z,R,G,B,strength) Додає до зображення крапкове джерело висвітлення.Крапкове джерело висвітлення - лампочка. Синтаксис:

object.style.filters.Light(n).addPoint(x,y,z,R,G,B,strength)

Де x , y і z координати крапкового джерела висвітлення... остальні параметри інших методів

Ще кілька методів Світлового Візуального фільтра:

ChangeColor (lightnumber, r,g,b, fAbsolute) Метод ChangeColor змінить колір світлового фільтра, застосованого до об'єкта. Використовуйте lightnumber що б визначити світлове джерело, чий колір повинний бути змінений (це - позиція в масиві Lights), r,g і b, новий колір, fAbsoloute може приймати значення true (nonzero), і false (тобто zero), на що це впливає подивитеся самі...

ChangeStrength (lightnumber, strength, fAbsolute) Метод ChangeStrength змінює силу визначеного світлового фільтра ( який визначається аргументом lightnumber ) на силу визначену в параметрі strength ...

Clear Метод Clear видаляє все джерело світла для визначеного світлового фільтра.

MoveLight (lightnumber, x, y, z, fAbsolute) Метод MoveLight пересуває джерело світла (у випадку AddPoint), місце висвітлення (у випадку AddCone). The x , y і z значення, які визначають положення пересування світла, чи абсолютно ( fAbsoloute=nonzero ) чи відносно ( fAbsolute=false ).

mask

Фільтр Mask виділяє об'єкт, як якби ви його виділили мишею, при цьому можна задати колір виділення. Синтаксис:

STYLE="filter:Mask(Color=color)"

Де Color колір використовуваний для виділення.

shadow

Фільтр shadow робить тінь об'єкту. Синтаксис:

filter:Shadow(Color=color, Direction=direction)

Color

визначає колір тіні ( #rrggbb hex)

Direction

(0-315 із кроком у 45 градусів), визначає напрямок тіні.

wave

Фільтр wave робить об'єкт хвилястим. Синтаксис:

filter: Wave(Add=add, Freq=freq, LightStrength=strength, Phase=phase, Strength=strength)

Add

значення , що визначає, чи доданий первісний об'єкт (true, nonzero) до фільтрованого чи об'єкта ні (false, zero)

Freq

ціле значення, що визначає число хвиль

LightStrength

сила хвилі в %

Phase

визначає кутовий зсув хвиль (тобто 0/100% = 360 градусів, 25% = 90 градусів)

Strength

ціле значення, що визначає інтенсивність ефекту хвилі

xray

Фільтр xray впливає на об'єкт як Х-луч (?). Синтаксис:

STYLE="filter:Xray"