Глава 3. Общие свойсва и методы элементов

Признаюсь честно, это глава нужна, чтобы не повторятся, поводом для неё послужила элементарная лень. В дальнейшем при описании атрибутов, я буду ссылаться на эту главу. При описании я буду упоминать элементы, которые еще не описывал, но надеюсь, всё будет понятно. На описании атрибутов, которые связаны с RDF, я сильно не буду углубляться - некоторые из них я не до конца понял сам, некоторые я побробно посмотрю впоследсвии. Часть глава является переводом страницы с xulplanet. Покаявшись, приступим :).

• align - атрибут указывает, как будут выравниваться дочерние элементы внутри этого элементов. Применяется к группирующим элементам, таким как , и другим. Возможные значения:
  
  
  • start - дочерние элементы прилипают к левому верхнему краю.
  • center - дочерние элементы выравниваются по центру.
  • end - равнение на правый нижний угол.
  • stretch - значение по умолчанию, дочерние элементы растягиваются, чтобы заполнить весь объём элемента. При изменении элементом размера, все дочерние элементы меняют свой размер тоже.
  • baseline - выравнивает элементы по горизонтальной линии.
  вот пример применения,Посмотреть пример

  	<?xml version="1.0" encoding="windows-1251"?>
  <?xml-stylesheet href="chrome://global/skin/" type="text/css"?>
  <window
      title="Пример"
      id="ButtonWin"
      orient="horizontal" 
      xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
  	<vbox align="stretch" flex="1">
  		<button label="Ура!" />
  		<label value="align=stretch, кнопка заполняет обьём" />
  	</vbox>
  </window>
  	

• allowevents - если истина - события доходят к дочерним элементам, иначе событие получает только родительский элемент.
• class - класс стиля элемента, значение аннологично class HTML. Если классов больше чем один - разделяем их пробелами.
• collapsed - если истина, элемент "свёрнут" и не показывается.
• container - если истина - то элемент может выступать как контейнер для дочерних элементов.
• context - указывает на id всплывающего объекта, используется при контекстном нажатии. Контекстное нажатие зависит от платформы, обычно это правая клавиша мыши. Часто указывает на контекстное меню.
• contextmenu - тоже самое, что и context.
• datasources - источник данных используемого для создания наполнения элемента. может быть как внутренним источником, таким как rdf:bookmarks или быть ссылкой (URL) на RDF файл. Вы можете указать значение 'rdf:null', которое укажет на то, что элемент может иметь источник данных. Если вы не укажите это сразу, то вы не сможете добавить источник впоследствии.
• debug - если установить значение в true - этот элемент и все дочерние выделятся толстой рамкой, шрифтом. Также в зависимости от ориентации элемента будет меняться цвет рамки. Горизонтальная ориентация - выделяется синим цветом, вертикальная - красным.
• dir - взаиморасположение по горизонтали дочерних элементов.
  • ltr - элементы располагаются слева направо или сверху вниз в зависимости от orient (по умолчанию)
  • rtl - справа или снизу
  
  
• empty - пустой элемент, не имеет дочерних.
• equalsize - используется для того, чтобы сделать дочерние элементы одинакового размера.
  • always - для горизонтальной ориентации - все элементы одинаковой ширины, определяющейся по самому широкому элементу, для вертикальной - соответственно одинаковой высоты.
  • never - (по умолчанию) размер дочерних элементов определяется их собсвенными атрибутами и стилями.
• flex - атрибут отражает гибкость элемента. Гибкие элементы стремятся вырасти и заполнить весь имеющийся обьём. Если есть несколько элементов с таким атрибутом - то тот растёт больше, у которого значение этого атрибута больше. Значение элемента - целое число.
  Посмотреть пример
  

  	<?xml version="1.0" encoding="windows-1251"?>
  <?xml-stylesheet href="chrome://global/skin/" type="text/css"?>
  <window
      title="Пример"
      id="ButtonWin"
      xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
  	<vbox style="width: 390px;" orient="horizontal" >
  		<button label="1" flex="1" />
  		<button label="2" />
  	</vbox>
  </window>
  	

  
  
  
• flexgroup - атрибут используется для группировки гибких элементов. Значение элемента - целое число. Элементы с меньшим flexgroup растягиваются в первую очередь. Когда они достигнут максимального размера, система примется за "растягивание" элементов с большим размером этого атрибута.
• height - Высота в пикселях, лучше использовать CSS.
• hidden - если установлен атрибут - элемент просто не показывается, но место на экране занимает.
• id - уникальный идентификатор . Хорошим тоном является введение идентификатора к любому элементу. Служит неким уникальным именем, по которому можно будет обращаться к нему из других частей программы. Должен состоять из английских букв, цифр и знака подчёркивания. Не может начинаться с цифры. Вы можете обращаться к этому элементу по id используя функуию getElementById() и ддругими DOM функциями, и ссылаться на него, используя теблицы стилей.
  
• maxheight, maxwidth максимальная высота и широта элемента. Используется при автоматическом изменении размеров элементов, например, таких как flex. Дублирует значения CSS max-height, max-width.
• menu - альтернативное имя popupmenu.
• minheight, minwidth минимальная высота и широта элемента. Используется при автоматическом изменении размеров элементов, например, таких как flex. Дубрирует значения CSS min-height, min-width.
• ordinal - порядковый номер. Целое число. По умолчанию дочерние элементы внутри родительских нумеруются в порядке объявления. Это переменная позволяет изменить этот порядок.
• orient - ориентация дочерних элементов внутри по умолчанию, может принимать значение horizontal и vertical (по горизонтали и вертикали). Комбинируется с значением dir. Так внутри контейнера с тегами
  orient='horizontal' dir='rtl' - элементы будут располагаться по вертикали, снизу вверх.
  Значение по умолчанию horizontal.
• pack - распределение свободного места, если элемент контейнер (например window) больше по размеру, чем дочерние элементы. Принимает значения:
  • start - элементы вначале, свободное место в конце. Где находится этот "конец" зависит от ориентации элементов. Значение по умолчанию.
  • end - элементы в конце, свободное место вначале.
  • center - свободное место "размазывается" между элементами.
• popup - id всплывающего элемента (например меню), при нажатии на нем кнопкой мыши (обращаю внимание context - по правой кнопке, popup - по левой).
• statustext - строка, появляющаяся в строке статуса при наведении мыши.
• tooltip - id элемента, который "всплывет" при наведении мыши. . Рассмотрим позднее.
• tooltiptext - строка подсказки, которая "всплывёт" при наведении.
• width - ширина элемента, в пикселях. Можно использовать CSS.

• Продолжить к Главе 4
• Вернуться к Главе 2

Хотите помочь? Вы нашли ошибку или хотите сделать комментарий - пишите. Я рад любой помощи.