Связь и интернет Архив Программирование
   
Сделать стартовойСделать закладку            
   ПОИСК  
   
Главная / DHTML /
8  Perl
8  PHP
8  JavaScript
8  HTML
8  DHTML
8  XML
8  CSS
8  C / C++
8  Pascal и Delphi
8  Турбо Ассемблер
8  MySQL
8  CASE-технологии
8  Алгоритмы
8  Python
8  Обратная связь
8  Гостевая книга
Новости о мире


Динамические таблицы стилей - Программирование от RIN.RU
Динамические таблицы стилей




Включение таблиц стилей в документ


В DOM 2 добавлена поддержка динамических таблиц стилей произвольного типа, хотя на сегодняшний день единственным языком таблиц стилей является CSS. Как указано в этом пункте, в HTML таблица стилей может быть либо внешней (и задаваться элементом LINK), либо внутренней (и задаваться элементом STYLE).


В XML таблицы стилей могут быть только внешними и задаются директивой xml-stylesheet, имеющей следующий вид:


Синтаксис: <?xml-stylesheet <em>атрибуты</em>?>
Атрибуты: href = CDATA #REQUIRED (URI таблицы стилей)
type = CDATA #REQUIRED (тип файла таблицы стилей)
title = CDATA #IMPLIED (титул таблицы стилей)
media = CDATA #IMPLIED (список устройства отображения)
charset = CDATA #IMPLIED (кодировка таблицы стилей)
alternate = (yes|no) "no"




Здесь атрибуты href, title, media и charset в точности соответствуют атрибутам HTML-элемента <LINK rel="StyleSheet">. Атрибут alternate="yes" означает, что данная директива имеет семантику элемента <LINK rel="Alternate StyleSheet">. Примеры:



<?xml-stylesheet href="mystyle.css" type="text/css" media="screen"?>
<?xml-stylesheet alternate="yes" href="mystyle.css" media="print" type="text/css"?>





Примечание. Поскольку значением атрибута href является URI общего вида, ссылка на таблицу стилей может быть относительным URI, содержащим закладку. В частности, это может быть ссылка на закладку, расположенную в том же XML-документе, т. е. таблица стилей может содержаться в самом документе.


Описанные в этой главе интерфейсы не являются обязательными для реализации DOM. Если реализация их поддерживает, то рекомендуется, чтобы ее метод DOMImplementation.hasFeature возвращал true при соответствующем запросе.


В MSHTML поддержка стилей отличается от стандарта, поэтому всюду после описания стандартных методов и свойств мы указываем на особенности их реализации в Internet Explorer.


Списки устройств: интерфейс MediaList


Поддержка :Не поддерживается.
Соответствует стандарту.



Интерфейс MediaList соответствует списку 78&p=3#5устройств отображения, к которым применима таблица стилей. Он представляет собой массив строк, содержащих имена устройств, и имеет следующие свойства и методы:


Свойства интерфейса MediaList
СвойствоИзменяемоеМодельОписание
lengthНетDOM 2Размер списка устройств.
mediaTextДаDOM 2Текстовое представление списка устройств.



Методы интерфейса MediaList
МетодМодельОписание
appendMediumDOM 2Добавляет новое устройство в конец списка.
deleteMediumDOM 2Удаляет заданное устройство из списка.
itemDOM 2Возвращает элемент списка с заданным номером.



Свойство length


Синтаксис:  объект.length
Изменяемое: нет


Поддержка :Не поддерживается.
Соответствует стандарту.



Свойство length возвращает количество элементов в данном списке устройств.


Свойство mediaText


Синтаксис:  объект.mediaText
Изменяемое: да
Иcключения: SYNTAX_ERR, NO_MODIFICATION_ALLOWED_ERR (при записи)


Поддержка :Не поддерживается.
Соответствует стандарту.



Свойство mediaText позволяет получать или задавать список устройств отображения в виде текстовой строки, состоящей из имен устройств, разделенных запятыми и, возможно, пробелами. Пример:



document.styleSheets[0].media.mediaText = "screen, print";





Метод appendMedium


Синтаксис:  объект.appendMedium(newMedium)
Аргументы: newMedium - выражение типа DOMString
Иcключения: INVALID_CHARACTER_ERR, NO_MODIFICATION_ALLOWED_ERR


Поддержка :Не поддерживается.
Не поддерживается.



Метод appendMedium добавляет устройство newMedium в конец списка устройств. Если это устройство уже есть в списке, то оно будет сначала удалено из него, а затем добавлено. Пример:



document.styleSheets[0].media.appendMedium("print");





Метод deleteMedium


Синтаксис:  объект.deleteMedium(oldMedium)
Аргументы: oldMedium - выражение типа DOMString
Иcключения: NOT_FOUND_ERR, NO_MODIFICATION_ALLOWED_ERR


Поддержка :Не поддерживается.
Не поддерживается.



Метод deleteMedium удаляет устройство oldMedium из списка устройств. Если этого устройства нет в списке, то генерируется исключение. Пример:



document.styleSheets[0].media.deletedMedium("print");





Метод item


Синтаксис:  объект.item(index)
Аргументы: index - числовое выражение
Результат: DOMString или null
Иcключения: нет


Поддержка :Не поддерживается.
Соответствует стандарту.



Метод item возвращает элемент списка устройств с номер index. Допустимые значения индекса лежат в диапазоне от 0 до объект.length-1 включительно. Если index выходит за пределы этого диапазона, то возвращается null. Пример:



alert(document.styleSheets[0].media.item(1));





JavaScript позволяет задать обращение к элементам списка более компактным образом. Например, приведенный пример можно записать и так:



alert(document.styleSheets[0].media[1]);





Вперед  >>>
 1  2  3  4  5  6  7 


 8  Комментарии к статье  8 8  Обсудить в чате

 
  
  
    Copyright ©  RIN 2003 - 2004      * Обратная связь