CSS-Expressions on DOMReady (CSS+JS в одном файле)

Заметки - Фишки CSS

Вероятно, многие из вас используя css-expressions сталкивались с проблемой периодического появления сообщения abort. В народе поговаривают, что связано это с изменением DOM-дерева до его готовности.

Я тоже сталкивался и, не долго думая, решил написать небольшую «обертку» для expression’ов, которые я часто использую, учитывающую готовность DOM, упакованную в файл стилей.
Оную вашему вниманию и представляю.

Использование

«Библиотека» представляет собой всего один файл CSS, но с включенным в него кодом Javascript, который мы и вызываем в expression’ах:

/*@cc_on /*@if (1) @else @*/ Стилевые правила. /*@end @*/ <!-- /* Код JS <!-- */

Подключение

<!--[if lt IE 8]> <script type= text/javascript src= ie.min.css ></script> <link rel= stylesheet type= text/css href= ie.min.css /> <![endif]-->

Использование

селектор { width:expression(expressions('эмулируемое действие', this, { property: 'св-во для отмены (обычно идентично тому, в котором вызывается expression). Если указано, св-во обнуляется и expression в нем повторно не выполняется.', options: 'опции, в зависимости от действия' })); }

«Действия» вызываются по готовности DOM-дерева. Если expression запущен после готовности — сразу.

Включенные функции (действия)

before

Добавляет элемент span с классом x-expression-pseudo-before первым дочерним элементом.
Параметр options — строка, задает содержимое «псевдоэлемента».

after

Добавляет элемент span с классом x-expression-pseudo-after последним дочерним элементом.
Параметр options — строка, задает содержимое «псевдоэлемента».

firstСhild

Добавляет класс x-expression-first-child к элементу, если он является первым дочерним своего родителя. Псевоэлементы before и after, сгенерированные библиотекой, пропускаются.

 

---

Читайте:
CSSDoc — формат комментариев для CSS WebKit и expression @font-face или назад в будущее Эмуляция > Упорядоченные списки, счётчики и экспрешн для IE

Google открывает исходный код системы Living Stories В течение последних двух месяцев журналисты из New York Times и Washington Post экспериментировали с Living Story, новым форматом представления ново...

OpenCL Скорость вычисления графического процессора, превосходящая триллион операций в секунду, позволяет выходить далеко за рамки простого рисования. Техно...

Safari 5.01 и галерея расширений В среду 28 июля 2010 Apple предприняло два замечательных шага. Первый и основной - возможность включения расширений без лишнего геморроя, второй - к...

ColdFusion 9 – новые технологии для создания web-приложений Компания Adobe Systems сообщила о выпуске трех новых технологий в рамках разработки платформы ColdFusion. ColdFusion 9 позволяет быстро создавать мо...

Google внедрила защиту от копирования в приложениях для Android Компания Google предложила разработчикам добавить в свои программы модуль License Verification Library (LVL), чтобы защитить платные приложения для ...