XUL:resizer

出典: MDC

« XUL リファレンス HOME    [ 例 | 属性 | プロパティ | メソッド | 関連項目 ]

window のサイズ変更に使用される要素。resizer の内側にカスタムサイズ変更ボタンを置くと、ユーザがそれをドラッグすることによって window サイズを変更することができます。resizer はサイズ変更が完了した後、command イベントを送ります。

属性

dir

[編集] 例

<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
	hidechrome="true"
	windowtype="main"
	orient="vertical"
	sizemode="normal"
	width="400" height="300"
	persist="screenX screenY width height">
	<hbox flex="1">
		<vbox width="2" style="background-color: grey;">
			<resizer dir="topleft" height="2" style="cursor: nw-resize;"/>
			<resizer dir="left" flex="1" style="cursor: w-resize;"/>
			<resizer dir="bottomleft" height="2" style="cursor: sw-resize;"/>
		</vbox>
		<vbox flex="1">
			<resizer dir="top" height="2" style="background-color: grey; cursor: n-resize;"/>
			<browser flex="1" id="browser" type="content-primary"/>
			<resizer dir="bottom" height="2" style="background-color: grey; cursor: s-resize;"/>
		</vbox>
		<vbox width="2" style="background-color: grey; overflow: hidden;">
			<resizer dir="topright" height="2" style="cursor: ne-resize;"/>
			<resizer dir="right" flex="1" style="cursor: e-resize;"/>
			<resizer dir="bottomright" height="2" style="cursor: se-resize;"/>
		</vbox>
	</hbox>
</window>

[編集] 属性

dir

型: 下記の値のいずれか一つ

window がサイズ変更される方向。

• left: 左へサイズ変更。
• right: 右へサイズ変更。
• top: 上へサイズ変更。
• bottom: 下へサイズ変更。
• bottomleft: 左下へサイズ変更。
• bottomright: 右下へサイズ変更。
• topleft: 左上へサイズ変更。
• topright: 右上へサイズ変更。

XUL 要素からの継承 align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortDirection, sortResource, sortResource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width

[編集] プロパティ

XUL 要素からの継承 align, allowEvents, boxObject, builder, className, collapsed, contextMenu, controllers, currentItem, database, datasources, dir, flex, height, hidden, id, left, listBoxObject, maxHeight, maxWidth, menu, minHeight, minWidth, observes, ordinal, orient, pack, persist, ref, resource, statusText, style, tooltip, tooltipText, top, value, width DOM 要素からの継承 attributes, childNodes, cloneNode, firstChild, lastChild, localName, namespaceURI, nextSibling, nodeName, nodeType, nodeValue, ownerDocument, parentNode, prefix, previousSibling, tagName

[編集] メソッド

XUL 要素からの継承 blur, click, doCommand, focus, getElementsByAttribute DOM 要素からの継承 addEventListener, appendChild, dispatchEvent, getAttribute, getAttributeNode, getAttributeNodeNS, getAttributeNS, getElementsByTagName, getElementsByTagNameNS, hasAttribute, hasAttributeNS, hasAttributes, hasChildNodes, insertBefore, isSupported, normalize, removeAttribute, removeAttributeNode, removeAttributeNS, removeChild, removeEventListener, replaceChild, setAttribute, setAttributeNode, setAttributeNodeNS, setAttributeNS

[編集] 関連項目

TBD