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 Web Toolkit Создание веб-приложений в наше время - это нудное занятие, при котором к тому же постоянно возникают ошибки. Разработчик может провести до 90% време...

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

Apple Objective-C вошел в десятку популярных языков программирования Компания TIOBE Software опубликовала очередной рейтинг популярности языков программирования, формируемый путем подсчета количества их упоминаний при...

Go - новый язык программирования от Google Google объявил о создании Go, нового языка программирования. Go, по утверждению авторов, сочетает в себе скорость разработки, характерную для динами...

Том Кайт: о сервере Oracle Database 11g Наш эксперт рассказывает о серверном кеше результатов выполнения запросов и кеше результатов вычисления функций PL/SQL. В течение следующих неско...