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

Запуск Visual Studio 2010 в России Прошел официальный запуск Visual Studio 2010 и платформы .NET 4.0 в России. Московское мероприятие было одним из первых мероприятий в рамках глобаль...

Новый JDBC-драйвер для СУБД SQL Server уже доступен в виде предварител Компания Microsoft сделала еще один шаг к обеспечению совместимости своей флагманской СУБД SQL Server с промышленными Java-приложениями, выпустив оз...

Microsoft объединит разработчиков на Java и .NET Microsoft планирует приобрести технологию, которая позволит серверу Visual Studio Team Foundation Server (TFS) выступить в качестве инструмента упра...

Google I/O: новый Android, Google TV и машинное обучение Несмотря на то, что первый день конференции I/O, проводимой компанией Google для разработчиков, принёс много интересных анонсов, во второй, заключит...

Введение в продукты и технологии SharePoint для профессионального разр Обзор: рассмотрение расширяемой платформы продуктов и технологий SharePoint и возможностей ее использования при разработке .NET-приложений (32 печат...