Search completed in 1.25 seconds.
WebGLRenderingContext.getContextAttributes() - Web APIs
the webglrenderingcontext.getcontext
attributes() method returns a webglcontext
attributes object that contains the actual context parameters.
... syntax gl.getcontext
attributes(); return value a webglcontext
attributes object that contains the actual context parameters, or null if the context is lost.
... examples given this <canvas> element <canvas id="canvas"></canvas> and given this webgl context var canvas = document.getelementbyid('canvas'); var gl = canvas.getcontext('webgl'); gl.getcontext
attributes(); the getcontext
attributes method returns an object that describes the
attributes set on this context, for example: { alpha: true, antialias: true, depth: true, failifmajorperformancecaveat: false, powerpreference: "default", premultipliedalpha: true, preservedrawingbuffer: false, stencil: false, desynchronized: false } the context
attributes can be set when creating the context using the htmlcanvaselement.getcontext() method: canvas.getcontext('webgl', { antialias: false, depth: false }); see getcontext() for more information abou...
...And 2 more matches
Hello vertex attributes - Web APIs
« previousnext » this webgl example demonstrates how to combine shader programming and user interaction by sending user input to the shader using vertex
attributes.
... <p>first encounter with
attributes and sending data to gpu.
..." + "error log: " + linkerrlog; return; } initialize
attributes(); gl.useprogram(program); gl.drawarrays(gl.points, 0, 1); document.queryselector("canvas").addeventlistener("click", function (evt) { var clickxrelativtocanvas = evt.pagex - evt.target.offsetleft; var clickxinwebglcoords = 2.0 * (clickxrelativtocanvas- gl.drawingbufferwidth/2) / gl.drawingbufferwidth; gl.bufferdata(gl.array_buffer, ...
... new float32array([clickxinwebglcoords]), gl.static_draw); gl.drawarrays(gl.points, 0, 1); }, false); } var buffer; function initialize
attributes() { gl.enablevertexattribarray(0); buffer = gl.createbuffer(); gl.bindbuffer(gl.array_buffer, buffer); gl.bufferdata(gl.array_buffer, new float32array([0.0]), gl.static_draw); gl.vertexattribpointer(0, 1, gl.float, false, 0, 0); } window.addeventlistener("beforeunload", cleanup, true); function cleanup() { gl.useprogram(null); if (buffer) gl.deletebuffer(buffer); if (program) gl.deleteprogram(program); } function getrenderingcontext() { var canvas = document.queryselector("canvas"); canvas.width = canvas.clientwidth; canvas.height = canvas.clientheight; var gl = canvas.getcontext("webgl") || canvas.getco...
SVG Core Attributes - SVG: Scalable Vector Graphics
the svg core
attributes are all the common
attributes that can be specified on any svg element.
... id lang tabindex xml:base xml:lang xml:space
attributes id defines a unique identifier (id) which must be unique in the whole document.
... svg 2 introduce the new lang
attributes.
... svg 2 introduce the new lang
attributes.
SVG Presentation Attributes - SVG: Scalable Vector Graphics
svg presentation
attributes are css properties that can be used as
attributes on svg elements.
...r-end marker-mid marker-start mask opacity overflow pointer-events shape-rendering solid-color solid-opacity stop-color stop-opacity stroke stroke-dasharray stroke-dashoffset stroke-linecap stroke-linejoin stroke-miterlimit stroke-opacity stroke-width text-anchor text-decoration text-rendering transform unicode-bidi vector-effect visibility word-spacing writing-mode
attributes alignment-baseline it specifies how an object is aligned along the font baseline with respect to its parent.
... value: nonezero|evenodd|inherit; animatable: yes color it provides a potential indirect value (currentcolor) for the fill, stroke, stop-color, flood-color and lighting-color presentation
attributes.
Attributes
« nsiaccessible page summary
attributes of accessible.
... attribute nsipersistentproperties
attributes; ...
SVG Conditional Processing Attributes - SVG: Scalable Vector Graphics
the svg conditional processing
attributes are all the
attributes that can be specified on some svg elements to control whether or not the element on which it appears should be rendered.
... externalresourcesrequired requiredextensions requiredfeatures systemlanguage
attributes externalresourcesrequired deprecated since svg 2 if set to true, it indicates that the browser must wait for all the external resources necessary to render that element to be loaded before processing the associated element.
Index - Archive of obsolete content
5 attribute (xul) xul
attributes, xul reference no summary!
... 8 acceltext xul
attributes, xul reference no summary!
... 9 accessible xul
attributes, xul reference no summary!
...And 368 more matches
Index - Archive of obsolete content
752 attribute (xul) xul
attributes, xul reference no summary!
... 755 acceltext xul
attributes, xul reference no summary!
... 756 accessible xul
attributes, xul reference no summary!
...And 353 more matches
Index - Web APIs
5 angle_instanced_arrays.vertexattribdivisorangle() angle_instanced_arrays, api, method, reference, webgl, webgl extension the angle_instanced_arrays.vertexattribdivisorangle() method of the webgl api modifies the rate at which generic vertex
attributes advance when rendering multiple instances of primitives with ext.drawarraysinstancedangle() and ext.drawelementsinstancedangle().
... 98 arraybufferview api, interface, javascript, reference, typed arrays arraybufferview is a helper type representing any of the following javascript typedarray types: 99 attr api, dom the attr interface represents one of a dom element's
attributes as an object.
... 169 audioparam.defaultvalue api, audioparam, property, reference, web audio api, defaultvalue the defaultvalue read-only property of the audioparam interface represents the initial value of the
attributes as defined by the specific audionode creating the audioparam.
...And 54 more matches
HTML documentation index - HTML: Hypertext Markup Language
7 global
attributes attribute, html, reference, web global
attributes are
attributes common to all html elements; they can be used on all elements, though they may have no effect on some elements.
... 8 accesskey global
attributes, html, reference, accesskey the accesskey global attribute provides a hint for generating a keyboard shortcut for the current element.
... 9 autocapitalize autocapitalize, global
attributes, html, reference the autocapitalize global attribute is an enumerated attribute that controls whether and how text input is automatically capitalized as it is entered/edited by the user.
...And 37 more matches
WebIDL bindings
e> dosomethingelse(optional<int32_t> amaybenumber, errorresult& rv); void dosomethingelse(myclass& aotherinstance, errorresult& rv); void dotheother(jscontext* cx, js::value asomething); void doyetanotherthing(bool aactuallydoit); static void staticoperation(const globalobject& aglobal, js::value asomething); } c++ reflections of webidl
attributes a webidl attribute is turned into a pair of method calls for the getter and setter on the underlying c++ object.
... custom extended
attributes our webidl parser and code generator recognize several extended
attributes that are not present in the webidl spec.
...this is more efficient than using the same binaryname for both
attributes, because it shares the binding glue code between them.
...And 27 more matches
MCD, Mission Control Desktop, AKA AutoConfig - Archive of obsolete content
ref: bug 690370 available functions are (see prefcalls.js file for details): function getprefbranch() function pref(prefname, value) function defaultpref(prefname, value) function lockpref(prefname, value) function unlockpref(prefname) function getpref(prefname) function getldap
attributes(host, base, filter, attribs) function getldapvalue(str, key) function displayerror(funcname, message) function getenv(name) configure autoconfig two directives ask thunderbird to use autoconfig at startup: # cat /usr/lib/thunderbird/defaults/pref/tb-autoconf.js // 20100526 - modification autoconfig jehan.
...pref("mail.smtpserver.smtp1.try_ssl", 0); lockpref("mail.smtpserver.smtp1.username", ""); lockpref("mail.smtpservers", "smtp1"); lockpref("mail.startup.enabledmailcheckonce", true); lockpref("mailnews.quotingprefs.version", 1); lockpref("mailnews.ui.threadpane.version", 5); /* 3) define here (because if set after "4)" below it doesn't work!) processldapvalues which is eventually called by getldap
attributes() just below, check getldap
attributes() code from $mozilla_home/defaults/autoconfig/prefcalls.js to see the inside call to "user defined" processldapvalues */ function processldapvalues(values) { if(values) { // set the global var with the values returned from the ldap query ldap_values = values; var uid = getldapvalue(values, "uid"); var cn = getldapvalue(values, "cn"); va...
...var env_mozdebug= getenv("mozilla_debug"); if (env_mozdebug) {displayerror("no error, just a debug, cn =" + cn + " and mail = " + mail); } } } // 4) call ldap servers to get ldap
attributes (mail & cn), this will finally call processldapvalues, "3)" just above.
...And 26 more matches
JXON - Archive of obsolete content
the algorithms proposed here (see: #1, #2, #3, #4) will consider only the following types of nodes and their
attributes: document (only as function argument), documentfragment (only as function argument), element, text (never as function argument), cdatasection (never as function argument), attr (never as function argument).
... in order to avoid conflicts, the representation of nodes and
attributes names is case insensitive (always rendered in lower case), so objects' local property names set using javascript must always have some kind of capitalization (that is, at least one capital letter somewhere in their names), as you can see below.
...the text content of each element is stored into the keyvalue property, while node
attributes, if they exist, are listed under the child object key
attributes.
...And 25 more matches
Plug-in Basics - Plugins
depending on the element and its
attributes, a plug-in can be visible or hidden, or can appear as part of a page or as a full page in its own window.
...for details about the html elements and their
attributes, go on to: using the object element for plug-in display using the embed element for plug-in display plug-in display modes whether you are writing an html page to display a plug-in or developing a plug-in for an html author to include in a page, you need to understand how the display mode affects the way plug-ins appear.
...when gecko encounters the object or embed element in a document, it attempts to find and display the file represented by the data and src
attributes, respectively.
...And 23 more matches
MutationObserverInit.attributeFilter - Web APIs
the mutationobserverinit dictionary's optional attributefilter property is an array of strings specifying the names of the
attributes whose values are to be monitored for changes.
... if this property is specified, there's no need to also set
attributes to true, as it's implied.
... if the
attributes permission is true but no attributefilter is included in the options object, all
attributes' values are watched for changes.
...And 5 more matches
DOM onevent handlers - Developer guides
for example, for the progress event on instances of xmlhttprequest: const xhr = new xmlhttprequest(); xhr.onprogress = function() { … }; html onevent
attributes html elements have
attributes named onevent which can be used to register a handler for an event directly within the html code.
... when the element is built from the html, the value of its onevent
attributes are copied to the dom object that represents the element, so that accessing the
attributes' values using javascript will get the value set in the html.
... html given this html document: <p>demonstrating quirks of <code>on<em>event</em></code> html
attributes on <a onclick="log('click!')">these three words</a>.
...And 5 more matches
<input type="image"> - HTML: Hypertext Markup Language
supported common
attributes alt, src, width, height, formaction, formenctype, formmethod, formnovalidate, formtarget idl
attributes none.
... value <input type="image"> elements do not accept value
attributes.
... additional
attributes in addition to the
attributes shared by all <input> elements, image button inputs support the following
attributes: attribute description alt alternate string to display when the image can't be shown formaction the url to which to submit the data formenctype the encoding method to use when submitting the form data formmethod the http method to use when submitting the form formnovalidate a boolean which, if present, indicates that the form shouldn't be validated before submission formtarget a string indicating a browsing context from where to load the results of submitting the form height the height, in c...
...And 5 more matches
xlink:href - SVG: Scalable Vector Graphics
any
attributes which are defined on the referenced <filter> element which are not defined on this element are inherited by this element.
...inheritance can be indirect to an arbitrary level; thus, if the referenced <filter> element inherits
attributes or its filter node specification due to its own xlink:href attribute, then the current element can inherit those
attributes or filter node specifications.
...any <lineargradient>
attributes which are defined on the referenced element which are not defined on this element are inherited by this element.
...And 5 more matches
SVG Attribute reference - SVG: Scalable Vector Graphics
svg elements can be modified using
attributes that specify details about exactly how the element should be handled or rendered.
... below is a list of all of the
attributes available in svg along with links to reference documentation to help you learn which elements support them and how they work.
... svg
attributes a to z a accent-height accumulate additive alignment-baseline allowreorder alphabetic amplitude arabic-form ascent attributename attributetype autoreverse azimuth b basefrequency baseline-shift baseprofile bbox begin bias by c calcmode cap-height class clip clippathunits clip-path clip-rule color color-interpolation color-interpolation-filters color-profile color-rendering contentscripttype contentstyletype cursor cx cy d d decelerate descent diffuseconstant direction display divisor dominant-baseline dur dx dy e edgemode elevation enable-background end exponent externalresourcesrequired f fill fill-opacity fill-rule filter filterres filterunits flood-color flood-opacity font-family font-size fo...
...And 5 more matches
Content type - SVG: Scalable Vector Graphics
for angle values in svg-specific properties and their corresponding presentation
attributes, the angle unit identifier is optional.
...in presentation
attributes for all properties, whether defined in svg1.1 or in css2, the angle identifier, if specified, must be in lower case.
...<color> applies to svg's use of the color attribute and is a component of the definitions of
attributes fill, stroke, stop-color, flood-color, and lighting-color, which also offer optional icc-based color specifications.
...And 5 more matches
Using custom elements - Web Components
for example, connectedcallback is invoked each time the custom element is appended into a document-connected element, while attributechangedcallback is invoked when one of the custom element's
attributes is added, removed, or changed.
... attributechangedcallback: invoked each time one of the custom element's
attributes is added, removed, or changed.
... which
attributes to notice change for is specified in a static get observed
attributes method let's look at an example of these in use.
...And 5 more matches
Microsummary XML grammar reference - Archive of obsolete content
warning: microsummary support was removed in gecko 6.0 (firefox 6.0 / thunderbird 6.0 / seamonkey 2.3) this article provides detailed information about the xml grammar used to build microsummary generators, describing each element and their
attributes.
...
attributes: name (required) a descriptive, human-readable name for the microsummary created by the generator.
...
attributes: none.
...And 4 more matches
Getting File Information - Archive of obsolete content
the nsifile object has a number of useful
attributes which may be used to retrieve information about a file.
... two useful
attributes filesize and lastmodifiedtime (nsifile.
attributes) provide a means of retrieving the size of a file and the time when the file was last changed.
... file size the filesize (nsifile.
attributes) attribute holds the size of a file in bytes.
...And 4 more matches
Simple Query Syntax - Archive of obsolete content
there are several
attributes in the example xul content above that have values prefixed with 'rdf:'.
...the triples to check are specified using
attributes on the rule element (thus, a rule element should be used).
...you can use multiple
attributes to filter by several criteria.
...And 4 more matches
SeaMonkey - making custom toolbar (SM ver. 1.x) - Archive of obsolete content
<rdf:li>chrome://custombutton/content/button.xul</rdf:li> </rdf:seq> </rdf:li> <!-- calendar --> <rdf:li> <rdf:seq about="chrome://calendar/content/calendar.xul"> <rdf:li>chrome://custombutton/content/button.xul</rdf:li> </rdf:seq> </rdf:li> </rdf:seq> </rdf:rdf> optionally customize the file by changing the displayname, description and author
attributes.
...calendar --> <toolbar id="calendar-bar"> <toolbarbutton id="custom-button-1" position="10"/> </toolbar> <!-- button details --> <toolbarbutton id="custom-button-1" label="custom" tooltiptext="my custom toolbar button" oncommand="custombutton[1]()" class="toolbarbutton-1 custombutton" /> </overlay> optionally customize the file by changing the label, accesskey and tooltiptext
attributes.
...in the id and oncommand
attributes, change 1 to 2.
...And 4 more matches
Document Object Model - Archive of obsolete content
xul element dom every xul element has a set of
attributes, a set of properties and a set of children.
... the
attributes are declared in the source, for example, flex="1", is a flex attribute set to the value 1.
... it is possible to manipulate the
attributes, properties and children of an element dynamically using dom methods.
...And 4 more matches
tooltip - Archive of obsolete content
« xul reference home [ examples |
attributes | properties | methods | related ] this element is used for the tooltip popups.
...
attributes crop, default, label, noautohide, onpopuphidden, onpopuphiding, onpopupshowing, onpopupshown, page, position properties accessibletype, label, popupboxobject, position, state methods hidepopup, moveto, openpopup, openpopupatscreen, showpopup, sizeto examples <tooltip id="moretip" orient="vertical" style="background-color: #33dd00;"> <label value="click here to see more information"/> <label value="really!" style="color: red;"/> </tooltip> <vbox> <button label="simple" tooltiptext="a simple popup"/> <button label="more" tooltip="moretip"/> </vbox>
attributes crop...
...(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getuserdata, hasattribute(), hasattributens(), has
attributes(), haschildnodes(), insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), removeattribute(), removeattributenode(), removeattributens(), removechild(), removeeventlistener(), replacechild(), setattribute(), setattributenode(), setattributenodens(), setattributens(), setuserdata ...
...And 4 more matches
Gecko Compatibility Handbook - Archive of obsolete content
use consistent case when writing html id and class name
attributes and css styles for those ids and classes.
... <style type="text/css"> #id1 { text-decoration: line-through; } #id1 { text-decoration: underline; } </style> <div id="id1"> should be line-through </div> <div id="id1"> should be underline </div> -(example removed)- note that the w3c's html validator will flag html id
attributes as duplicates if they only differ due to case.
... there appears to be some inconsistency between the actual html 4.01 recommendation and the sgml declaration for html on whether id
attributes are case sensitive or not.
...And 4 more matches
XForms Input Element - Archive of obsolete content
attributes ui common appearance - the value of this attribute gives a hint to the xforms processor as to which type of widget(s) to use to represent this control accesskey - used to specify the keyboard shortcut for focusing this control single-node binding special inputmode - not supported for this control incremental - supported.
...analogous widgets are <xhtml:input type="text"/> and <xul:textbox/> specific handling of
attributes incremental - if "true", the bound instance node will be updated on each character typed by the user.
... specific handling of
attributes incremental - if "true" or this attribute is omitted from this element, then the instance node will be updated when the user checks or un-checks the checkbox.
...And 4 more matches
IAccessibleEditableText
overview hresult copytext([in] long startoffset, [in] long endoffset ); hresult cuttext([in] long startoffset, [in] long endoffset ); hresult deletetext([in] long startoffset, [in] long endoffset ); hresult inserttext([in] long offset, [in] bstr text ); hresult pastetext([in] long offset ); hresult replacetext([in] long startoffset, [in] long endoffset, [in] bstr text ); hresult set
attributes([in] long startoffset, [in] long endoffset, [in] bstr
attributes ); methods copytext() copies the text range into the clipboard.
...set
attributes() replaces the
attributes of a text range by the given set of
attributes.
... sets the
attributes for the text between the two given indices.
...And 4 more matches
nsIAccessible
last changed in gecko 1.9.2 (firefox 3.6 / thunderbird 3.1 / fennec 1.0) overview this section provides short overview of methods and
attributes of this interface.
... all methods and
attributes are grouped by categories.
... nsiaccessible.role to get the role of the accessible nsiaccessible.getstate() to get states of the accessibe nsiaccessible.name, nsiaccessible.value to get the name and the value of the accessible tree navigation you can navigate through the accessible tree by the following methods and
attributes.
...And 4 more matches
nsIAccessibleEditableText
the operations it supports includes setting text
attributes and text contents while also replacing old text of an object with new text.
... inherits from: nsisupports last changed in gecko 1.9 (firefox 3) method overview void copytext(in long startpos, in long endpos); void cuttext(in long startpos, in long endpos); void deletetext(in long startpos, in long endpos); void inserttext(in astring text, in long position); void pastetext(in long position); void set
attributes(in long startpos, in long endpos, in nsisupports
attributes); unimplemented void settextcontents(in astring text);
attributes attribute type description associatededitor nsieditor returns an editor associated with the accessible.
... set
attributes() sets the
attributes for the text between the two given indices.
...And 4 more matches
nsIFile
void normalize(); file openansifiledesc(in string mode); prfiledescstar opennsprfiledesc(in long flags, in long mode); void renameto(in nsifile newparentdir, in astring newname); void remove(in boolean recursive); void reveal(); void setrelativedescriptor(in nsifile fromfile, in acstring relativedesc);
attributes attribute type description directoryentries nsisimpleenumerator returns an enumeration of the elements in a directory.
...that is, it will copy the old file to the new location, try to assign the file
attributes as the old file had them, and then delete the old file.
... if attribute data cannot be recreated (like the file owner if you don't have enough privileges, or acl data if moving to a non-acl volume), then those
attributes will be lost.
...And 4 more matches
nsIParserUtils
sanitizerallowstyle (1 << 1) flag for sanitizer: allow <style> elements and style
attributes (with contents sanitized in case of -moz-binding).
... at present, sanitizing css syntax in svg presentational
attributes is not supported, so this option flattens out svg.
... sanitizerdropnoncsspresentation (1 << 3) flag for sanitizer: drops non-css presentational html elements and
attributes, such as <font>, <center>, and the bgcolor attribute.
...And 4 more matches
Creating a gloda message query
stener_onitemsmodified(aitems, acollection) { }, /* called when items that are in our collection are purged from the system */ onitemsremoved: function mylistener_onitemsremoved(aitems, acollection) { }, /* called when our database query completes */ onquerycompleted: function mylistener_onquerycompleted(acollection) { } }; let collection = query.getcollection(mylistener); message
attributes look at the pretty messages!
...each message is a glodamessage, whose database-row
attributes are implemented/defined in gloda's datamodel.js.
... however, many
attributes are dynamically contributed by built-in logic (fundattr.js and explattr.js) as well as other extensions.
...And 4 more matches
Web applications and ARIA FAQ - Accessibility
these are specified by adding
attributes to the element.
...the aria-valuemin and aria-valuemax
attributes specify the minimum and maximum values for the progress bar, and the aria-valuenow describes the current state of it.
... along with placing them directly in the markup, aria
attributes can be added to the element and updated dynamically using javascript code like this: // find the progress bar <div> in the dom.
...And 4 more matches
ARIA - Accessibility
accessible rich internet applications (aria) is a set of
attributes that define ways to make web content and web applications (especially those developed with javascript) more accessible to people with disabilities.
...these are specified by adding
attributes to the element.
...the aria-valuemin and aria-valuemax
attributes specify the minimum and maximum values for the progress bar, and the aria-valuenow describes the current state of it and therefore must be kept updated with javascript.
...And 4 more matches
An overview of accessible web applications and widgets - Accessibility
aria aria enables developers to describe their widgets in more detail by adding special
attributes to the markup.
... the aria specification is split up into three different types of
attributes: roles, states, and properties.
... aria
attributes are interpreted automatically by the browser and translated to the operating system's native accessibility apis.
...And 4 more matches
<input type="number"> - HTML: Hypertext Markup Language
events change and input supported common
attributes autocomplete, list, placeholder, readonly idl
attributes list, value, valueasnumber methods select(), stepup(), stepdown() value any floating-point number, or empty.
... you can set a default value for the input by including a number inside the value attribute, like so: <input id="number" type="number" value="42"> additional
attributes in addition to the
attributes commonly supported by all <input> types, inputs of type number support these
attributes: attribute description list the id of the <datalist> element that contains the optional pre-defined autocomplete options max the maximum value to accept for this input min the minimum value to accept for this input placeholder an example value to display inside the field when it's empty readonly a boolean attribute indicating whether the value is read-only step a stepping interval to use when using up and down arrows to adjus...
... specifying minimum and maximum values you can use the min and max
attributes to specify a minimum and maximum value that the field can have.
...And 4 more matches
<pattern> - SVG: Scalable Vector Graphics
the <pattern> is referenced by the fill and/or stroke
attributes on other graphics elements to fill or stroke those elements with the referenced pattern.
...g { height:100% } <svg viewbox="0 0 230 100" xmlns="http://www.w3.org/2000/svg"> <defs> <pattern id="star" viewbox="0,0,10,10" width="10%" height="10%"> <polygon points="0,0 2,5 0,10 5,8 10,10 8,5 10,0 5,2"/> </pattern> </defs> <circle cx="50" cy="50" r="50" fill="url(#star)"/> <circle cx="180" cy="50" r="40" fill="none" stroke-width="20" stroke="url(#star)"/> </svg>
attributes height this attribute determines the height of the pattern tile.
... value type: <length>|<percentage>; default value: 0; animatable: yes href this attribute reference a template pattern that provides default values for the <pattern>
attributes.
...And 4 more matches
SVG 2 support in Mozilla - SVG: Scalable Vector Graphics
lementation status unknown lang attribute on <desc> and <title> implemented (bug 721920) css transforms on outermost <svg> not affecting svgsvgelement.currentscale or svgsvgelement.currenttranslate implementation status unknown rootelement attribute deprecated implementation status unknown svgelementinstance and svgelementinstancelist and corresponding
attributes on svguseelement removed implementation status unknown <use> event flow following shadow dom spec.
... implementation status unknown auto as initial value for width and height
attributes of <svg> implementation status unknown baseprofile and version
attributes removed from <svg> implementation status unknown svgsvgelement.forceredraw() deprecated turned into a no-op (bug 733764) svgsvgelement.deselectall() deprecated not yet deprecated (bug 1302705) <switch> not affecting <style> implementation status unknown requiredfeatures attribute removed implementation status unknown svgsvgelement.currentview and svgsvgelement.usecurrentview removed svgsvgelement.currentview was never implemented, svgsvgelement.usecurrentview not removed yet (bug 1174097) svgunknownelement not implemented (bug 1239218) l...
... and <textpath> graphics elements implementation status unknown allow x, y, width, and height on <symbol> implementation status unknown made <use> element shadow trees consistent with shadow dom spec implementation status unknown role mapping of <a> element depending on whether it is a valid link implementation status unknown aria state and property
attributes animatable implementation status unknown styling change notes contentstyletype attribute removed implementation status unknown linkstyle on svgstyleelement implemented (bug 1239128 (firefox 46.0 / thunderbird 46.0 / seamonkey 2.43)) inner <svg>s and <foreignobjects>s not overflow: hidden; in ua style sheet implementation status unknow...
...And 4 more matches
Custom XUL Elements with XBL - Archive of obsolete content
with xbl you can define new elements and define their properties,
attributes, methods and event handlers.
...}, this is where the advantage of xbl is obvious: we only need to create a single node and set some
attributes.
... the xbl:inherits attribute lets your inner xul use the
attributes that are set on the node.
...And 3 more matches
Appendix E: DOM Building and Insertion (HTML & XUL) - Archive of obsolete content
parse element namespace prefix (if none exists, default to defaultnamespace), and create element var elemns = namespace(elemnameorarray); var elem = doc.createelementns(elemns.namespace || jsontodom.defaultnamespace, elemns.shortname); // set element's
attributes and/or callback functions (eg.
... onclick) for (var key in elemattr) { var val = elemattr[key]; if (nodes && key == "key") { nodes[val] = elem; continue; } var attrns = namespace(key); if (typeof val == "function") { // special case for function
attributes; don't just add them as 'on...'
attributes, but as events, using addeventlistener elem.addeventlistener(key.replace(/^on/, ""), val, false); } else { // note that the default namespace for xml
attributes is, and should be, blank (ie.
...event listeners can be defined on the given nodes by passing functions rather than strings to on*
attributes: var href = "http://www.google.com/"; var text = "google"; var nodes = {}; document.documentelement.appendchild( jsontodom(["xul:hbox", {}, ["div", {}, ["a", { href: href, key: "link", onclick: function (event) { alert(event.target.href); } }, text], ["span", { class: "stuff" }, "stuff"]]], document, ...
...And 3 more matches
Introduction to XUL - Archive of obsolete content
our current code tends not to be strict about enforcing this, especially for tags and
attributes in the html namespace.
... this will change: tags and
attributes will, as a rule, always be lower case as suggested in the xhtml working draft.
...correct namespace usage dictates that the namespace be used only for the tag, not in individual
attributes.
...And 3 more matches
OpenClose - Archive of obsolete content
for menupopups attached to other elements using the popup or context
attributes, see opening a popup below.
...for menupopups attached to other elements using the popup or context
attributes, see closing a popup below.
...the openpopup method is defined as follows: void openpopup(in domelement anchorelement, in string position, in long x, in long y, in boolean iscontextmenu, in boolean
attributesoverride); first an example: somepopup.openpopup(anchor, "after_start", 0, 0, false, false); this example will open a popup located just underneath another element referenced by 'anchor'.
...And 3 more matches
Sorting Results - Archive of obsolete content
there are two additional
attributes used for sorting, which you may set on a column to specify the initial sort.
... these
attributes are modified when the user changes the sort.
...the tree will change both
attributes as necessary automatically when the column headers are clicked or the tree is sorted by other means.
...And 3 more matches
textbox (Toolkit autocomplete) - Archive of obsolete content
« xul reference home [ examples |
attributes | properties | methods | related ] this element is created by setting the type attribute of the textbox to autocomplete.
...
attributes accesskey, autocompletepopup, autocompletesearch, autocompletesearchparam, completedefaultindex, completeselectedindex,crop, disableautocomplete, disabled, disablekeynavigation, enablehistory, focused, forcecomplete, highlightnonmatches, ignoreblurwhilesearching, inputtooltiptext, label, maxlength, maxrows, minresultsforpopup, nomatch, onchange, oninput, onsearchcomplete, ontextentered, ontextreverted, open, readonly,showcommentcolumn, showimagecolumn, size, tabindex...
...gth, maxrows, minresultsforpopup, open, popup, popupopen, searchcount, searchparam, selectionend, selectionstart, showcommentcolumn, showimagecolumn,size, tabindex, tabscrolling, textlength, textvalue, timeout, type, value methods getsearchat, onsearchcomplete, ontextentered, ontextreverted, select, setselectionrange examples <textbox type="autocomplete" autocompletesearch="history"/>
attributes accesskey type: character this should be set to a character that is used as a shortcut key.
...And 3 more matches
Textbox (XPFE autocomplete) - Archive of obsolete content
« xul reference home [ examples |
attributes | properties | methods | related ] this element is created by setting the type attribute of a textbox to autocomplete.
...
attributes accesskey, alwaysopenpopup, autocompletesearch, autocompletesearchparam, autofill, autofillaftermatch, autofill, completedefaultindex, crop, disableautocomplete, disableautocomplete, disabled, disablehistory, enablehistory, focused, forcecomplete, forcecomplete, highlightnonmatches, ignoreblurwhilesearching, ignoreblurwhilesearching, inputtooltiptext, label, maxlength, maxrows, minresultsforpopup, ...
...wcommentcolumn, showpopup, size, tabindex, tabscrolling, textlength, textvalue, timeout, type, useraction, value methods addsession, clearresults, getdefaultsession, getresultat, getresultcount, getresultvalueat, getsession, getsessionbyname, getsessionresultat, getsessionstatusat, getsessionvalueat, removesession, select, setselectionrange, syncsessions examples (example needed)
attributes accesskey type: character this should be set to a character that is used as a shortcut key.
...And 3 more matches
Input Controls - Archive of obsolete content
without any
attributes, the textbox element creates a box in which the user can enter text.
... textboxes accept many of the same
attributes as html input controls.
... example 2 : source view <textbox multiline="true" value="this is some text that could wrap onto multiple lines."/> like the html textarea, you can use the rows and cols
attributes to set the size.
...And 3 more matches
Trees and Templates - Archive of obsolete content
instead we put the uri
attributes on the treeitem elements.
...sorting involves three
attributes, which should be placed on the columns.
...there are five
attributes of columns that need to be persisted, to save the column width, the column order, whether the column is visible, which column is currently sorted and the sort direction.
...And 3 more matches
menuitem - Archive of obsolete content
« xul reference home [ examples |
attributes | properties | methods | related ] a single choice in a menupopup element.
...
attributes acceltext, accesskey, allowevents, autocheck, checked, closemenu, command, crop, description, disabled, image, key, label, name, selected, tabindex, type, validate, value properties accessibletype, accesskey, command, control, crop, disabled, image, label, labelelement, parentcontainer, selected, tabindex, value style classes menuitem-iconic, menuitem-non-iconic examples <menulist> <menupopup> <menuitem label="option 1" value="1"/> <menuitem label="option 2" value="2"/> <menuitem label="option 3" value="3"/> <menuitem label="option 4" value="4"/> </menupopup> </menulist>
attributes acceltext type: string text that a...
...the position of the image is determined by the dir and orient
attributes.
...And 3 more matches
menulist - Archive of obsolete content
« xul reference home [ examples |
attributes | properties | methods | related ] an element that can be used for drop-down choice lists.
...
attributes accesskey, crop, disableautoselect, disabled, editable, focused, image, label, oncommand, open, preference, readonly, sizetopopup, tabindex, value properties accessibletype, crop, description, disableautoselect, disabled, editable, editor, image, inputfield, itemcount, label, menuboxobject, menupopup, open, selectedindex, selecteditem, tabindex, value methods appenditem, contains, getindexofitem, getitema...
...tindex, insertitemat, removeallitems, removeitemat, select examples <menulist> <menupopup> <menuitem label="option 1" value="1"/> <menuitem label="option 2" value="2"/> <menuitem label="option 3" value="3"/> <menuitem label="option 4" value="4"/> </menupopup> </menulist>
attributes accesskey type: character this should be set to a character that is used as a shortcut key.
...And 3 more matches
prefpane - Archive of obsolete content
« xul reference home [ examples |
attributes | properties | methods | related ] a single preference panel in a prefwindow.
...
attributes helpuri, image, label, onpaneload, selected, src properties image, label, preferenceelements, preferences, selected, src examples methods preferenceforelement <prefpane id="panegeneral" label="general" src="chrome://path/to/paneoverlay.xul"/> or <prefpane id="panegeneral" label="general" onpaneload="ongeneralpaneload(event);"> <preferences> <preference ...
...</prefpane>
attributes helpuri type: uri the uri of the help page associated with a preference panel.
...And 3 more matches
radio - Archive of obsolete content
« xul reference home [ examples |
attributes | properties | methods | related ] an element that can be turned on and off.
...
attributes accesskey, command, crop, disabled, focused, group, image, label, selected, tabindex, value properties accesskey, accessibletype, control, crop, disabled, image, label, radiogroup, selected, tabindex, value examples <radiogroup> <radio id="orange" label="red" accesskey="r"/> <radio id="violet" label="green" accesskey="g" selected="true"/> <radio id="yellow" label="blue" accessk...
...ey="b" disabled="true"/> </radiogroup>
attributes accesskey type: character this should be set to a character that is used as a shortcut key.
...And 3 more matches
textbox - Archive of obsolete content
« xul reference home [ examples |
attributes | properties | methods | related ] an input field where the user can enter text.
...
attributes cols, decimalplaces, disabled, emptytext, hidespinbuttons, increment, label, max, maxlength, min, multiline, newlines, onblur, onchange, onfocus, oninput, placeholder, preference, readonly, rows, searchbutton, size, spellcheck, tabindex, timeout, type, value, wrap, wraparound properties accessibletype, clickselectsall, decimalplaces, decimalsymbol, defaultvalue, disabled, editor, emptytext, increment, inputfield, label, max, maxlength, min, placeholder, readonly, searchbutton, selectionend, selectionstart, size, spinbuttons, tabindex, textlength, timeout, type, v...
...alue, valuenumber, wraparound methods decrease, increase, reset, select, setselectionrange style classes plain examples <vbox> <label control="your-name" value="enter your name:"/> <textbox id="your-name" value="john"/> </vbox>
attributes cols type: integer for multiline textboxes, the number of columns to display.
...And 3 more matches
Using the Right Markup to Invoke Plugins - Archive of obsolete content
furthermore, ie's use of the codebase attribute as an obtainment mechanism itself is not strictly correct according to the html 4.01 specification, which says that the codebase attribute should be used to qualify urns referenced by the data, archive, and classid
attributes.
...though doing so actually violates the html 4.01 standard, some code generators give name
attributes to the object element.
... you'll notice that the embed element allows configuration parameters passed to the plugin via custom
attributes, such as swliveconnect="true".
...And 3 more matches
XUL Parser in Python - Archive of obsolete content
v.00001 to celebrate activestate's recent announcement about support for perl and python in mozilla, i have put together this little python script that parses your local xul and builds a list of all the xul elements and their
attributes in an html page.
... with new widgets and
attributes landing all the time, i wanted to get some quicker way of looking at the xul--at particular builds, at particular widgets, at which elements had which
attributes, etc.
... the script writes out all the
attributes and none of the values, but the parser itself is seeing the elements, their
attributes, and the values of those
attributes, and you just have to ask for them if you want them.
...And 3 more matches
Basic native form controls - Learn web development
some of the
attributes that are common to all form controls.
... <input type="hidden" id="timestamp" name="timestamp" value="1286705410"> if you create such an element, it's required to set its name and value
attributes.
...this element supports exactly the same set of
attributes as the <img> element, plus all the
attributes supported by other form buttons.
...And 3 more matches
Client-side form validation - Learn web development
this is done by using validation
attributes on form elements.
... if the data entered in a form field follows all of the rules specified by the above
attributes, it is considered valid.
... built-in form validation examples in this section, we'll test out some of the
attributes that we discussed above.
...And 3 more matches
Responsive images - Learn web development
the standard <img> element traditionally only lets you point the browser to a single source file: <img src="elva-fairy-800w.jpg" alt="elva dressed as a fairy"> we can however use two new
attributes — srcset and sizes — to provide several additional source images along with hints to help the browser pick the right one.
... you can see an example of this in our responsive.html example on github (see also the source code): <img srcset="elva-fairy-480w.jpg 480w, elva-fairy-800w.jpg 800w" sizes="(max-width: 600px) 480px, 800px" src="elva-fairy-800w.jpg" alt="elva dressed as a fairy"> the srcset and sizes
attributes look complicated, but they're not too hard to understand if you format them as shown above, with a different part of the attribute value on each line.
... so, with these
attributes in place, the browser will: look at its device width.
...And 3 more matches
Index - Learn web development
108 attribute selectors attribute, beginner, css, learn, selectors as you know from your study of html, elements can have
attributes that give further detail about the element being marked up.
... in css you can use attribute selectors to target elements with certain
attributes.
... 226 html tables <td>, <th>, <tr>, article, beginner, codingscripting, guide, html, landing, module, tables a very common task in html is structuring tabular data, and it has a number of elements and
attributes for just this purpose.
...And 3 more matches
Getting started with React - Learn web development
some elements in the expression have
attributes, which are written just like in html, following a pattern of attribute="value".
...a few other html
attributes are written differently in jsx than they are in html too, for the same kind of reason.
...props are written inside component calls, and use the same syntax as html
attributes — prop="value".
...And 3 more matches
Gecko info for Windows accessibility vendors
lt get_nodeinfo( /* [out] */ bstr *nodename, // for elements, this is the tag name /* [out] */ short *namespaceid, /* [out] */ bstr *nodevalue, /* [out] */ unsigned int *numchildren, /* [out] */ unsigned int *uniqueid, // see description of unique id's in above section on events /* [out] */ unsigned short *nodetype); the get_
attributes method returns the set of attribute, value pairs for a given node, as well as the namespace id for each attribute.
... the return value numattribs specifies the number of
attributes for this node, and the last 3 parameters return 3 arrays corresponding to attribute name, namespace id, and attribute value.
... hresult get_
attributes( /* [in] */ unsigned short maxattribs, /* [out] */ bstr *attribnames, /* [out] */ short *namespaceid, /* [out] */ bstr *attribvalues, /* [out] */ unsigned short *numattribs); a variation on this method is get_
attributesfornames, which lets turns the attribnames array into an [in] parameter, letting you specify only those
attributes you're interested in.
...And 3 more matches
Python binding for NSS
release 0.16.0 release date 2014-10-29 scm tag pynss_release_0_16_0 source download https://ftp.mozilla.org/pub/mozilla.org/security/python-nss/releases/pynss_release_0_16_0/src/ change log the primary enhancements in this version is adding support for the setting trust
attributes on a certificate, the ssl version range api, information on the ssl cipher suites and information on the ssl connection.
...l_cipher_suite_from_name the following deprecated module functions were removed: ssl.nssinit ssl.nss_ini ssl.nss_shutdown the following classes were added: sslciphersuiteinfo sslchannelinfo the following class methods were added: certificate.trust_flags certificate.set_trust_
attributes sslsocket.set_ssl_version_range sslsocket.get_ssl_version_range sslsocket.get_ssl_channel_info sslsocket.get_negotiated_host sslsocket.connection_info_format_lines sslsocket.connection_info_format sslsocket.connection_info_str sslciphersuiteinfo.format_lines sslciphersuiteinfo.format sslchannelinfo.format_lines sslchanne...
... release 0.15.0 release date 2014-09-09 scm tag pynss_release_0_15_0 source download https://ftp.mozilla.org/pub/mozilla.org/security/python-nss/releases/pynss_release_0_15_0/src/ change log the primary enhancements in this version was fixing access to extensions in a certificaterequest and giving access to certificaterequest
attributes.
...And 3 more matches
NSS tools : modutil
if one is found, its
attributes are used for the current platform.
...each entry in the list is itself a key-value pair: the key is the name of the platform and the value list contains various
attributes of the platform.
...powerpc) o ncr (x86) o nec (mips) o os2 (x86) o osf (alpha) o reliantunix (mips) o sco (x86) o solaris (sparc) o sony (mips) o sunos (sparc) o unixware (x86) o win16 (x86) o win95 (x86) o winnt (x86) for example: irix:6.2:mips sunos:5.5.1:sparc linux:2.0.32:x86 win95::x86 the module information is defined independently for each platform in the modulename, modulefile, and files
attributes.
...And 3 more matches
NSS Tools certutil
-v check the validity of a certificate and its
attributes.
... -m modify a certificate's trust
attributes using the values of the -t argument.
... -t trustargs specify the trust
attributes to modify in an existing certificate or to apply to a certificate when creating it or adding it to a database.
...And 3 more matches
certutil
-m modify a certificate's trust
attributes using the values of the -t argument.
... -v check the validity of a certificate and its
attributes.
... -t trustargs specify the trust
attributes to modify in an existing certificate or to apply to a certificate when creating it or adding it to a database.
...And 3 more matches
NSS tools : modutil
if one is found, its
attributes are used for the current platform.
...each entry in the list is itself a key-value pair: the key is the name of the platform and the value list contains various
attributes of the platform.
...f (alpha) o reliantunix (mips) o sco (x86) o solaris (sparc) o sony (mips) o sunos (sparc) o unixware (x86) o win16 (x86) o win95 (x86) o winnt (x86) for example: irix:6.2:mips sunos:5.5.1:sparc linux:2.0.32:x86 win95::x86 the module information is defined independently for each platform in the modulename, modulefile, and files
attributes.
...And 3 more matches
IAccessibleText
method overview hresult addselection([in] long startoffset, [in] long endoffset ); [propget] hresult
attributes([in] long offset, [out] long startoffset, [out] long endoffset, [out] bstr text
attributes ); [propget] hresult caretoffset([out] long offset ); [propget] hresult characterextents([in] long offset, [in] enum ia2coordinatetype coordtype, [out] long x, [out] long y, [out] long width, [out] long height ); [propget] hresult ncharacters([out] long ncharacters ); [propget] hresult newtext([out] ...
...
attributes() returns text()
attributes.
... [propget] hresult
attributes( [in] long offset, [out] long startoffset, [out] long endoffset, [out] bstr text
attributes ); parameters offset text() offset (0 based) startoffset the starting offset of the character range over which all text()
attributes match those of offset.
...And 3 more matches
nsIAccessibleText
ionnum, out long startoffset, out long endoffset); astring gettext(in long startoffset, in long endoffset); astring gettextafteroffset(in long offset, in nsaccessibletextboundary boundarytype, out long startoffset, out long endoffset); astring gettextatoffset(in long offset, in nsaccessibletextboundary boundarytype, out long startoffset, out long endoffset); nsipersistentproperties gettext
attributes(in boolean includedefattrs, in long offset, out long rangestartoffset, out long rangeendoffset); astring gettextbeforeoffset(in long offset, in nsaccessibletextboundary boundarytype, out long startoffset, out long endoffset); void removeselection(in long selectionnum); void scrollsubstringto(in long startindex, in long endindex, in unsigned long scrolltype); void scrollsubstringtopoint(...
...in long startindex, in long endindex, in unsigned long coordinatetype, in long x, in long y); void setselectionbounds(in long selectionnum, in long startoffset, in long endoffset);
attributes attribute type description caretoffset long the current current caret offset.
... defaulttext
attributes nsipersistentproperties return the text
attributes that apply to the entire accessible.
...And 3 more matches
<form> - HTML: Hypertext Markup Language
permitted parents any element that accepts flow content implicit aria role form if the form has an accessible name, otherwise no corresponding role permitted aria roles search, none or presentation dom interface htmlformelement
attributes this element includes the global
attributes.
...autocapitalize
attributes on a form elements override it on <form>.
...autocomplete
attributes on form elements override it on <form>.
...And 3 more matches
<img>: The Image Embed element - HTML: Hypertext Markup Language
there are many other
attributes to achieve various purposes: referrer/cors control for security and privacy: see crossorigin and referrerpolicy.
... the image's metadata is corrupted in such a way that it's impossible to retrieve its dimensions, and no dimensions were specified in the <img> element's
attributes.
...
attributes this element includes the global
attributes.
...And 3 more matches
<input type="date"> - HTML: Hypertext Markup Language
among browsers with custom interfaces for selecting dates are chrome and opera, whose data control looks like so: the edge date control looks like: and the firefox date control looks like this: value a domstring representing a date in yyyy-mm-dd format, or empty events change and input supported common
attributes autocomplete, list, readonly, and step idl
attributes list, value, valueasdate, valueasnumber.
... additional
attributes along with the
attributes common to all <input> elements, date inputs have the following
attributes: attribute description max the latest acceptable date min the earliest acceptable date step the stepping interval, when clicking up and down spinner buttons and validating the date max the latest date to accept.
... if both the max and min
attributes are set, this value must be a date string later than or equal to the one in the min attribute.
...And 3 more matches
<input type="range"> - HTML: Hypertext Markup Language
events change and input supported common
attributes autocomplete, list, max, min, and step idl
attributes list, value, and valueasnumber methods stepdown() and stepup() validation there is no pattern validation available; however, the following forms of automatic validation are performed: if the value is set to something which can't be converted into a valid floating-point number, validation fails because the ...
... additional
attributes in addition to the
attributes shared by all <input> elements, range inputs offer the following
attributes: attribute description list the id of the <datalist> element that contains optional pre-defined options max the maximum permitted value min the minimum permitted value step the stepping interval, used both for user interface an...
... non standard
attributes attribute description orient sets the orientation of the range slider.
...And 3 more matches
<link>: The External Resource Link element - HTML: Hypertext Markup Language
attributes this element includes the global
attributes.
... font css @font-face image <img> and <picture> elements with srcset or imageset
attributes, svg <image> elements, css *-image rules object <object> elements script <script> elements, worker importscripts style <link rel=stylesheet> elements, css @import track <track> elements video <video> elements worker worker, sharedworker crossorigin this enumerated attribute indicates wheth...
...see cors settings
attributes for additional information.
...And 3 more matches
<table>: The Table element - HTML: Hypertext Markup Language
permitted parents any element that accepts flow content implicit aria role table permitted aria roles any dom interface htmltableelement
attributes this element includes the global
attributes.
... deprecated
attributes align this enumerated attribute indicates how the table must be aligned inside the containing document.
...this is typically indicated by the presence of the colspan and rowspan
attributes.
...And 3 more matches
MathML documentation index - MathML
just like html, mathml is described with tags and
attributes.
... 5 proving the pythagorean theorem beginner, example, guide, html5 math, math education, mathml, needsbeginnerupdate we will now prove the pythagorean theorem: 6 mathml attribute reference mathml, mathml reference this is an alphabetical list of mathml
attributes.
... 7 values guide, mathml, mathml reference several mathml presentation elements have
attributes that accept length values used for size or spacing.
...And 3 more matches
gradientUnits - SVG: Scalable Vector Graphics
the gradientunits attribute defines the coordinate system used for
attributes specified on the gradient elements.
... two elements are using this attribute: <lineargradient> and <radialgradient> lineargradient for <lineargradient>, gradientunits defines the coordinate system used for the
attributes x1, y1, x2, and y2.
... value userspaceonuse | objectboundingbox default value objectboundingbox animatable yes userspaceonuse this value indicates that the
attributes represent values in the coordinate system that results from taking the current user coordinate system in place at the time when the gradient element is referenced (i.e., the user coordinate system for the element referencing the gradient element via a fill or stroke property) and then applying the transform specified by attribute gradienttransform.
...And 3 more matches
SVG 1.1 Support in Firefox - SVG: Scalable Vector Graphics
currentscale and currenttranslate dom
attributes are implemented, but there is no pan and zoom user interface.
... svgsvgelement unimplemented
attributes: contentscripttype, contentstyletype, viewport, currentview unimplemented bindings: getintersectionlist, getenclosurelist, checkintersection, checkenclosure g implemented.
... svgpathelement interface unimplemented
attributes: normalizedpathseglist, animatednormalizedpathseglist rect implemented.
...And 3 more matches
SVG animation with SMIL - SVG: Scalable Vector Graphics
smil allows you to: animate the numeric
attributes of an element (x, y, ...) animate transform
attributes (translation or rotation) animate color
attributes follow a motion path this is done adding an svg element like <animate> inside the svg element to animate.
... animating
attributes of an element the following example animates the cx attribute of a circle.
...the important
attributes for <animate> are: attributename the name of the attribute to animate.
...And 3 more matches
Interaction between privileged and non-privileged pages - Archive of obsolete content
values are set for two arbitrary
attributes on the element.
...helltreeitem) .roottreeitem .queryinterface(components.interfaces.nsiinterfacerequestor) .getinterface(components.interfaces.nsidomwindow); mainwindow.document.addeventlistener("myextensionevent", function(e) { myextension.mylistener(e); }, false, true); if you need to to pass lots of data, consider using cdata sections instead of the simple
attributes on a custom element.
..., "hello world"); document.documentelement.appendchild(element); var evt = document.createevent("events"); evt.initevent("myextensionevent", true, false); element.dispatchevent(evt); } function extensionanswer(evtanswer) { alert(element.getattribute("attribute3") + " " + evtanswer.target.getattribute("part1")); } basic example of similar idea, extension passes information via
attributes and fires event on div in page, here.
...And 2 more matches
The Box Model - Archive of obsolete content
unlike most style
attributes, the flex attribute is considered acceptable to use in xul code.
... you can have even more control over the size of flexible elements using the minwidth, maxwidth, minheight and maxheight
attributes, or their css counterparts: min-width, max-width, min-height and max-height.
... also, just like in html, you can control the dimensions of inflexible elements using the width and height css properties and
attributes.
...And 2 more matches
Style System Overview - Archive of obsolete content
detail: !important declarations cause an extra rule object cssimportantrule to be created since they are in a separate part of the cascade other nsistylerule implementations nshtmlmapped
attributes represents stylistic html
attributes turned into a style rule (one instance per unique set of
attributes) bodyrule handles marginwidth/marginheight mixes on body and on frame.
... various rules in nshtmlstylesheet.cpp do other things with presentational color-related
attributes and with tables.
... content nodes (instead of stylesheets) also hold onto cssstyleruleimpl objects that represent their style
attributes.
...And 2 more matches
Creating a Help Content Pack - Archive of obsolete content
if you understand the basics of html or (preferably) xml, you'll understand the very basics of the syntax - elements,
attributes, and element contents.
... next, you'll need to insert a rdf:description element into the file, inside the rdf:rdf element just created: <rdf:description rdf:about="urn:root" nc:title="" nc:defaulttopic="" nc:base=""> </rdf:description> fill in the
attributes as follows: rdf:about must be urn:root or your pack won't work.
...each panel is specified by one rdf:description element with the following
attributes: nc:panelid specifies the name of the panel, which may be any one of glossary, search, toc, or index.
...And 2 more matches
A XUL Bestiary - Archive of obsolete content
when you create styles in <style> tags, as style
attributes for individual elements, or in custom css files, you break the ability of gecko to skin the application to which your xul belongs.
...the parts of the document, such as the head, the links, the body, any tags, are available as nodes whose
attributes can be got and set.
... the differences here are significant: xul is the universe of elements,
attributes, syntax, rules, and relationships, while xptoolkit is really the finite set of interface-specific elements created in xul.
...And 2 more matches
XUL Events - Archive of obsolete content
some of the events can be attached using
attributes as well.
... when attaching event listeners using
attributes, be aware that only one listener can be attached at a time.
... xul event reference subpages broadcastthe broadcast event is executed when the
attributes of the element (such as a broadcaster) being listened to are changed.
...And 2 more matches
XUL Questions and Answers - Archive of obsolete content
are xul
attributes integers?
... xul
attributes such as left="100" or top="200", as well as corresponding properties, look as if they're integers but they are actually handled as strings.
... while the
attributes are always strings per the dom specification, the properties will eventually be fixed to return the value with the correct type.
...And 2 more matches
description - Archive of obsolete content
« xul reference home [ examples |
attributes | properties | methods | related ] this element is used to create a block of text.
...
attributes crop, disabled, tabindex value properties accessibletype, crop, disabled, tabindex, value style classes header, indent, monospace, plain, small-margin examples this is a long section of text that will word wrap when displayed <description> this is a long section of text that will word wrap when displayed.
...is is a long section of text that will not word wrap <description value="this is a long section of text that will not word wrap"> </description> this is a long section of dynamically controlled text that will word wrap <description id="desc" style="width: 300px"></description> document.getelementbyid('desc').textcontent = "this is a long section of dynamic message text that will word wrap";
attributes crop type: one of the values below if the label of the element is too big to fit in its given space, the text will be cropped on the side specified by the crop attribute.
...And 2 more matches
listbox - Archive of obsolete content
« xul reference home [ examples |
attributes | properties | methods | related ] this element is used to create a list of items where one or more of the items may be selected.
...
attributes disabled, disablekeynavigation, preference, rows, seltype, suppressonselect, tabindex, value properties accessibletype, currentindex, currentitem, disabled, disablekeynavigation, itemcount, listboxobject, selectedcount, selectedindex, selecteditem, selecteditems, seltype, suppressonselect, tabindex, value methods additemtoselection, appenditem, clearselection, ensureelementisvisible, e...
...ce: "$5,600 - $16,000"} ]; for (var i = 0; i < gems.length; i++) { var row = document.createelement('listitem'); var cell = document.createelement('listcell'); cell.setattribute('label', gems[i].gem); row.appendchild(cell); cell = document.createelement('listcell'); cell.setattribute('label', gems[i].price ); row.appendchild(cell); thelist.appendchild(row); }
attributes disabled type: boolean indicates whether the element is disabled or not.
...And 2 more matches
listitem - Archive of obsolete content
« xul reference home [ examples |
attributes | properties | methods | related ] a single row in a listbox.
...
attributes accesskey, checked, command, crop, current, disabled, image, label, preference, selected, tabindex, type, value properties accesskey, accessible, checked, control, crop, current, disabled, image, label, selected, tabindex, value style classes listitem-iconic examples <listbox id="thelist"> <listitem label="ruby"/> <listitem label="emerald"/> <listitem label="sapphire" selected="true"/> <listitem label="diamond"/> </listbox>
attributes accesskey type: character th...
...the position of the image is determined by the dir and orient
attributes.
...And 2 more matches
menu - Archive of obsolete content
« xul reference home [ examples |
attributes | properties | methods | related ] an element, much like a button, that is placed on a menubar.
...
attributes acceltext, accesskey, allowevents, command, crop, disabled, image, label, menuactive, open, sizetopopup, tabindex, value properties accessibletype, accesskey, command, control, crop, disabled, image, itemcount, label, labelelement, menupopup, open, parentcontainer, selected, tabindex, value methods appenditem, getindexofitem, getitematindex, insertitemat, removeitemat style classes menu-iconic example <menubar id="sample-menubar"> <menu id="file-menu" label="file"> <menupopup id="file-popup"> <menuitem label="new"/> <menuitem label="open"/> <menuitem label="sav...
...e"/> <menuseparator/> <menuitem label="exit"/> </menupopup> </menu> <menu id="edit-menu" label="edit"> <menupopup id="edit-popup"> <menuitem label="undo"/> <menuitem label="redo"/> </menupopup> </menu> </menubar>
attributes acceltext type: string text that appears beside the menu label to indicate the shortcut key (accelerator key) to use to invoke the command.
...And 2 more matches
menuseparator - Archive of obsolete content
« xul reference home [ examples |
attributes | properties | methods | related ] used to create a separator between menu items.
...
attributes acceltext, accesskey, allowevents, command, crop, disabled, image, label, selected, tabindex, value properties accessibletype, accesskey, command, control, crop, disabled, image, label, labelelement, parentcontainer, selected, tabindex, value examples <menu label="menu"> <menupopup> <menuitem label="item1"/> <menuseparator/> <menuitem label="item2"/> <menuitem label="item3"/> </menupopup> </menu>
attributes acceltext type: string text that appears beside the menu label to indicate the shortcut key (accelerator key) to use to invoke the command.
...the position of the image is determined by the dir and orient
attributes.
...And 2 more matches
notification - Archive of obsolete content
« xul reference home [ examples |
attributes | properties | methods | related ] the notification is used to display an informative message.
...
attributes image, label, priority, persistence, type, value properties accessibletype, control, image, label, priority, persistence, type, value methods close examples <notification label="this is a warning"/>
attributes image type: uri the uri of the image to appear on the element.
...the position of the image is determined by the dir and orient
attributes.
...And 2 more matches
preference - Archive of obsolete content
« xul reference home [ examples |
attributes | properties | methods | related ] declares a preference that may be adjusted in a prefpane.
...
attributes disabled, instantapply, inverted, name, onchange, readonly, tabindex, type properties defaultvalue, disabled, hasuservalue, inverted, locked, name, preferences, readonly, tabindex, type, value, valuefrompreferences methods reset examples <preferences> <preference id="pref_id" name="preference.name" type="int"/> </preferences> see preferences system for a complete example.
...
attributes disabled type: boolean indicates whether the element is disabled or not.
...And 2 more matches
prefwindow - Archive of obsolete content
« xul reference home [ examples |
attributes | properties | methods | related ] a specialized window used for preference dialogs.
...
attributes buttonalign, buttondir, buttonorient, buttonpack, buttons, defaultbutton, lastselected, onbeforeaccept, ondialogaccept, ondialogcancel, ondialogdisclosure, ondialoghelp, onload, onunload, title, type properties buttons, currentpane, defaultbutton, lastselected, preferencepanes, type methods acceptdialog, addpane, canceldialog, centerwindowonscreen, getbutton, opensubdialog, openwindow,...
..."saveoptions" label="backups"> <preferences> <preference id="pref-backup" name="myapp.mybackups" type="bool"/> <preference id="pref-backupduration" name="myapp.mybackups.duration" type="int"/> </preferences> <checkbox label="automatically save backups" preference="pref-backup"/> <textbox label="duration:" preference="pref-backupduration"/> </prefpane> </prefwindow>
attributes activetitlebarcolor type: color string specify background color of the window's titlebar when it is active (foreground).
...And 2 more matches
richlistbox - Archive of obsolete content
« xul reference home [ examples |
attributes | properties | methods | related ] this element is used to create a list of listitems (richlistitems), similar to a listbox, but is designed to be used when the items do not contain simple text content.
...
attributes disabled, disablekeynavigation, preference, seltype, suppressonselect, tabindex, value properties accessibletype, currentindex, currentitem, disabled, disablekeynavigation, itemcount, scrollboxobject, selectedcount, selectedindex, selecteditem, selecteditems, seltype, suppressonselect, tabindex, value methods additemtoselection, appenditem, clearselection, ensureelementisvisible, ensureindexisvisible, getindexoffirstvisiblerow, getindexofitem, getitematindex, getnumberofvisiblerows, getrowcount, getselecteditem, insertitemat, invertselection, movebyoffset, removeitemat, removeitemfromselection, scrolltoindex, selectall,...
...
attributes disabled type: boolean indicates whether the element is disabled or not.
...And 2 more matches
splitter - Archive of obsolete content
« xul reference home [ examples |
attributes | properties | methods | related ] an element which should appear before or after an element inside a container.
...
attributes collapse, resizeafter, resizebefore, state, substate style classes tree-splitter examples <!-- this bar has some styling associated with it.
... the vbox is used to hold the .png image that a user clicks on to resize the search bar.--> <splitter tooltiptext="resize the search box" oncommand="alert('the splitter was dragged')"> <vbox id="example_vbox" /> </splitter>
attributes collapse type: one of the values below determines which side of the splitter is collapsed when its grippy is clicked.
...And 2 more matches
toolbarbutton - Archive of obsolete content
« xul reference home [ examples |
attributes | properties | methods | related ] a button that appears on a toolbar.
...
attributes accesskey, autocheck, checkstate, checked, command, crop, dir, disabled, dlgtype, group, image, label, oncommand, open, orient, tabindex, title, type, validate properties accesskey, accessibletype, autocheck, checkstate, checked, command, crop, dir, disabled, dlgtype, group, image, label, open, orient, tabindex, type examples <toolbar id="test-toolbar"> <toolbarbutton accesske...
...menuitem label="menu item 1"/> <menuitem label="menu item 2"/> </menupopup> </toolbarbutton> </toolbar> <toolbar id="radio-toolbar"> <toolbarbutton accesskey="1" label="radio 1" type="radio" group="radiogroup"/> <toolbarbutton accesskey="2" label="radio 2" type="radio" group="radiogroup"/> <toolbarbutton accesskey="3" label="radio 3" type="radio" group="radiogroup"/> </toolbar>
attributes accesskey type: character this should be set to a character that is used as a shortcut key.
...And 2 more matches
tree - Archive of obsolete content
« xul reference home [ examples |
attributes | properties | methods | related ] a container which can be used to hold a tabular or hierarchical set of rows of elements.
... if you would like to allow the tree to be horizontally scrolled, simply set the width
attributes for each column to make the tree wider than its containing object.
...
attributes disablekeynavigation, disabled, editable, enablecolumndrag, flags, hidecolumnpicker, onselect, rows, seltype, statedatasource, tabindex, treelines properties accessibletype, builderview, columns, contentview, currentindex, disablekeynavigation, disabled, editingcolumn, editingrow, enablecolumndrag, firstordinalcolumn, inputfield, seltype, selstyle, tabindex, treeboxobject, view examples ...
...And 2 more matches
window - Archive of obsolete content
« xul reference home [ examples |
attributes | properties | methods | related ] describes the structure of a top-level window.
...as it is a box, all box
attributes can be used.
...
attributes accelerated, chromemargin, disablechrome, disablefastfind, drawintitlebar, fullscreenbutton, height, hidechrome, id, lightweightthemes, lightweightthemesfooter, screenx, screeny, sizemode, title, width, windowtype examples <?xml version="1.0"?> <?xml-stylesheet href="chrome://global/skin/" type="text/css"?> <!-- run this example using copy & paste in this live xul editor: https://github.c...
...And 2 more matches
wizard - Archive of obsolete content
« xul reference home [ examples |
attributes | properties | methods | related ] this element is used to construct a step-by-step wizard found in some applications to guide users through a task.
...the pages are displayed in the order that they are placed in the wizard, unless you use the next and pageid
attributes on the pages to change the sequence.
...
attributes firstpage, lastpage, pagestep, title, windowtype properties canadvance, canrewind, currentpage, onfirstpage, onlastpage, pagecount, pageindex, pagestep, title, wizardpages methods advance, cancel, extra1, extra2, getbutton, getpagebyid, goto, rewind examples <?xml version="1.0"?> <?xml-stylesheet href="chrome://global/skin/" type="text/css"?> <wizard id="thewizard" title="secret code wizard" xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"> <script> function checkcode(){ d...
...And 2 more matches
Dialogs in XULRunner - Archive of obsolete content
here is the code needed to open a dialog: function opendialog() { window.opendialog("chrome://basicapp/content/dialog.xul", "newdlg", "modal"); } the resulting dialog looks like this on windows 2000, and will look similar on other operating systems: the first thing that caught my eye about dialog is the button-related
attributes on the element.
... here is a short list of the button
attributes on dialog; see also creating dialogs at mozillazine knowledge base: buttons a comma separated list of buttons to show on dialog (accept, cancel, help, extra1, and extra2).
... buttonlabelaccept label for the accept button; similar
attributes exist for the other button types.
...And 2 more matches
NPP_New - Archive of obsolete content
argc number of html arguments in the embed tag for an embedded plug-in; determines the number of
attributes in the argn and argv arrays.
... all
attributes in the embed tag (standard and private) are passed in npp_new in the argn and argv arrays.
... the browser ignores any non-standard
attributes within an embed tag.
...And 2 more matches
Writing JavaScript for XHTML - Archive of obsolete content
problem: names in xhtml and html are represented in different cases scripts that used getelementsbytagname() with an upper case html name no longer work, and
attributes like nodename or tagname return upper case in html and lower case in xhtml.
...use dom methods to create all of your elements,
attributes and other nodes.
... given the direction away from formatting
attributes and the possibility of xhtml becoming eventually more prominent (or at least the document author having the possibility of later wanting to make documents available in xhtml for browsers that support it), one may wish to avoid features which are not likely to stay compatible into the future.
...And 2 more matches
HTML attribute: rel - HTML: Hypertext Markup Language
values if there are multiple <link rel="icon">s, the browser uses their media attribute, type, and sizes
attributes to select the most appropriate icon.
...valid for link, a, and area, the meaning depends on the values of the other
attributes.
... <link rel="alternate" type="application/atom+xml" href="posts.xml" title="blog"> both the hreflang and type
attributes specify links to versions of the document in an alternative format and language, intended for other media: <link rel=alternate href="/fr/html/print" hreflang=fr type=text/html media=print title="french html (for printing)"> <link rel=alternate href="/fr/pdf" hreflang=fr type=application/pdf title="french pdf"> author indicates the author of the current document or article.
...And 2 more matches
<input type="month"> - HTML: Hypertext Markup Language
events change and input supported common
attributes autocomplete, list, readonly, and step.
... idl
attributes value methods select(), stepdown(), stepup().
... you can also get and set the date value in javascript using the htmlinputelement.value property, for example: <label for="bday-month">what month were you born in?</label> <input id="bday-month" type="month" name="bday-month" value="2017-06"> var monthcontrol = document.queryselector('input[type="month"]'); monthcontrol.value = '1978-06'; additional
attributes in addition to the
attributes common to <input> elements, month inputs offer the following
attributes: attribute description list the id of the <datalist> element that contains the optional pre-defined autocomplete options max the latest year and month to accept as a valid input min the earliest year and month to accept as a valid input ...
...And 2 more matches
<script>: The Script element - HTML: Hypertext Markup Language
implicit aria role no corresponding role permitted aria roles no role permitted dom interface htmlscriptelement
attributes this element includes the global
attributes.
...see cors settings
attributes for a more descriptive explanation of its valid arguments.
...the processing of the script contents is not affected by the charset and defer
attributes.
...And 2 more matches
Microformats - HTML: Hypertext Markup Language
the properties are carried in class
attributes that can be added to any html element, while the data values re-use html element content and semantic
attributes.
... microformats2 is an update to microformats that provides a simpler way of annotating html structured syntax & vocabularies than previous approaches of using rdfa and microdata which require learning new
attributes.
...on certain html elements, use special
attributes first, e.g.
...And 2 more matches
HTML: Hypertext Markup Language
cors settings
attributes some html elements that provide support for cors, such as <img> or <video>, have a crossorigin attribute (crossorigin property), which lets you configure the cors requests for the element's fetched data.
... references html reference html consists of elements, each of which may be modified by some number of
attributes.
... html attribute reference elements in html have
attributes.
...And 2 more matches
refX - SVG: Scalable Vector Graphics
value <length-percentage> | <number> | left | center | right default value 0 animatable yes <length-percentage> lengths are interpreted as being in the coordinate system of the marker contents, after application of the viewbox and preserveaspectratio
attributes.
... <number> numbers are interpreted as being in the coordinate system of the marker contents, after application of the viewbox and preserveaspectratio
attributes.
... unlike other positioning
attributes, refx is interpreted as being in the coordinate system of the symbol contents, after application of the viewbox and preserveaspectratio
attributes.
...And 2 more matches
refY - SVG: Scalable Vector Graphics
value <length-percentage> | <number> | top | center | bottom default value 0 animatable yes <length-percentage> lengths are interpreted as being in the coordinate system of the marker contents, after application of the viewbox and preserveaspectratio
attributes.
... <number> numbers are interpreted as being in the coordinate system of the marker contents, after application of the viewbox and preserveaspectratio
attributes.
... unlike other positioning
attributes, refy is interpreted as being in the coordinate system of the symbol contents, after application of the viewbox and preserveaspectratio
attributes.
...And 2 more matches
<xsl:stylesheet> - XSLT: Extensible Stylesheet Language Transformations
syntax <xsl:stylesheet version="number" xmlns:xsl="http://www.w3.org/1999/xsl/transform" id="name" extension-element-prefixes="list-of-names" exclude-result-prefixes="list-of-names"> entire stylesheet </xsl:stylesheet> required
attributes version specifies the version of xslt required by this stylesheet.
... optional
attributes exclude-result-prefixes specifies any namespace used in this document that should not be sent to the output document.
... default-collation specifies the default collation used by all xpath expressions appearing in
attributes or text value templates that have the element as an ancestor, unless overridden by another default-collation attribute on an inner element.
...And 2 more matches
PI Parameters - XSLT: Extensible Stylesheet Language Transformations
both pis can contain "pseudo
attributes" the same way that the xml-stylesheet pi does.
... processing instructions the
attributes in the xslt-param and xslt-param-namespace pis are parsed using the rules defined in xml-stylesheet.
... any unrecognized
attributes must be ignored.
...And 2 more matches
Adding Events and Commands - Archive of obsolete content
also, note that the addeventlistener method receives the event name without the "on" prefix, while element
attributes do have the prefix.
... with that set, all you need to do now is set or remove
attributes in the broadcaster using javascript.
...this allows you to choose which
attributes you want it to observe.
... their behavior is identical as broadcaster elements, but they should be used when oncommand is one of the shared
attributes.
jspage - Archive of obsolete content
ion(e){var f=this.getelementsbytagname(e.trim());(b)?c.extend(f):c=f; },this);return new elements(c,{ddup:b,cash:!d});}});(function(){var h={},f={};var i={input:"checked",option:"selected",textarea:(browser.engine.webkit&&browser.engine.version<420)?"innerhtml":"value"}; var c=function(l){return(f[l]||(f[l]={}));};var g=function(n,l){if(!n){return;}var m=n.uid;if(browser.engine.trident){if(n.clear
attributes){var q=l&&n.clonenode(false); n.clear
attributes();if(q){n.merge
attributes(q);}}else{if(n.removeevents){n.removeevents();}}if((/object/i).test(n.tagname)){for(var o in n){if(typeof n[o]=="function"){n[o]=$empty; }}element.dispose(n);}}if(!m){return;}h[m]=f[m]=null;};var d=function(){hash.each(h,g);if(browser.engine.trident){$a(document.getelementsbytagname("object")).each(g); }if(window.collectgar...
...=="select")?element.getselected(m).map(function(o){return o.value; }):((m.type=="radio"||m.type=="checkbox")&&!m.checked)?null:m.value;$splat(n).each(function(o){if(typeof o!="undefined"){l.push(m.name+"="+encodeuricomponent(o)); }});});return l.join("&");},clone:function(o,l){o=o!==false;var r=this.clonenode(o);var n=function(v,u){if(!l){v.removeattribute("id");}if(browser.engine.trident){v.clear
attributes(); v.merge
attributes(u);v.removeattribute("uid");if(v.options){var w=v.options,s=u.options;for(var t=w.length;t--;){w[t].selected=s[t].selected;}}}var x=i[u.tagname.tolowercase()]; if(x&&u[x]){v[x]=u[x];}};if(o){var p=r.getelementsbytagname("*"),q=this.getelementsbytagname("*");for(var m=p.length;m--;){n(p[m],q[m]);}}n(r,this);return document.id(r); },destroy:function(){element.empty(this);elemen...
...se"odd":e={a:2,b:0,special:"n"}; break;case"even":e={a:2,b:1,special:"n"};break;case"first":e={a:0,special:"index"};break;case"last":e={special:"last-child"};break;case"only":e={special:"only-child"}; break;default:e={a:(d-1),special:"index"};}return selectors.cache.nth[h]=e;},parseselector:function(e){if(selectors.cache.parsed[e]){return selectors.cache.parsed[e]; }var d,h={classes:[],pseudos:[],
attributes:[]};while((d=selectors.regexps.combined.exec(e))){var i=d[1],g=d[2],f=d[3],b=d[5],c=d[6],j=d[7];if(i){h.classes.push(i); }else{if(c){var a=selectors.pseudo.get(c);if(a){h.pseudos.push({parser:a,argument:j});}else{h.
attributes.push({name:c,operator:"=",value:j});}}else{if(g){h.
attributes.push({name:g,operator:f,value:b}); }}}}if(!h.classes.length){delete h.classes;}if(!h.
attributes.length){delete ...
...h.
attributes;}if(!h.pseudos.length){delete h.pseudos;}if(!h.classes&&!h.
attributes&&!h.pseudos){h=null; }return selectors.cache.parsed[e]=h;},parsetagandid:function(b){var a=b.match(selectors.regexps.tag);var c=b.match(selectors.regexps.id);return[(a)?a[1]:"*",(c)?c[1]:false]; },filter:function(f,c,e){var d;if(c.classes){for(d=c.classes.length;d--;d){var g=c.classes[d];if(!selectors.filters.byclass(f,g)){return false;}}}if(c.
attributes){for(d=c.
attributes.length; d--;d){var b=c.
attributes[d];if(!selectors.filters.byattribute(f,b.name,b.operator,b.value)){return false;}}}if(c.pseudos){for(d=c.pseudos.length;d--;d){var a=c.pseudos[d]; if(!selectors.filters.bypseudo(f,a.parser,a.argument,e)){return false;}}}return true;},getbytagandid:function(b,a,d){if(d){var c=(b.getelementbyid)?b.getelementbyid(d,tr...
Anonymous Content - Archive of obsolete content
elements and
attributes in the xbl namespace are never cloned.
... attribute forwarding
attributes on anonymous content elements can be tied to
attributes on the bound element.
...on any anonymous content element in a template, an inherits attribute can be used to specify a comma-separated list of
attributes that should be inherited.
...
attributes with namespaces can be defined using a namespace prefix and the attribute name separate by a colon.
persist - Archive of obsolete content
« xul reference home persist type: space-separated list of attribute names a space-separated list of
attributes that are maintained when the window is closed.
... when the window is re-opened, the values of persistent
attributes are restored.
... in mozilla, persistent
attributes are stored in the per-profile file xulstore.json.
...persistence will not remember the absence of an attribute, so for boolean
attributes like checked where absence means false, you will need to explicitly set the attribute to false before the window closes (bug 15232).
openPopup - Archive of obsolete content
« xul reference home openpopup( anchor , position , x , y , iscontextmenu,
attributesoverride, triggerevent ) return type: no return value opens the popup relative to a specified node at a specific location.
...in this case, the position and
attributesoverride arguments are ignored.
...
attributesoverride if the
attributesoverride argument is true, the position attribute on the popup node overrides the position value argument.
... if
attributesoverride is false, the attribute is only used if the position argument is empty.
Box Objects - Archive of obsolete content
various pieces of information are used such as the tag name, the
attributes on an element, various css properties, the elements and layout objects around the element, and the xbl associated with an element (xbl is described in a later section).
...example 1 : source view <button label="click me" oncommand="alert('the width is ' + this.boxobject.width);"/> you can use the width and height
attributes of the element to specify the element's width and height, respectively.
...these properties will return an empty string if the width or height
attributes or properties were not set already.
...example 3 : source view <hbox> <button label="button 1" oncommand="alert('next is: ' + this.boxobject.nextsibling.label);"/> <button label="button 2" hidden="true"/> <button label="button 3" oncommand="alert('next is: ' + this.boxobject.nextsibling.label);"/> <button label="button 4" collapsed="true"/> </hbox> box ordering
attributes when a xul box is laid out on a window, the elements are ordered according to a number of properties, for instance the orientation, their ordinal group and their direction.
Creating a Wizard - Archive of obsolete content
attributes placed on the wizard are used to control the wizard navigation.
... there are also related onwizardback, onwizardnext and onwizardcancel
attributes, which are called when the back, next and cancel buttons are pressed respectively.
... to have different code called depending on which page you are on, use the onpagerewound or onpageadvanced
attributes on a wizardpage element.
... a third option is to use the onpagehide and onpageshow
attributes on the wizardpage element.
Element Positioning - Archive of obsolete content
width and height
attributes you may need to have more control over the size of an element in a window.
...the quick way is to simply add the width and height
attributes on an element, much like you might do on an html img tag.
...you can set this by using four
attributes: minwidth; this specifies the minimum width that the element can be.
...w id="yesno" title="question" orient="horizontal" xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"> <hbox> <button label="yes"/> <button label="no"/> </hbox> <hbox align="center"> <button label="maybe"/> <button label="perhaps"/> </hbox> </window> you can also use the style properties -moz-box-pack and -moz-box-align instead of specifying
attributes.
Numeric Controls - Archive of obsolete content
however, the minimum and maximum values can also be specified using the min and max
attributes.
...other numeric textbox
attributes the increment attribute may be used to specify by how much the value changes when the arrows are pressed.
... many of the same
attributes as a numeric textbox may be used with a scale: value, min, max and increment may all be used in a similar fashion.
...however, you can change this orientation with the orient and dir
attributes.
Persistent Data - Archive of obsolete content
the persist attribute should be set to a space-separated list of
attributes of the element that you want to save.
... the two
attributes of the window element, the width and the height will be saved.
... you could add additional
attributes by adding a space and another attribute name to the persist attribute.
...you might use unusual values if you adjust
attributes using a script.
Simple Menu Bars - Archive of obsolete content
the menubar has no special
attributes but it is a type of box.
...it accepts some of the same
attributes plus some additional ones: id the unique identifier of the menu title button.
... menuitem element the menuitem element is much like the menu element and has some of the same
attributes.
... menuseparator element the menuseparator has no special
attributes.
The Implementation of the Application Object Model - Archive of obsolete content
preventing the persistence of
attributes: the discardable attribute individual
attributes can be specified as non-persistent (i.e.,discardable) through the use of the discardable attribute.
...note that the persistent and discardable
attributes only apply when a change has been made to the composite data source that was not handled by another data source (e.g., bookmarks).
... if you delete a bookmark, that's always going to be persistent, regardless of what you set these
attributes to be.
... the
attributes in question only apply to local annotations that are made outside of the domain of any particular data source.
XML - Archive of obsolete content
you must be very careful about your syntax, and in particular about these four cardinal rules of xul: all events and
attributes must be written in lowercase.
...all of the events and
attributes -- even the javascript event listeners normally formatted in the javascript world with uppercase verbs (e.g., onclick, onload) -- must be lowercase or they are invalid.
... all of the values for all of the
attributes declared in xul are strings.
... all
attributes must have a value.
arrowscrollbox - Archive of obsolete content
« xul reference home [ examples |
attributes | properties | methods | related ] a box which provides scroll arrows along its edges for scrolling through the contents of the box.
...
attributes clicktoscroll, disabled, smoothscroll, tabindex properties disabled, scrollboxobject, scrollincrement, smoothscroll, tabindex methods ensureelementisvisible, scrollbyindex, scrollbypixels examples <arrowscrollbox orient="vertical" flex="1"> <button label="red"/> <button label="blue"/> <button label="green"/> <button label="yellow"/> <button label="orange"/> <button label="silver"/> <button label="lavender"/> <button label="gold"/> <button label="turquoise"/> <button label="peach"/> <button label...
...="maroon"/> <button label="black"/> </arrowscrollbox>
attributes inherited from xul element 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 clicktoscroll type: boolean clicktoscroll, if true, the arrows must be clicked to scroll the scrollbox content.
...ild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, getuserdata, hasattribute(), hasattributens(), has
attributes(), haschildnodes(), insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), removeattribute(), removeattributenode(), removeattributens(), removechild(), removeeventlistener(), replacechild(), setattribute(), setattributenode(), setattributenodens(), setattributens(), setuserdata ...
broadcaster - Archive of obsolete content
« xul reference home [ examples |
attributes | properties | methods | related ] a broadcaster is used when you want multiple elements to share one or more attribute values, or when you want elements to respond to a state change.
... any elements that are observing the broadcaster will share the
attributes placed on the broadcaster.
... examples (example needed)
attributes inherited from xul element 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-e...
...ild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, getuserdata, hasattribute(), hasattributens(), has
attributes(), haschildnodes(), insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), removeattribute(), removeattributenode(), removeattributens(), removechild(), removeeventlistener(), replacechild(), setattribute(), setattributenode(), setattributenodens(), setattributens(), setuserdata ...
browser - Archive of obsolete content
« xul reference home [ examples |
attributes | properties | methods | related ] a xul <browser> element represents a frame which is expected to contain a view of a web document.
...
attributes autocompleteenabled, autocompletepopup, autoscroll, disablehistory, disableglobalhistory, disablesecurity, droppedlinkhandler, homepage, showcaret, src, type properties accessibletype, cangoback, cangoforward, contentdocument, contentprincipal, contenttitle, contentvieweredit, contentviewerfile, contentwindow, currenturi, docshell, documentcharsetinfo, homepage, markupdocumentviewer, messag...
...d, webnavigation, webprogress methods addprogresslistener, goback, goforward, gohome, gotoindex, loaduri, loaduriwithflags, reload, reloadwithflags, removeprogresslistener, stop, swapdocshells examples <!-- shows mozilla homepage inside a groupbox --> <groupbox flex="1"> <caption label="mozilla homepage"/> <browser type="content" src="http://www.mozilla.org" flex="1"/> </groupbox>
attributes autocompleteenabled type: boolean set to true to enable autocomplete of fields.
...(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getuserdata, hasattribute(), hasattributens(), has
attributes(), haschildnodes(), insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), removeattribute(), removeattributenode(), removeattributens(), removechild(), removeeventlistener(), replacechild(), setattribute(), setattributenode(), setattributenodens(), setattributens(), setuserdata ...
button - Archive of obsolete content
« xul reference home [ examples |
attributes | properties | methods | related ] a button that can be pressed by the user.
...
attributes accesskey, autocheck, checkstate, checked, command, crop, dir, disabled, dlgtype, group, icon, image, label, open, orient, tabindex, type properties accesskey, accessibletype, autocheck, checkstate, checked, command, crop, dir, disabled, dlgtype, group, image, label, open, orient, tabindex, type examples <button label="press me" oncommand="alert('you pressed me!');"/>
attributes accesskey type: character this should be set to a character that is used as a shortcut key.
...the position of the image is determined by the dir and orient
attributes.
...ild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, getuserdata, hasattribute(), hasattributens(), has
attributes(), haschildnodes(), insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), removeattribute(), removeattributenode(), removeattributens(), removechild(), removeeventlistener(), replacechild(), setattribute(), setattributenode(), setattributenodens(), setattributens(), setuserdata related...
caption - Archive of obsolete content
« xul reference home [ examples |
attributes | properties | methods | related ] a header for a groupbox.
...
attributes accesskey, crop, image, label, tabindex properties accesskey, crop, image, label, tabindex examples <groupbox> <caption label="my groupbox"/> </groupbox> <groupbox flex="1"> <caption> <checkbox label="a checked groupbox"/> </caption> </groupbox>
attributes accesskey type: character this should be set to a character that is used as a shortcut key.
...the position of the image is determined by the dir and orient
attributes.
...ild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, getuserdata, hasattribute(), hasattributens(), has
attributes(), haschildnodes(), insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), removeattribute(), removeattributenode(), removeattributens(), removechild(), removeeventlistener(), replacechild(), setattribute(), setattributenode(), setattributenodens(), setattributens(), setuserdata related ...
command - Archive of obsolete content
« xul reference home [ examples |
attributes | properties | methods | related ] a command element can be used to invoke an operation that can come from multiple sources.
... like a broadcaster, commands forward
attributes to other elements.
...see also: command attribute, commandset element
attributes disabled, label, oncommand,reserved examples the following code will send a paste command (cmd_paste) to the currently focused element: // first include chrome://global/content/globaloverlay.js godocommand("cmd_paste"); example with two buttons <commandset><command id="cmd_openhelp" oncommand="alert('help');"/></commandset> <button label="help" command="cmd_openhelp"/> <button label="more help" command="cmd_openhelp"/>
attributes disabled type: boolean indicates whether the element is disabled or not.
...ild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, getuserdata, hasattribute(), hasattributens(), has
attributes(), haschildnodes(), insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), removeattribute(), removeattributenode(), removeattributens(), removechild(), removeeventlistener(), replacechild(), setattribute(), setattributenode(), setattributenodens(), setattributens(), setuserdata related...
conditions - Archive of obsolete content
« xul reference home [ examples |
attributes | properties | methods | related ] this element should appear directly inside a rule element and is used to define conditions for the rule.
...these may have
attributes whose value is a variable name beginning with a question mark (?).
... examples (example needed)
attributes inherited from xul element 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, sortre...
...ild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, getuserdata, hasattribute(), hasattributens(), has
attributes(), haschildnodes(), insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), removeattribute(), removeattributenode(), removeattributens(), removechild(), removeeventlistener(), replacechild(), setattribute(), setattributenode(), setattributenodens(), setattributens(), setuserdata ...
dialog - Archive of obsolete content
« xul reference home [ examples |
attributes | properties | methods | related ] this element should be used in place of the window element for dialog boxes.
...
attributes buttonaccesskeyaccept, buttonaccesskeycancel, buttonaccesskeydisclosure, buttonaccesskeyextra1, buttonaccesskeyextra2, buttonaccesskeyhelp, buttonalign, buttondir, buttondisabledaccept, buttonlabelaccept, buttonlabelcancel, buttonlabeldisclosure, buttonlabelextra1, buttonlabelextra2, buttonlabelhelp, buttonorient, buttonpack, buttons, defaultbutton, title properties buttons, defaultbutton methods acceptdialog, canceldialog, centerwindowonscreen, getbutton, movetoalertposition examples <?xml version="1.0"?> <?xml-st...
...ul" buttons="accept,cancel" buttonlabelcancel="cancel" buttonlabelaccept="save"> <dialogheader title="options" description="my preferences"/> <groupbox> <caption label="colour"/> <radiogroup> <radio label="red"/> <radio label="green" selected="true"/> <radio label="blue"/> </radiogroup> <label value="nickname"/> <textbox/> </groupbox> </dialog>
attributes activetitlebarcolor type: color string specify background color of the window's titlebar when it is active (foreground).
...(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getuserdata, hasattribute(), hasattributens(), has
attributes(), haschildnodes(), insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), removeattribute(), removeattributenode(), removeattributens(), removechild(), removeeventlistener(), replacechild(), setattribute(), setattributenode(), setattributenodens(), setattributens(), setuserdata ...
editor - Archive of obsolete content
« xul reference home [ examples |
attributes | properties | methods | related ] a frame which is expected to contain an editable document.
...
attributes editortype, src, type properties accessibletype, commandmanager, contentdocument, contentwindow, docshell, editingsession, editortype, webbrowserfind, webnavigation methods geteditor, gethtmleditor, makeeditable examples this example shows how to made the editor editable by setting the designmode property of the loaded html document: <script language="javascript"> function initedit...
...
attributes editortype type: one of the values below the type of editor to use.
...ild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, getuserdata, hasattribute(), hasattributens(), has
attributes(), haschildnodes(), insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), removeattribute(), removeattributenode(), removeattributens(), removechild(), removeeventlistener(), replacechild(), setattribute(), setattributenode(), setattributenodens(), setattributens(), setuserdata related...
grid - Archive of obsolete content
« xul reference home [ examples |
attributes | properties | methods | related ] a grid is a layout type that arranges elements in rows and columns.
...the size and
attributes defined on columns and rows will affect the size and placement of elements in each cell.
... <row> <label value="user name"/> <textbox id="user"/> </row> <row> <label value="group"/> <menulist> <menupopup> <menuitem label="accounts"/> <menuitem label="sales" selected="true"/> <menuitem label="support"/> </menupopup> </menulist> </row> </rows> </grid> </groupbox>
attributes inherited from xul element 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-e...
...ild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, getuserdata, hasattribute(), hasattributens(), has
attributes(), haschildnodes(), insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), removeattribute(), removeattributenode(), removeattributens(), removechild(), removeeventlistener(), replacechild(), setattribute(), setattributenode(), setattributenodens(), setattributens(), setuserdata related...
iframe - Archive of obsolete content
« xul reference home [ examples |
attributes | properties | methods | related ] an inner frame that works much like the html <iframe> element.
...
attributes showcaret, src, type, transparent properties accessibletype, contentdocument, contentwindow, docshell, webnavigation examples <iframe src="table.php" flex="2" id="browsertable" name="table_frame"/> selecting an url from a menu <menulist oncommand="donav(this);"> <menupopup> <menuitem label="mozilla" value="http://mozilla.org" /> <menuitem label="slashdot" value="http://slashdot...
....org"/> <menuitem label="sourceforge" value="http://sf.net" /> <menuitem label="freshmeat" value="http://freshmeat.net"/> </menupopup> </menulist> <iframe id="myframe" flex="1"/> <script> function donav(obj) { var url = obj.selecteditem.value; // note the firstchild is the menupopup element document.getelementbyid('myframe').setattribute('src', url); } </script>
attributes showcaret type: boolean whether or not to cause a typing caret to be visible in the content area.
...ild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, getuserdata, hasattribute(), hasattributens(), has
attributes(), haschildnodes(), insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), removeattribute(), removeattributenode(), removeattributens(), removechild(), removeeventlistener(), replacechild(), setattribute(), setattributenode(), setattributenodens(), setattributens(), setuserdata related...
image - Archive of obsolete content
« xul reference home [ examples |
attributes | properties | methods | related ] summary an element that displays an image, much like the html img element.
...
attributes onerror, onload, src, validate properties accessibletype, src style classes alert-icon, error-icon, message-icon, question-icon examples <image src='firefoxlogo.png' width='135' height='130'/>
attributes onerror type: script code this event is sent to an image element when an error occurs loading the image.
...ild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, getuserdata, hasattribute(), hasattributens(), has
attributes(), haschildnodes(), insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), removeattribute(), removeattributenode(), removeattributens(), removechild(), removeeventlistener(), replacechild(), setattribute(), setattributenode(), setattributenodens(), setattributens(), setuserdata style c...
... related see also the image and icon
attributes.
label - Archive of obsolete content
« xul reference home [ examples |
attributes | properties | methods | related ] this element is used to provide a label for a control element.
...
attributes accesskey, control, crop, disabled, href, value properties accesskey, accessibletype, control, crop, disabled, value style classes header, indent, monospace, plain, small-margin, text-link examples <label value="email address" control="email"/> <textbox id="email"/>
attributes accesskey type: character this should be set to a character that is used as a shortcut key.
...ild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, getuserdata, hasattribute(), hasattributens(), has
attributes(), haschildnodes(), insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), removeattribute(), removeattributenode(), removeattributens(), removechild(), removeeventlistener(), replacechild(), setattribute(), setattributenode(), setattributenodens(), setattributens(), setuserdata style cl...
... related elements description
attributes label interfaces nsiaccessibleprovider, nsidomxullabelelement notes labels are not focusable note: starting in gecko 2.0, labels are properly not focusable.
listcell - Archive of obsolete content
« xul reference home [ examples |
attributes | properties | methods | related ] a single cell of a listbox.
...
attributes crop, disabled, image, label, type properties disabled style classes listcell-iconic, examples (example needed)
attributes crop type: one of the values below if the label of the element is too big to fit in its given space, the text will be cropped on the side specified by the crop attribute.
...the position of the image is determined by the dir and orient
attributes.
...ild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, getuserdata, hasattribute(), hasattributens(), has
attributes(), haschildnodes(), insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), removeattribute(), removeattributenode(), removeattributens(), removechild(), removeeventlistener(), replacechild(), setattribute(), setattributenode(), setattributenodens(), setattributens(), setuserdata style c...
member - Archive of obsolete content
« xul reference home [ examples |
attributes | properties | methods | related ] used within a rule's conditions element to match elements that are containers or are contained within another element.
... both the container and child
attributes may use variables.
... properties child, container examples (example needed)
attributes inherited from xul element 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 properties child type: ?
...ild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, getuserdata, hasattribute(), hasattributens(), has
attributes(), haschildnodes(), insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), removeattribute(), removeattributenode(), removeattributens(), removechild(), removeeventlistener(), replacechild(), setattribute(), setattributenode(), setattributenodens(), setattributens(), setuserdata ...
menubar - Archive of obsolete content
« xul reference home [ examples |
attributes | properties | methods | related ] a container that usually contains menu elements.
...
attributes grippyhidden, statusbar properties accessibletype, statusbar examples <menubar id="sample-menubar"> <menu id="action-menu" label="action"> <menupopup id="action-popup"> <menuitem label="new"/> <menuitem label="save" disabled="true"/> <menuitem label="close"/> <menuseparator/> <menuitem label="quit"/> </menupopup> </menu> <menu id="edit-menu" label="edit"> <menupopup id="edit-popup"> <menuitem label="undo"/> <menuitem label=...
..."redo"/> </menupopup> </menu> </menubar>
attributes grippyhidden seamonkey only type: boolean when set to true, the grippy will be hidden.
...ild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, getuserdata, hasattribute(), hasattributens(), has
attributes(), haschildnodes(), insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), removeattribute(), removeattributenode(), removeattributens(), removechild(), removeeventlistener(), replacechild(), setattribute(), setattributenode(), setattributenodens(), setattributens(), setuserdata related...
observes - Archive of obsolete content
« xul reference home [ examples |
attributes | properties | methods | related ] the observes element can be used to listen to a broadcaster and receive events and
attributes from it.
...
attributes attribute, element examples (example needed)
attributes attribute type: attribute name the attribute that the observer is observing.
...the id, ref, and persist
attributes are not observed.
...ild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, getuserdata, hasattribute(), hasattributens(), has
attributes(), haschildnodes(), insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), removeattribute(), removeattributenode(), removeattributens(), removechild(), removeeventlistener(), replacechild(), setattribute(), setattributenode(), setattributenodens(), setattributens(), setuserdata ...
preferences - Archive of obsolete content
« xul reference home [ examples |
attributes | properties | methods | related ] overview <preferences> is a container for <preference> elements.
...</preferences>
attributes these ought to be readonly; three of these could be merged into a single member attribute nsiprefservice service; the preferences service.
...ild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, getuserdata, hasattribute(), hasattributens(), has
attributes(), haschildnodes(), insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), removeattribute(), removeattributenode(), removeattributens(), removechild(), removeeventlistener(), replacechild(), setattribute(), setattributenode(), setattributenodens(), setattributens(), setuserdata related...
... preferences system documentation: introduction: getting started | examples | troubleshooting reference: prefwindow | prefpane | preferences | preference | xul
attributes ...
progressmeter - Archive of obsolete content
« xul reference home [ examples |
attributes | properties | methods | related ] a meter which can be used to display the progress of a lengthy operation.
...
attributes max, mode, value properties accessibletype, max, mode, value examples <progressmeter mode="determined" value="82"/> <progressmeter mode="undetermined"/> <!-- switching modes while the mouse is over a button --> <progressmeter mode="determined" id="myprogress"/> <button label="example" onmouseover="setloading(true)" onmouseout="setloading(false)"/> function setloading(state){ document.getelementbyid('myprogress').mode = (state) ?
... 'undetermined' : 'determined'; }
attributes max type: integer the maximum value that progressmeter may have.
...ild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, getuserdata, hasattribute(), hasattributens(), has
attributes(), haschildnodes(), insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), removeattribute(), removeattributenode(), removeattributens(), removechild(), removeeventlistener(), replacechild(), setattribute(), setattributenode(), setattributenodens(), setattributens(), setuserdata related...
query - Archive of obsolete content
« xul reference home [ examples |
attributes | properties | methods | related ] used to specify the query for a template.
... the
attributes and content of the query are dependent on the type of datasource being used.
...
attributes expr examples (example needed)
attributes expr type: string for xml queries, an xpath expression which returns results.
...ild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, getuserdata, hasattribute(), hasattributens(), has
attributes(), haschildnodes(), insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), removeattribute(), removeattributenode(), removeattributens(), removechild(), removeeventlistener(), replacechild(), setattribute(), setattributenode(), setattributenodens(), setattributens(), setuserdata ...
radiogroup - Archive of obsolete content
« xul reference home [ examples |
attributes | properties | methods | related ] a group of radio buttons.
...
attributes disabled, focused, preference, tabindex, value properties accessibletype, disabled, focuseditem, itemcount, selectedindex, selecteditem, tabindex, value methods appenditem, checkadjacentelement, getindexofitem, getitematindex, insertitemat, removeitemat examples <radiogroup> <radio id="orange" label="red"/> <radio id="violet" label="green" selected="true"/> <radio id="yellow" label="blue"/> </radiogroup>
attributes disable...
...be aware, however, that some elements, such as textbox will display the value visually, so in order to merely associate data with an element, you could 1) use another attribute like "value2" or "data-myatt" (as in the html5 draft), as xul does not require validation (less future-proof); 2) use setattributens() to put custom
attributes in a non-xul namespace (serializable and future-proof); 3) use setuserdata() (future-proof and clean, but not easily serializable).
...(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getuserdata, hasattribute(), hasattributens(), has
attributes(), haschildnodes(), insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), removeattribute(), removeattributenode(), removeattributens(), removechild(), removeeventlistener(), replacechild(), setattribute(), setattributenode(), setattributenodens(), setattributens(), setuserdata ...
resizer - Archive of obsolete content
« xul reference home [ examples |
attributes | properties | methods | related ] an element used for window resizing.
...
attributes dir, element, type examples resizing a window <window xmlns="http://www.mozilla.org/keymaster/gat...re.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="...
...rance: none;" element="button" right="0" top="0" width="16" height="16"/> <resizer dir="bottomleft" style="background: black; -moz-appearance: none;" element="button" left="0" bottom="0" width="16" height="16"/> <resizer dir="bottomright" style="background: black; -moz-appearance: none;" element="button" right="0" bottom="0" width="16" height="16"/> </stack>
attributes dir type: one of the values below the direction that the window is resized.
...ild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, getuserdata, hasattribute(), hasattributens(), has
attributes(), haschildnodes(), insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), removeattribute(), removeattributenode(), removeattributens(), removechild(), removeeventlistener(), replacechild(), setattribute(), setattributenode(), setattributenodens(), setattributens(), setuserdata ...
richlistitem - Archive of obsolete content
« xul reference home [ examples |
attributes | properties | methods | related ] an individual item in a richlistbox.
...
attributes disabled, searchlabel, selected, tabindex, value properties accessible, control, disabled, label, selected, tabindex, value examples (example needed)
attributes disabled type: boolean indicates whether the element is disabled or not.
...be aware, however, that some elements, such as textbox will display the value visually, so in order to merely associate data with an element, you could 1) use another attribute like "value2" or "data-myatt" (as in the html5 draft), as xul does not require validation (less future-proof); 2) use setattributens() to put custom
attributes in a non-xul namespace (serializable and future-proof); 3) use setuserdata() (future-proof and clean, but not easily serializable).
...ild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, getuserdata, hasattribute(), hasattributens(), has
attributes(), haschildnodes(), insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), removeattribute(), removeattributenode(), removeattributens(), removechild(), removeeventlistener(), replacechild(), setattribute(), setattributenode(), setattributenodens(), setattributens(), setuserdata related...
scale - Archive of obsolete content
« xul reference home [ examples |
attributes | properties | methods | related ] a scale (sometimes referred to as a "slider") allows the user to select a value from a range.
...
attributes dir, disabled, increment, max, min, movetoclick, pageincrement, tabindex, value properties disabled, max, min, increment, pageincrement, tabindex, value, methods decrease, decreasepage, increase, increasepage, examples horizontal scale: <scale min="1" max="10"/> vertical scale: <scale min="1" max="10" orient="vertical"/>
attributes dir type: one of the values below ...
...be aware, however, that some elements, such as textbox will display the value visually, so in order to merely associate data with an element, you could 1) use another attribute like "value2" or "data-myatt" (as in the html5 draft), as xul does not require validation (less future-proof); 2) use setattributens() to put custom
attributes in a non-xul namespace (serializable and future-proof); 3) use setuserdata() (future-proof and clean, but not easily serializable).
...ild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, getuserdata, hasattribute(), hasattributens(), has
attributes(), haschildnodes(), insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), removeattribute(), removeattributenode(), removeattributens(), removechild(), removeeventlistener(), replacechild(), setattribute(), setattributenode(), setattributenodens(), setattributens(), setuserdata ...
<statusbarpanel> - Archive of obsolete content
« xul reference home [ examples |
attributes | properties | methods | related ] firefox 4 note the status bar has been removed.
...
attributes crop, image, label properties image, label style classes statusbarpanel-iconic, statusbarpanel-iconic-text, statusbarpanel-menu-iconic examples <statusbar> <statusbarpanel label="left panel"/> <spacer flex="1"/> <progressmeter mode="determined" value="82"/> <statusbarpanel label="right panel"/> </statusbar>
attributes crop type: one of the values below if the label of the element is too b...
...the position of the image is determined by the dir and orient
attributes.
...ild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, getuserdata, hasattribute(), hasattributens(), has
attributes(), haschildnodes(), insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), removeattribute(), removeattributenode(), removeattributens(), removechild(), removeeventlistener(), replacechild(), setattribute(), setattributenode(), setattributenodens(), setattributens(), setuserdata style c...
tab - Archive of obsolete content
« xul reference home [ examples |
attributes | properties | methods | related ] a single tab which should be placed inside a tabs element.
...
attributes accesskey, afterselected, beforeselected, command, crop, disabled, first-tab, image, label, last-tab, linkedpanel, oncommand, pending, pinned, selected, tabindex, unread, validate, value properties accesskey, accessibletype, command, control, crop, disabled, image, label, linkedpanel, selected, tabindex, value examples (example needed)
attributes accesskey type: character this should be set to a character that is used as a shortcut key.
...the position of the image is determined by the dir and orient
attributes.
...ild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, getuserdata, hasattribute(), hasattributens(), has
attributes(), haschildnodes(), insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), removeattribute(), removeattributenode(), removeattributens(), removechild(), removeeventlistener(), replacechild(), setattribute(), setattributenode(), setattributenodens(), setattributens(), setuserdata notes ...
tabbox - Archive of obsolete content
« xul reference home [ examples |
attributes | properties | methods | related ] a container used to display a set of tabbed pages of elements.
...
attributes eventnode, handlectrlpageupdown, handlectrltab properties accessibletype, eventnode, handlectrlpageupdown, handlectrltab, selectedindex, selectedpanel, selectedtab, tabs, tabpanels examples <tabbox id="mytablist" selectedindex="2"> <tabs> <tab label="a first tab"/> <tab label="second tab"/> <tab label="another tab"/> <tab label="last tab"/> </tabs> <tabpanels> <tabpanel><!-- tabpanel first elements go here --></tabpanel> <tabpanel><!-- tab...
...panel second elements go here --></tabpanel> <tabpanel><button label="click me"/></tabpanel> <tabpanel><!-- tabpanel fourth elements go here --></tabpanel> </tabpanels> </tabbox>
attributes eventnode type: one of the values below indicates where keyboard navigation events are listened to.
...ild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, getuserdata, hasattribute(), hasattributens(), has
attributes(), haschildnodes(), insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), removeattribute(), removeattributenode(), removeattributens(), removechild(), removeeventlistener(), replacechild(), setattribute(), setattributenode(), setattributenodens(), setattributens(), setuserdata related...
tabbrowser - Archive of obsolete content
« xul reference home [ examples |
attributes | properties | methods | related ] this element is used for holding a set of read-only views of web documents.
...
attributes autocompleteenabled, autocompletepopup, autoscroll, contentcontextmenu, contenttooltip, handlectrlpageupdown, onbookmarkgroup, onnewtab, tabmodalpromptshowing properties browsers, cangoback, cangoforward, contentdocument, contenttitle, contentvieweredit, contentviewerfile, contentwindow, currenturi, docshell, documentcharsetinfo, homepage, markupdocumentviewer, securityui, selectedbrowser, selectedtab, sessionhistory, tabcontainer, tabs, visibletabs, webbrowserfind, webnavigation, webprogress ...
...wser, gettabmodalpromptbox, goback, gobackgroup, goforward, goforwardgroup, gohome, gotoindex, loadgroup, loadonetab, loadtabs, loaduri, loaduriwithflags, movetabto, pintab, reload, reloadalltabs, reloadtab, reloadwithflags, removealltabsbut, removecurrenttab, removeprogresslistener, removetab, removetabsprogresslistener,replacegroup, selecttabatindex, seticon, showonlythesetabs, stop, unpintab
attributes autocompleteenabled type: boolean set to true to enable autocomplete of fields.
...(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getuserdata, hasattribute(), hasattributens(), has
attributes(), haschildnodes(), insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), removeattribute(), removeattributenode(), removeattributens(), removechild(), removeeventlistener(), replacechild(), setattribute(), setattributenode(), setattributenodens(), setattributens(), setuserdata ...
textnode - Archive of obsolete content
« xul reference home [ examples |
attributes | properties | methods | related ] normally when substituting rdf resources in template rules, you place the rdf property name inside an attribute value preceded with rdf:.
... this is useful if you want to use the html element or other elements that have text content inside them instead of in
attributes.
...
attributes value examples (example needed)
attributes value type: uri the text value to display.
...ild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, getuserdata, hasattribute(), hasattributens(), has
attributes(), haschildnodes(), insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), removeattribute(), removeattributenode(), removeattributens(), removechild(), removeeventlistener(), replacechild(), setattribute(), setattributenode(), setattributenodens(), setattributens(), setuserdata ...
toolbar - Archive of obsolete content
« xul reference home [ examples |
attributes | properties | methods | related ] a container which typically contains a row of buttons.
...
attributes autohide, currentset, customindex, customizable, defaultset, grippyhidden, grippytooltiptext, height, iconsize, mode, toolbarname properties accessibletype, currentset, firstpermanentchild, lastpermanentchild, toolbarname, toolboxid methods insertitem style classes chromeclass-toolbar examples <toolbox> <toolbar id="nav-toolbar"> <toolbarbutton id="nav-users" accesskey...
...="u" label="users"/> <toolbarbutton id="nav-groups" accesskey="p" label="groups"/> <toolbarbutton id="nav-events" accesskey="e" label="events" disabled="true"/> </toolbar> </toolbox>
attributes autohide type: boolean when set to true, the toolbar will be invisible unless the alt key is pressed by the user.
...ild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, getuserdata, hasattribute(), hasattributens(), has
attributes(), haschildnodes(), insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), removeattribute(), removeattributenode(), removeattributens(), removechild(), removeeventlistener(), replacechild(), setattribute(), setattributenode(), setattributenodens(), setattributens(), setuserdata ...
treecell - Archive of obsolete content
« xul reference home [ examples |
attributes | properties | methods | related ] a single cell in a tree.
...
attributes editable, label, mode, properties, ref, src, value
attributes editable type: boolean allows the contents of individual cells in the column to be changed, especially useful when <treecol type="checkbox">.
...be aware, however, that some elements, such as textbox will display the value visually, so in order to merely associate data with an element, you could 1) use another attribute like "value2" or "data-myatt" (as in the html5 draft), as xul does not require validation (less future-proof); 2) use setattributens() to put custom
attributes in a non-xul namespace (serializable and future-proof); 3) use setuserdata() (future-proof and clean, but not easily serializable).
...ild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, getuserdata, hasattribute(), hasattributens(), has
attributes(), haschildnodes(), insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), removeattribute(), removeattributenode(), removeattributens(), removechild(), removeeventlistener(), replacechild(), setattribute(), setattributenode(), setattributenodens(), setattributens(), setuserdata related...
treecol - Archive of obsolete content
« xul reference home [ examples |
attributes | properties | methods | related ] a column of a tree.
...
attributes crop, cycler, dragging, editable, fixed, hidden, hideheader, ignoreincolumnpicker, label, primary, sort, sortactive, sortdirection, src, type, width properties accessibletype style classes treecol-image examples this example shows a checkbox in the first column, requires the style below.
...
attributes crop type: one of the values below if the label of the element is too big to fit in its given space, the text will be cropped on the side specified by the crop attribute.
...ild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, getuserdata, hasattribute(), hasattributens(), has
attributes(), haschildnodes(), insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), removeattribute(), removeattributenode(), removeattributens(), removechild(), removeeventlistener(), replacechild(), setattribute(), setattributenode(), setattributenodens(), setattributens(), setuserdata style c...
triple - Archive of obsolete content
« xul reference home [ examples |
attributes | properties | methods | related ] a triple can be included inside a rule's conditions element.
...both the subject and object
attributes may be variables.
...
attributes object, predicate, subject examples (example needed)
attributes object type: string the object of the element.
...ild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, getuserdata, hasattribute(), hasattributens(), has
attributes(), haschildnodes(), insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), removeattribute(), removeattributenode(), removeattributens(), removechild(), removeeventlistener(), replacechild(), setattribute(), setattributenode(), setattributenodens(), setattributens(), setuserdata ...
calICalendarView - Archive of obsolete content
because of this close association between methods and
attributes on the one hand, and content on the other, calicalendarview implementations are particularly well suited to xbl.
...this explains the need for the fairly large list off
attributes and methods that must be implemented, so that outside code can be able to gain a decent picture of the current state of those nodes.
... it should be noted, however, that the methods and
attributes implemented by a calicalendarview need not behave in any predictable fashion.
...te calidatetime enddate; readonly attribute boolean supportsdisjointdates; readonly attribute boolean hasdisjointdates; void setdatelist(in unsigned long acount, [array,size_is(acount)] in calidatetime adates); void getdatelist(out unsigned long acount, [array,size_is(acount),retval] out calidatetime adates); attribute caliitembase selecteditem; attribute calidatetime selectedday;
attributes displaycalendar the displaycalendar is an implementation of the calicalendar interface.
Implementation Status - Archive of obsolete content
document structure section title status notes bugs 3.1 namespaces supported 3.2.1 common
attributes supported 3.2.2 linking
attributes supported 3.2.3 single-node binding
attributes supported 3.2.4 node-set binding
attributes supported 3.2.5 model item property
attributes partial in some cases a loop error can...
... title status notes bugs 6.1.1 type partial limited to types mentioned above 6.1.2 readonly supported 6.1.3 required supported 6.1.4 relevant partial relevancy applied via a bind to an element fails to apply to child
attributes 342319; 6.1.5 calculate supported 6.1.6 constraint supported 6.1.7 p3ptype unsupported 279049; 6.2.1 atomic datatype partial we will support simpletype's using length, minlength, maxlength, pattern, maxinclusive, mininclusive, ma...
... 9.3.2 nested repeats supported 9.3.3 repeat processing partial we currently obey the 1.0 rules for repeat 9.3.4 user interface interaction partial we currently obey the 1.0 rules for repeat, no support for @number 302026; 9.3.5 creating repeating structures via
attributes partial does not work for html:tr, html:td, or xf:group elements 340515; 350617; 9.3.6 itemset supported performance problem with large itemsets 372197; 9.3.7 copy supported 10.
...xforms and styling section title status notes bugs g.1 pseudo-classes partial :read-only and :read-write are suported using :-moz-read-only and :-moz-read-write 313111; g.2 pseudo-elements unsupported we support ::value, ::repeat-index, and ::repeat-item through the
attributes xf-value, xf-repeat-index, and xf-repeat-item.
How to build custom form controls - Learn web development
it's basically a set of
attributes that extend html so that we can better describe roles, states and properties as though the element we've just devised was the native element it tries to pass for.
... using these
attributes can be done by editing the html markup.
... we also update the aria
attributes via javascript as the user updates their selected value.
...aria also provides many states and property
attributes.
Your first form - Learn web development
it's a container element like a <section> or <footer> element, but specifically for containing forms; it also supports some specific
attributes to configure the way the form behaves.
... all of its
attributes are optional, but it's standard practice to always set at least the action and method
attributes: the action attribute defines the location (url) where the form's collected data should be sent when it is submitted.
... note: we'll look at how those
attributes work in our sending form data article later on.
...the <form> element defines where and how to send the data thanks to the action and method
attributes.
Creating our first Vue component - Learn web development
note: because of the way that this works in arrow functions (binding to the parent’s context), you wouldn’t be able to access any of the necessary
attributes from inside data if you used an arrow function.
...it also binds other
attributes (data, which you’ve already seen, and others like methods, computed, etc.) directly to the instance.
...the down-side to this is that you need to keep the keys unique across these
attributes.
...ring appended to it): import uniqueid from 'lodash.uniqueid'; export default { props: { label: { required: true, type: string }, done: { default: false, type: boolean } }, data() { return { isdone: this.done, id: uniqueid('todo-') }; } }; next, bind the id to both our checkbox’s id attribute and the label’s for attribute, updating the existing id and for
attributes as shown: <template> <div> <input type="checkbox" :id="id" :checked="isdone" /> <label :for="id">{{label}}</label> </div> </template> summary and that will do for this article.
AsyncTestUtils extended framework
the following is a list of frequently used
attributes where the default value is listed after the attribute name.
... there are more
attributes you can specify; consult the documentation for more information.
...if you pass an object, it should be an object with one or more of the following
attributes: minutes, hours, days, weeks.
... these
attributes specify how old the message should be.
PR NewProcessAttr
creates a process
attributes structure.
... returns a pointer to the new process
attributes structure.
... description this function creates a new prprocessattr structure that specifies the
attributes of a new process, then returns a pointer to the structure.
... the new prprocessattr structure is initialized with these default
attributes: the standard i/o streams (standard input, standard output, and standard error) are not redirected.
PKCS11 Implement
the nss also sets the cka_id and cka_label
attributes for the token.
... c_getattributevalue the nss calls c_getattributevalue to get the value of
attributes for both single objects and multiple objects.
... encrypting email if you wish to support encrypted email, your token must be able to look up a certificate by the issuer and serial number
attributes.
... when nss loads a certificate, it sets these
attributes correctly.
JSAPI reference
struct jspropertydescriptor added in spidermonkey 1.8 property
attributes jsprop_enumerate jsprop_readonly jsprop_permanent jsprop_propop_accessors added in spidermonkey 38 jsprop_getter jsprop_setter jsprop_shared jsprop_index jsprop_define_late added in spidermonkey 38 jsfun_stub_gsops added in spidermonkey 17 jsfun_constructor added in spidermonkey 17 jsprop_redefine_nonconfigurable added in spidermonkey 38 jsprop_resolving ...
...rscope obsolete since jsapi 18 js_clearnonglobalobject added in spidermonkey 18 obsolete since jsapi 34 js_defineownproperty added in spidermonkey 1.8.5 obsolete since jsapi 33 js_definepropertywithtinyid obsolete since jsapi 30 js_defineucpropertywithtinyid obsolete since jsapi 30 js_getpropertydefault obsolete since jsapi 26 js_getpropertybyiddefault obsolete since jsapi 26 js_getproperty
attributes obsolete since jsapi 26 js_getucproperty
attributes obsolete since jsapi 26 js_getpropertyattrsgetterandsetter obsolete since jsapi 26 js_getucpropertyattrsgetterandsetter obsolete since jsapi 26 js_getpropertyattrsgetterandsetterbyid obsolete since jsapi 26 js_lookupproperty obsolete since jsapi 37 js_lookupucproperty obsolete since jsapi 37 js_lookuppropertybyid obsolete since jsapi 37 j...
...s_lookupelement obsolete since jsapi 37 js_lookuppropertywithflags obsolete since jsapi 31 js_lookuppropertywithflagsbyid obsolete since jsapi 31 js_newpropertyiterator obsolete since jsapi 36 js_nextproperty obsolete since jsapi 36 js_setproperty
attributes obsolete since jsapi 26 js_setucproperty
attributes obsolete since jsapi 26 the following functions behave like js_getproperty and js_getpropertybyid except when operating on e4x xml objects.
... jsnewobjectmapop obsolete since javascript 1.8.5 jsobjectmapop obsolete since javascript 1.8.5 jslookuppropop obsolete since javascript 1.8.5 jsdefinepropop obsolete since javascript 1.8.5 jspropertyidop obsolete since javascript 1.8.5 js
attributesop obsolete since javascript 1.8.5 jsobjectops.defaultvalue obsolete since javascript 1.8.5 jscheckaccessidop obsolete since javascript 1.8.5 jsobjectop obsolete since javascript 1.8.5 jspropertyrefop obsolete since javascript 1.8.5 jssetobjectslotop obsolete since javascript 1.8.5 jsgetrequiredslotop obsolete since javascript 1.8.5 jssetrequiredslotop obsolete since javascript 1.8.5 jsxm...
Gecko events
is supported: yes event_document_
attributes_changed the document wide
attributes of the document object have changed.
... is supported: no event_property_changed is supported: no event_selection_changed is supported: yes event_text_attribute_changed a text object's
attributes changed.
...this includes for example most of the
attributes available via the iaccessiblecomponent interface.
...event_object_attribute_changed an object's
attributes changed.
History Service Design
this table has common
attributes for a page like typed, hidden and frecency.
...if a page can be added we first check if it exists already, then it is added or updated accordingly to the previous check, and common
attributes are set based on concurrent visit properties.
...these objects can be directly instantiated and built, setting their
attributes, but places allows a more readable and manageable form for queries: place query uris.
...result nodes can be simple uri nodes with page
attributes or complete visit
attributes, or can be containers (folders, other queries, dynamic containers and so on).
Introduction to XPCOM for the DOM
the xpidl compiler turns the idl methods and
attributes into c++ functions according to the following rules: the methods of the interface keep the same name in c++ .
... the
attributes of the interface become two functions: a getter, and a setter.
...note that the same intercaps model applies to idl
attributes as well.
...we also saw that an interface defined in xpidl contains methods and
attributes, which are transformed into c++ functions by the xpidl compiler.
mozITXTToHTMLConv
method overview unsigned long citeleveltxt(in wstring line, out unsigned long loglinestart) void findurlinplaintext(in wstring text, in long alength, in long apos, out long astartpos, out long aendpos) wstring scanhtml(in wstring text, in unsigned long whattodo) wstring scantxt(in wstring text, in unsigned long whattodo) constants conversion control
attributes these bits allow you to control the conversion of text into html.
... kstructphrase unsigned long enables conversion of text
attributes, such as converting "*some text*" to boldfaced "some text" by wrapping in the html <strong> element.
... whattodo a bit field composed of the conversion control
attributes indicating what conversions to apply.
... whattodo a bit field composed of the conversion control
attributes indicating what conversions to apply.
nsIDOMXULElement
66 introduced gecko 1.0 inherits from: nsidomelement last changed in gecko 1.9 (firefox 3) method overview void blur(); void click(); void docommand(); void focus(); nsidomnodelist getelementsbyattribute(in domstring name, in domstring value); nsidomnodelist getelementsbyattributens(in domstring namespaceuri, in domstring name, in domstring value);
attributes attribute type description align domstring gets/sets the value of the element's align attribute.
... return value a list of elements with matching
attributes that have no namespace.
...nsidomnodelist getelementsbyattributens( in domstring namespaceuri, in domstring name, in domstring value ); parameters namespaceuri the namespace of the attribute to search for, or "*" to search
attributes in all namespaces.
... return value a list of elements with matching
attributes.
Accessibility Inspector - Firefox Developer Tools
in such a situation, you can use wai-aria role
attributes to provide your own roles.
...
attributes — a list of all the accessibility-relevant
attributes that are applied to the item.
... this can include style-related
attributes such as margin-left and text-indent, and other useful states for accessibility information, such as draggable and level (e.g., what heading level is it, in the case of headings).
... for a full list of possible
attributes, see gecko object
attributes.
Introduction to DOM Inspector - Firefox Developer Tools
the following descriptions provide an overview of what these viewers are about: the dom nodes viewer shows
attributes of nodes that can take them, or the text content of text nodes, comments, and processing instructions.
... the
attributes and text contents may also be edited.
...note that when the dom inspector displays information about a particular node or subtree, it presents individual nodes and their values (in the dom,
attributes are subnodes of elements, typically) in an active list.
... you can perform actions on the individual items in this list from the context menu and the edit menu, both of which contain menutimes that allow you edit the values of those
attributes.
Debugger.Source - Firefox Developer Tools
for example, an html document can contain javascript in multiple <script> elements and event handler content
attributes.
... source belongs to a dom element if it was assigned to one of the element’s event handler idl
attributes as a string.
... (note that one may assign both strings and functions to dom elements’ event handler idl
attributes.
... "eventhandler", for code assigned to dom elements’ event handler idl
attributes as a string.
Debugger.Object - Firefox Developer Tools
defineproperty(name,
attributes) define a property on the referent namedname, as described by the property descriptordescriptor.
... any value, get, and set properties of
attributes must be debuggee values.
...ifhandler is null, the referent is no longer watched.handler may have the following methods, called under the given circumstances: add(frame,name,descriptor) a property namedname has been added to the referent.descriptor is a property descriptor of the sort accepted by debugger.object.prototype.defineproperty, giving the newly added property's
attributes.
...this handler method is only called when
attributes of the property other than its value are being changed; if only the value is changing, spidermonkey calls the handler's set method.
Introduction to the DOM - Web APIs
attribute when an attribute is returned by a member (e.g., by the createattribute() method), it is an object reference that exposes a special (albeit small) interface for
attributes.
...
attributes are nodes in the dom just like elements are, though you may rarely use them as such.
... const table = document.getelementbyid("table"); const tableattrs = table.
attributes; // node/element interface for (let i = 0; i < tableattrs.length; i++) { // htmltableelement interface: border attribute if(tableattrs[i].nodename.tolowercase() == "border") table.border = "1"; } // htmltableelement interface: summary attribute table.summary = "note: increased border"; core interfaces in the dom this section lists some of the most commonly-used interfaces in the dom.
...the following very simple web page provides a <script> element in the header in which you can place functions that test the interface, a few html elements with
attributes that you can retrieve, set, or otherwise manipulate, and the web user interface necessary to call those functions from the browser.
Element.getAttributeNS() - Web APIs
note: earlier versions of the dom specification had this method described as returning an empty string for non-existent
attributes, but it was not typically implemented this way since null makes more sense.
... the dom4 specification now says this method should return null for non-existent
attributes.
... prior to the dom4 specification, this method was specified to return an empty string rather than null for non-existent
attributes.
... dom methods dealing with element's
attributes: not namespace-aware, most commonly used methods namespace-aware variants (dom level 2) dom level 1 methods for dealing with attr nodes directly (seldom used) dom level 2 namespace-aware methods for dealing with attr nodes directly (seldom used) setattribute (dom 1) setattributens setattributenode setattributenodens getattribute (dom 1) getattributens getattributenode getattributenodens ...
Element - Web APIs
element.
attributes read only returns a namednodemap object containing the assigned
attributes of the corresponding html element.
... element.classlist read only returns a domtokenlist containing the list of class
attributes.
... element.has
attributes() returns a boolean indicating if the element has one or more html
attributes present.
... moved has
attributes() from the node interface to this one.
HTMLElement - Web APIs
htmlorforeignelement.dataset read only returns a domstringmap with which script can read and write the element's custom data
attributes (data-*) .
... htmlelement.lang is a domstring representing the language of an element's
attributes, text, and element contents.
... htmlelement.style is a cssstyledeclaration, an object representing the declarations of an element's style
attributes.
... moved the onxyz
attributes to the globaleventhandlers interface and added an inheritance from it.
HTMLOrForeignElement.dataset - Web APIs
the dataset read-only property of the htmlorforeignelement interface provides read/write access to all the custom data
attributes (data-*) set on the element.
...instead, all writes must be to the individual properties within the dataset, which in turn represent the data
attributes.
... in addition to the information below, you'll find a how-to guide for using html data
attributes in our article using data
attributes.
... accessing values
attributes can be set and read by using the camelcase name (the key) like an object property of the dataset, as in element.dataset.keyname
attributes can also be set and read using the bracket syntax, as in element.dataset[keyname] the in operator can be used to check whether a given attribute exists.
Node - Web APIs
node.has
attributes() returns a boolean indicating if the element has any
attributes, or not.
... obsolete removed the following properties:
attributes, namespaceuri, prefix, and localname.
... removed the following methods: issupported(), has
attributes(), getfeature(), setuserdata(), and getuserdata().
... added the following methods: normalize(), issupported() and has
attributes().
SVGSVGElement - Web APIs
svgsvgelement.usecurrentview the initial view (i.e., before magnification and panning) of the current innermost svg document fragment can be either the "standard" view, i.e., based on
attributes on the <svg> element such as viewbox) or on a "custom" view (i.e., a hyperlink into a particular <view> or other element).
...the meaning depends on the situation: if the initial view was a "standard" view, then: the values for viewbox, preserveaspectratio and zoomandpan within currentview will match the values for the corresponding dom
attributes that are on svgsvgelement directly the values for transform and viewtarget within currentview will be null if the initial view was a link into a <view> element, then: the values for viewbox, preserveaspectratio and zoomandpan within currentview will correspond to the corresponding
attributes for the given <view> element the values for transform and viewtarget within currentview will b...
...e null if the initial view was a link into another element (i.e., other than a <view>), then: the values for viewbox, preserveaspectratio and zoomandpan within currentview will match the values for the corresponding dom
attributes that are on svgsvgelement directly for the closest ancestor <svg> element the values for transform within currentview will be null the viewtarget within currentview will represent the target of the link if the initial view was a link into the svg document fragment using an svg view specification fragment identifier (i.e., #svgview(…)), then: the values for viewbox, preserveaspectratio, zoomandpan, transform and viewtarget within currentview will correspond to the values from the svg view specification fragment identifier svgsvgelement.currentscal...
...dom
attributes currentscale and currenttranslate are equivalent to the 2×3 matrix [a b c d e f] = [currentscale 0 0 currentscale currenttranslate.x currenttranslate.y].
WebGL2RenderingContext - Web APIs
uniforms and
attributes webgl2renderingcontext.uniform[1234][uif][v]() methods specifying values of uniform variables.
... webgl2renderingcontext.vertexattribi4[u]i[v]() methods specifying integer values for generic vertex
attributes.
... webgl2renderingcontext.vertexattribipointer() specifies integer data formats and locations of vertex
attributes in a vertex
attributes array.
... drawing buffers webgl2renderingcontext.vertexattribdivisor() modifies the rate at which generic vertex
attributes advance when rendering multiple instances of primitives with gl.drawarraysinstanced() and gl.drawelementsinstanced().
WebGLRenderingContext.enableVertexAttribArray() - Web APIs
in webgl, values that apply to a specific vertex are stored in
attributes.
...
attributes are referenced by an index number into the list of
attributes maintained by the gpu.
...others are assigned by the webgl layer when you create the
attributes.
... either way, since
attributes cannot be used unless enabled, and are disabled by default, you need to call enablevertexattribarray() to enable individual
attributes so that they can be used.
Migrating from webkitAudioContext - Web APIs
instead of having code like this: var source = context.createbuffersource(); source.looping = true; you can change it to respect the last version of the specification: var source = context.createbuffersource(); source.loop = true; note, the loopstart and loopend
attributes are not supported in webkitaudiocontext.
...andard audiocontext api: // old webkitaudiocontext code: var osc = context.createoscillator(); var table = context.createwavetable(realarray, imaginaryarray); osc.setwavetable(table); // new standard audiocontext code: var osc = context.createoscillator(); var table = context.createperiodicwave(realarray, imaginaryarray); osc.setperiodicwave(table); removal of some of the audioparam read-only
attributes the following read-only
attributes have been removed from audioparam: name, units, minvalue, and maxvalue.
... these used to be informational
attributes.
... the minvalue and maxvalue
attributes are read-only values representing the nominal range for the audioparam.
Example and tutorial: Simple synth keyboard - Web APIs
it creates the elements that comprise the key and its label, adds some data
attributes to the element for later use, and assigns event handlers for the events we care about.
...then we add data-*
attributes which contain the key's octave (attribute data-octave), string representing the note to play (attribute data-note), and frequency (attribute data-frequency) in hertz.
... if the mouse button is in fact down, we get the pressed key's dataset attribute; this makes it easy to access the custom data
attributes on the element.
... function notereleased(event) { let dataset = event.target.dataset; if (dataset && dataset["pressed"]) { osclist[dataset["octave"][dataset["note"]]].stop(); osclist[dataset["octave"][dataset["note"]]] = null; delete dataset["pressed"]; } } notereleased() uses the data-octave and data-note custom
attributes to look up the key's oscillator, then calls the oscillator's inherited stop() method to stop playing the note.
Variable fonts guide - CSS: Cascading Style Sheets
the w3c has undertaken mapping them to existing css
attributes, and in one case introduced a new one, which you'll see below.
... registered axes and existing css
attributes in this section we'll demonstrate the five registered axes defined with examples and the corresponding css.
...however, the w3c’s intent was for this syntax not to be used when other
attributes are available.
...the first uses the standard
attributes wherever possible.
Cross-browser audio basics - Developer guides
this article provides: a basic guide to creating a cross-browser html5 audio player with all the associated
attributes, properties, and events explained a guide to custom controls created using the media api basic audio example the code below is an example of a basic audio implementation using html5: <audio controls> <source src="audiofile.mp3" type="audio/mpeg"> <source src="audiofile.ogg" type="audio/ogg"> <!-- fallback for non supporting browsers goes here --> <p>your browser does not support html5 audio, but you can still <a href="audiofile.mp3">download the music</a>.</p> </audio> note: you can also use an mp4 file instead of mp3.
... we do this using the <source> element, which takes the
attributes src and type.
... audio html
attributes we can specify a number of
attributes with the audio tag to further determine the way audio is initialized.
... manipulating the audio element with javascript in addition to being able to specify various
attributes in html, the <audio> element comes complete with several properties and methods that you can manipulate via javascript.
HTML5 Parser - Developer guides
in html5, document.write() can only be called from a script that is created by a <script> tag that does not have the async or defer
attributes set.
...
attributes are tokenized the same way they are tokenized in html, so you can omit quotes in the same situations where you can omit quotes in html (i.e.
...
attributes starting with xmlns have absolutely no effect on what namespace elements or
attributes end up in, so you don’t need to use
attributes starting with xmlns.
...
attributes in the xlink namespace must use the prefix xlink (e.g.
<colgroup> - HTML: Hypertext Markup Language
implicit aria role no corresponding role permitted aria roles no role permitted dom interface htmltablecolelement
attributes this element's
attributes include the global
attributes.
... note: this attribute is applied on the
attributes of the column group, it has no effect on the css styling rules associated with it or, even more, to the cells of the column's members of the group.
... deprecated
attributes the following
attributes are deprecated and should not be used.
...possible values are: left, aligning the content to the left of the cell center, centering the content in the cell right, aligning the content to the right of the cell justify, inserting spaces into the textual content so that the content is justified in the cell char, aligning the textual content on a special character with a minimal offset, defined by the char and charoff
attributes.
<input type="datetime-local"> - HTML: Hypertext Markup Language
events change and input supported common
attributes autocomplete, list, readonly, and step idl
attributes list, value, valueasnumber.
... additional
attributes in addition to the
attributes common to all <input> elements, datetime-local inputs offer the following
attributes: attribute description max the latest date and time to accept min the earliest date and time to accept step the stepping interval to use for this input, such as when clicking arrows on spinner controls or performing validation ...
... basic uses of datetime-local the simplest use of <input type="datetime-local"> involves a basic <input> and <label> element combination, as seen below: <form> <label for="party">enter a date and time for your party booking:</label> <input id="party" type="datetime-local" name="partydate"> </form> setting maximum and minimum dates and times you can use the min and max
attributes to restrict the dates/times that can be chosen by the user.
... controlling input size <input type="datetime-local"> doesn't support form control sizing
attributes such as size.
<input type="password"> - HTML: Hypertext Markup Language
value a domstring representing a password, or empty events change and input supported common
attributes autocomplete, inputmode, maxlength, minlength, pattern, placeholder, readonly, required, and size idl
attributes selectionstart, selectionend, selectiondirection, and value methods select(), setrangetext(), and setselectionrange() value the value attribute contains a domstring whose value is the current contents of the text editing control being used to enter th...
... additional
attributes in addition to the
attributes that operate on all <input> elements regardless of their type, password field inputs support the following
attributes: attribute description maxlength the maximum length the value may be, in utf-16 characters minlength the minimum length in characters that will be considered valid pattern a regular expression the ...
... <label for="pin">pin: </label> <input id="pin" type="password" inputmode="numeric"> setting length requirements as usual, you can use the minlength and maxlength
attributes to establish minimum and maximum acceptable lengths for the password.
...the minlength and maxlength
attributes are set to 9 and 12, respectively, to require that the value be at least nine and no more than 12 characters (the former without separating characters between the groups of digits and the latter with them).
<input type="search"> - HTML: Hypertext Markup Language
events change and input supported common
attributes autocomplete, list, maxlength, minlength, pattern, placeholder, required, size.
... idl
attributes value methods select(), setrangetext(), setselectionrange().
... additional
attributes in addition to the
attributes that operate on all <input> elements regardless of their type, search field inputs support the following
attributes: attribute description list the id of the <datalist> element that contains the optional pre-defined autocomplete options maxlength the maximum number of characters the input should accept minlength the minimum number...
... spellcheck non-standard
attributes the following non-standard
attributes are available to search input fields.
<input type="tel"> - HTML: Hypertext Markup Language
value a domstring representing a telephone number, or empty events change and input supported common
attributes autocomplete, list, maxlength, minlength, pattern, placeholder, readonly, and size idl
attributes list, selectionstart, selectionend, selectiondirection, and value methods select(), setrangetext(), setselectionrange() value the <input> element's value attribute contains a domstring that either represents a telephone number or is an empty string ("").
... additional
attributes in addition to the
attributes that operate on all <input> elements regardless of their type, telephone number inputs support the following
attributes: attribute description list the id of the <datalist> element that contains the optional pre-defined autocomplete options maxlength the maximum length, in utf-16 characters, to accept as a valid input minlength the minimum length that is considered valid for the field's contents pattern a regular expression the entered value must match to pass constraint validation placeholder an example value to display inside the field when it has no value readonly a boolean attribute which, if present, indicates that the field's contents should not be use...
... non-standard
attributes the following non-standard
attributes are available to telephone number input fields.
... <input id="telno" name="telno" type="tel" size="20" minlength="9" maxlength="14"> note: the above
attributes do affect validation — the above example's inputs will count as invalid if the length of the value is less than 9 characters, or more than 14.
<input type="time"> - HTML: Hypertext Markup Language
events change and input supported common
attributes autocomplete, list, readonly, and step idl
attributes value, valueasdate, valueasnumber, and list.
... additional
attributes in addition to the
attributes common to all <input> elements, time inputs offer the following
attributes: attribute description list the id of the <datalist> element that contains the optional pre-defined autocomplete options max the latest time to accept, in the syntax described under time value format min the earliest time to accept as a val...
... basic uses of time the simplest use of <input type="time"> involves a basic <input> and <label> element combination, as seen below: <form> <label for="appt-time">choose an appointment time: </label> <input id="appt-time" type="time" name="appt-time"> </form> controlling input size <input type="time"> doesn't support form sizing
attributes such as size, since times are always about the same number of characters long.
... setting maximum and minimum times you can use the min and max
attributes to restrict the valid times that can be chosen by the user.
<input type="url"> - HTML: Hypertext Markup Language
value a domstring representing a url, or empty events change and input supported common
attributes autocomplete, list, maxlength, minlength, pattern, placeholder, readonly, required and size idl
attributes list, value, selectionend, selectiondirection methods select(), setrangetext() and setselectionrange().
... additional
attributes in addition to the
attributes that operate on all <input> elements regardless of their type, url inputs support the following
attributes: attribute description list the id of the <datalist> element that contains the optional pre-defined autocomplete options maxlength the maximum number of characters the input should accept minlength the minimu...
... non-standard
attributes the following non-standard
attributes are also available on some browsers.
... <input id="myurl" name="myurl" type="url" size="30" minlength="10" maxlength="80"> note: these
attributes also affect validation; a value shorter or longer than the specified minimum/maximum lengths will be classified as invalid; in addition most browsers will simply refuse to let the user enter a value longer than the specified maximum length.
<input type="week"> - HTML: Hypertext Markup Language
value a domstring representing a week and year, or empty events change and input supported common
attributes autocomplete, list, readonly, and step idl
attributes value, valueasdate, valueasnumber, and list.
... you can also get and set the value in javascript using the input element's value property, for example: var weekcontrol = document.queryselector('input[type="week"]'); weekcontrol.value = '2017-w45'; additional
attributes in addition to the
attributes common to <input> elements, week inputs offer the following
attributes: attribute description max the latest year and week to accept as valid input min the earliest year and week to accept as valid input readonly a boolean which, if present, indicates that the user cannot edit the field's contents step ...
... basic uses of week the simplest use of <input type="week"> involves a basic <input> and <label> element combination, as seen below: <form> <label for="week">what week would you like to start?</label> <input id="week" type="week" name="week"> </form> controlling input size <input type="week"> doesn't support form sizing
attributes such as size.
... setting maximum and minimum weeks you can use the min and max
attributes to restrict the valid weeks that can be chosen by the user.
<picture>: The Picture element - HTML: Hypertext Markup Language
to decide which url to load, the user agent examines each <source>'s srcset, media, and type
attributes to select a compatible image that best matches the current layout and capabilities of the display device.
... the <img> element serves two purposes: it describes the size and other
attributes of the image and its presentation.
... implicit aria role no corresponding role permitted aria roles no role permitted dom interface htmlpictureelement
attributes this element includes only global
attributes.
... examples these examples demonstrate how different
attributes of the <source> element change the selection of the image inside <picture>.
<tbody>: The Table Body element - HTML: Hypertext Markup Language
implicit aria role rowgroup permitted aria roles any dom interface htmltablesectionelement
attributes this element includes the global
attributes.
... deprecated
attributes align this enumerated attribute specifies how horizontal alignment of each cell content will be handled.
... possible values are: left, aligning the content to the left of the cell center, centering the content in the cell right, aligning the content to the right of the cell justify, inserting spaces into the textual content so that the content is justified in the cell char, aligning the textual content on a special character with a minimal offset, defined by the char and charoff
attributes.
... table { border: 2px solid #555; border-collapse: collapse; font: 16px "lucida grande", "helvetica", "arial", sans-serif; } first, the table's overall style
attributes are set, configuring the thickness, style, and color of the table's exterior borders and using border-collapse to ensure that the border lines are shared among adjacent cells rather than each having its own borders with space in between.
<th> - HTML: Hypertext Markup Language
the exact nature of this group is defined by the scope and headers
attributes.
... implicit aria role columnheader or rowheader permitted aria roles any dom interface htmltableheadercellelement
attributes this element includes the global
attributes.
... deprecated
attributes align obsolete since html5 this enumerated attribute specifies how the cell content's horizontal alignment will be handled.
...this character is defined by the char and charoff
attributes.
<tr>: The Table Row element - HTML: Hypertext Markup Language
we have some examples below, but for more examples and an in-depth tutorial, see the html tables series in our learn web development area, where you'll learn how to use the table elements and their
attributes to get just the right layout and formatting for your tabular data.
...
attributes this element includes the global
attributes.
... there are also several deprecated
attributes, which you should avoid but may need to know when reading older code.
... deprecated
attributes the following
attributes may still be implemented in browsers but are no longer part of the html specification and may be missing or may not work as expected.
HTML elements reference - HTML: Hypertext Markup Language
for more information about the basics of html elements and
attributes, see the section on elements in the introduction to html article.
...it can be used to group elements for styling purposes (using the class or id
attributes), or because they share attribute values, such as lang.
...the exact nature of this group is defined by the scope and headers
attributes.
...you can control what happens when the text reaches the edges of its content area using its
attributes.
itemscope - HTML: Hypertext Markup Language
note: find more about itemtype
attributes at http://schema.org/thing simple example html the following example specifies the itemscope attribute.
... the example specifies the itemtype as "http://schema.org/movie", and specifies three related itemprop
attributes.
... itemscope itemtype movie itemprop (itemprop name) (itemprop value) itemprop director james cameron itemprop genre science fiction itemprop name avatar itemprop https://youtu.be/0ay1xikx7by trailer itemscope id
attributes when you specify the itemscope attribute for an element, a new item is created.
... example there are four itemscope
attributes in the following example.
Object.defineProperty() - JavaScript
bear in mind that these
attributes are not necessarily the descriptor's own properties.
... a typeerror is thrown when attempts are made to change non-configurable property
attributes (except value and writable, if permitted) unless the current and new values are the same.
...yisenumerable('d'); // true o.propertyisenumerable(symbol.for('e')); // true o.propertyisenumerable(symbol.for('f')); // false var p = { ...o } p.a // 1 p.b // undefined p.c // undefined p.d // 4 p[symbol.for('e')] // 5 p[symbol.for('f')] // undefined configurable attribute the configurable attribute controls at the same time whether the property can be deleted from the object and whether its
attributes (other than value and writable) can be changed.
... adding properties and default values it is important to consider the way default values of
attributes are applied.
MathML attribute reference - MathML
this is an alphabetical list of mathml
attributes.
... notes: the mathml <mstyle> and <math> elements accept all
attributes of all mathml presentation elements.
... the
attributes background, color, fontfamily, fontsize, fontstyle, fontweight and xlink:href are deprecated.
... the xlink
attributes on mathml elements: xlink:actuate, xlink:href, xlink:show and xlink:type are deprecated as well.
data-* - SVG: Scalable Vector Graphics
the data-* svg
attributes are called custom data
attributes.
... they let svg markup and its resulting dom share information that standard
attributes can't, usually for scripting purposes.
... their custom data are available via the svgelement interface of the element the
attributes belong to, with the svgelement.dataset property.
... candidate recommendation custom data
attributes are new in svg 2.
<line> - SVG: Scalable Vector Graphics
html,body,svg { height:100% } <svg viewbox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"> <line x1="0" y1="80" x2="100" y2="20" stroke="black" /> <!-- if you do not specify the stroke color the line will not be visible --> </svg>
attributes x1 defines the x-axis coordinate of the line starting point.
... value type: <number> ; default value: none; animatable: yes global
attributes core
attributes most notably: id, tabindex styling
attributes class, style conditional processing
attributes most notably: requiredextensions, systemlanguage event
attributes global event
attributes, graphical event
attributes presentation
attributes most notably: clip-path, clip-rule, color, color-interpolation, color-rendering, cursor, display, fill, fill-opacity, fill-rule, filter,...
... mask, opacity, pointer-events, shape-rendering, stroke, stroke-dasharray, stroke-dashoffset, stroke-linecap, stroke-linejoin, stroke-miterlimit, stroke-opacity, stroke-width, transform, vector-effect, visibility aria
attributes aria-activedescendant, aria-atomic, aria-autocomplete, aria-busy, aria-checked, aria-colcount, aria-colindex, aria-colspan, aria-controls, aria-current, aria-describedby, aria-details, aria-disabled, aria-dropeffect, aria-errormessage, aria-expanded, aria-flowto, aria-grabbed, aria-haspopup, aria-hidden, aria-invalid, aria-keyshortcuts, aria-label, aria-labelledby, aria-level, aria-live, aria-modal, aria-multiline, aria-multiselectable, aria-orientation, aria-owns, aria-placeholder, aria-posinset, aria-pressed, aria-readonly, aria-relevant, aria-required, aria-roledescript...
... candidate recommendation changed the x1, y1, x2 and y2
attributes to take <length>s, <percentage>s and <number>s scalable vector graphics (svg) 1.1 (second edition)the definition of '<line>' in that specification.
<marker> - SVG: Scalable Vector Graphics
<!-- coordinate axes with a arrowhead in both direction --> <polyline points="10,10 10,90 90,90" fill="none" stroke="black" marker-start="url(#arrow)" marker-end="url(#arrow)" /> <!-- data line with polymarkers --> <polyline points="15,80 29,50 43,60 57,30 71,40 85,15" fill="none" stroke="grey" marker-start="url(#dot)" marker-mid="url(#dot)" marker-end="url(#dot)" /> </svg>
attributes markerheight this attribute defines the height of the marker viewport.
... value type: <length> ; default value: 3; animatable: yes markerunits this attribute defines the coordinate system for the
attributes markerwidth, markerheight and the contents of the <marker>.
... value type: <list-of-numbers> ; default value: none; animatable: yes global
attributes core
attributes most notably: id, tabindex styling
attributes class, style conditional processing
attributes most notably: requiredextensions, systemlanguage presentation
attributes most notably: clip-path, clip-rule, color, color-interpolation, color-rendering, cursor, display, fill, fill-opacity, fill-rule, filter, mask, opacity, pointer-events, shape-rendering, stroke, stroke-dasharr...
...ay, stroke-dashoffset, stroke-linecap, stroke-linejoin, stroke-miterlimit, stroke-opacity, stroke-width, transform, vector-effect, visibility aria
attributes aria-activedescendant, aria-atomic, aria-autocomplete, aria-busy, aria-checked, aria-colcount, aria-colindex, aria-colspan, aria-controls, aria-current, aria-describedby, aria-details, aria-disabled, aria-dropeffect, aria-errormessage, aria-expanded, aria-flowto, aria-grabbed, aria-haspopup, aria-hidden, aria-invalid, aria-keyshortcuts, aria-label, aria-labelledby, aria-level, aria-live, aria-modal, aria-multiline, aria-multiselectable, aria-orientation, aria-owns, aria-placeholder, aria-posinset, aria-pressed, aria-readonly, aria-relevant, aria-required, aria-roledescription, aria-rowcount, aria-rowindex, aria-rowspan, aria-selected, aria-se...
<radialGradient> - SVG: Scalable Vector Graphics
eight:100% } <svg viewbox="0 0 10 10" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <defs> <radialgradient id="mygradient"> <stop offset="10%" stop-color="gold" /> <stop offset="95%" stop-color="red" /> </radialgradient> </defs> <!-- using my linear gradient --> <circle cx="5" cy="5" r="4" fill="url('#mygradient')" /> </svg>
attributes cx this attribute defines the x coordinate of the end circle of the radial gradient.
... value type: <length> ; default value: same as cy; animatable: yes gradientunits this attribute defines the coordinate system for
attributes x1, x2, y1, y2 value type: userspaceonuse|objectboundingbox ; default value: objectboundingbox; animatable: yes gradienttransform this attribute provides additional transformation to the gradient coordinate system.
... value type: <iri> ; default value: none; animatable: yes global
attributes core
attributes most notably: id styling
attributes class, style event
attributes global event
attributes, document element event
attributes presentation
attributes most notably: clip-path, clip-rule, color, color-interpolation, color-rendering, cursor, display, fill, fill-opacity, fill-rule, filter, mask, opacity, pointer-events, shape-rendering, stroke, stroke-dasharray, stroke-dashof...
...fset, stroke-linecap, stroke-linejoin, stroke-miterlimit, stroke-opacity, stroke-width, transform, vector-effect, visibility xlink
attributes xlink:href, xlink:title usage notes categoriesgradient elementpermitted contentany number of the following elements, in any order:descriptive elements<animate>, <animatetransform>, <set>, <stop> specifications specification status comment scalable vector graphics (svg) 2the definition of '<radialgradient>' in that specification.
<set> - SVG: Scalable Vector Graphics
for
attributes that can be reasonably be interpolated, the <animate> is usualy prefered.
...the additive and accumulate
attributes are not allowed, and will be ignored if specified.
... html,body,svg { height:100%; margin:0; padding:0; } <svg viewbox="0 0 10 10" xmlns="http://www.w3.org/2000/svg"> <style> rect { cursor: pointer } .round { rx: 5px; fill: green; } </style> <rect id="me" width="10" height="10"> <set attributename="class" to="round" begin="me.click" dur="2s" /> </rect> </svg>
attributes to this attribute defines the value to be applied to the target attribute for the duration of the animation.
... value type: <anything>; default value: none; animatable: no animation
attributes animation timing
attributes begin, dur, end, min, max, restart, repeatcount, repeatdur, fill other animation
attributes most notably: attributename animation event
attributes most notably: onbegin, onend, onrepeat global
attributes core
attributes most notably: id styling
attributes class, style event
attributes global event
attributes, document element event
attributes usage notes categoriesanimation elementpermitted contentany number of the following elements, in any order:descriptive elements specifications specification status comment svg animations level 2the definition of '<set>' in that specificat...
<textPath> - SVG: Scalable Vector Graphics
</textpath> </text> </svg>
attributes href the url to the path or basic shape on which to render the text.
... value type: <length>|<percentage>|<number> ; default value: auto; animatable: yes global
attributes core
attributes most notably: id, tabindex styling
attributes class, style conditional processing
attributes most notably: requiredextensions, systemlanguage event
attributes global event
attributes, graphical event
attributes presentation
attributes most notably: clip-path, clip-rule, color, color-interpolation, color-rendering, cursor, display, fill, fill-opacity, fill-rule, filter,...
... mask, opacity, pointer-events, shape-rendering, stroke, stroke-dasharray, stroke-dashoffset, stroke-linecap, stroke-linejoin, stroke-miterlimit, stroke-opacity, stroke-width, transform, vector-effect, visibility aria
attributes aria-activedescendant, aria-atomic, aria-autocomplete, aria-busy, aria-checked, aria-colcount, aria-colindex, aria-colspan, aria-controls, aria-current, aria-describedby, aria-details, aria-disabled, aria-dropeffect, aria-errormessage, aria-expanded, aria-flowto, aria-grabbed, aria-haspopup, aria-hidden, aria-invalid, aria-keyshortcuts, aria-label, aria-labelledby, aria-level, aria-live, aria-modal, aria-multiline, aria-multiselectable, aria-orientation, aria-owns, aria-placeholder, aria-posinset, aria-pressed, aria-readonly, aria-relevant, aria-required, aria-roledescript...
...ion, aria-rowcount, aria-rowindex, aria-rowspan, aria-selected, aria-setsize, aria-sort, aria-valuemax, aria-valuemin, aria-valuenow, aria-valuetext, role xlink
attributes xlink:title usage notes categoriestext content element, text content child elementpermitted contentcharacter data and any number of the following elements, in any order:descriptive elements<a>, <altglyph>, <animate>, <animatecolor>, <set>, <tref>, <tspan> specifications specification status comment scalable vector graphics (svg) 2the definition of '<textpath>' in that specification.
Patterns - SVG: Scalable Vector Graphics
there are also x and y
attributes available if you want to offset the start point of this rectangle somewhere within your drawing.
... as with the gradientunits attribute used above, patterns also have an attribute, patternunits, which specifies the units that these
attributes will take.
...what this means is that unless you specify one or both of these
attributes (patterncontentunits and patternunits), the shapes you draw inside your pattern are being drawn in a different coordinate system than the pattern element is using, which can make things a bit confusing when you're writing this by hand.
...the pattern also had to be offset by 10 pixels so that it would start in the upper-left corner of our box, so the x and y
attributes of the pattern had to be adjusted to 10÷200 = 0.05.
SVG fonts - SVG: Scalable Vector Graphics
there are several accompanying
attributes that help further define the basic glyph-box layout.
...the font-weight and font-style
attributes have the same purpose as the equivalent descriptors in css.
... all following
attributes are rendering instructions for the font layout engine, for example, how much of the glyphs' overall heights are ascenders.
...each carries references to at least two characters (
attributes u1 and u2) and an attribute k that determines how much the distance between those characters should be decreased.
Dialogs and Prompts - Archive of obsolete content
for each of these buttons you can set their label, accesskey and oncommand handler by adding buttonlabel<buttonname>, buttonaccesskey<buttonname> and ondialog<buttonname>
attributes to the dialog element.
... be sure to use ondialog*
attributes on dialog element instead of putting oncommand on the button with dlgtype, because button's oncommand is executed only when the button is pressed, and ondialog* handlers are executed for keyboard and other events too.
...0"?> <?xml-stylesheet href="chrome://global/skin/" type="text/css"?> <dialog xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul" ondialogaccept="alert('ok!');"> <hbox> <label value="hey!"/> <spacer flex="1"/> <vbox> <button dlgtype="accept"/> <button dlgtype="cancel"/> </vbox> </hbox> </dialog> default button since firefox 1.5, there are defaultbutton
attributes and properties on the <dialog> element bug 284776.
SVG General - Archive of obsolete content
svg requires you to use setattributens to add
attributes to a newly created svg dom element.
...here is the script: var svgns = "http://www.w3.org/2000/svg"; var xlinkns = "http://www.w3.org/1999/xlink"; var attr_map = { "classname": "class", "svghref": "href" } var ns_map = { "svghref": xlinkns }; function makesvg(tag,
attributes) { var elem = document.createelementns(svgns, tag); for (var attribute in
attributes) { var name = (attribute in attr_map ?
... attr_map[attribute] : attribute); var value =
attributes[attribute]; if (attribute in ns_map) elem.setattributens(ns_map[attribute], name, value); else elem.setattribute(name, value); } return elem; }
attributes are packed in a literal object and the helper script unpacks them and adds them to the element.
getAttributeNS - Archive of obsolete content
while namespaced
attributes are less common than namespaced elements, some standards such as xlink depend on them.
...rn thisitem.getattributens(ns, nsatt); } else if (ns === null) { return thisitem.getattribute(nsatt); } else if (ns === 'http://www.w3.org/xml/1998/namespace') { // this is assumed so don't try to get an xmlns for the 'xml' prefix return thisitem.getattribute('xml:'+nsatt); // prefix must be 'xml' per the specs } var attrs2, result; var attrs = thisitem.
attributes; var prefixatt = new regexp('^(.*):'+nsatt.replace(/\./g, '\\.')+'$'); // e.g., xlink:href // find any prefixes with the local-name being searched (escape period since only character (besides colon) allowed in an xml name which needs escaping) for (var j = 0; j < attrs.length; j++) { // thisitem's atts // e.g., abc:href, xlink:href while (((result = prefixatt.exec(attrs[j].nod...
...ew regexp('^xmlns:'+result[1]+'$'); // e.g., xmnls:xl, xmlns:xlink // check higher up for xmlns:prefix // check the current node and if necessary, check for the next matching local name up in the hierarchy (until reaching the document root) while (thisitem.nodename !== '#document' && thisitem.nodename !== '#document-fragment') { attrs2 = thisitem.
attributes; for (var i = 0; i < attrs2.length; i++) { // search for any prefixed xmlns declaration on thisitem which match prefixes found above with desired local name if (attrs2[i].nodename.match(xmlnsprefix) && attrs2[i].nodevalue === ns ) { // e.g., 'xmlns:xlink' and 'http://www.w3.org/1999/xlink' return attrs[j].nodevalue; ...
JavaScript Object Management - Archive of obsolete content
〈namespace〉.hello.init(); 〈namespace〉.hello["init"](); this is very useful in cases where you have to set
attributes or functions with dynamically generated names.
...you can add or replace functions and
attributes to any javascript object, at any moment you want.
... use "_" at the beginning of private
attributes and methods in js objects.
Setting Up a Development Environment - Archive of obsolete content
komodo edit has automatic completion for xul tags and
attributes, and it supports mozilla's css extensions (css values and properties beginning with "-moz").
...these are text files that define the
attributes and methods in one or more interfaces.
...you can even change styles,
attributes and execute javascript code in it, although that's not completely reliable.
The Essentials of an Extension - Archive of obsolete content
looking back at the menu code, you probably noticed some
attributes such as this: label="&xulschoolhello.hello.label;" accesskey="&xulschoolhello.helloitem.accesskey;" these
attributes define the text that you see on the menus, and they are string keys that are defined in our dtd file, browseroverlay.dtd.
...we don't include the insertbefore or insertafter
attributes because the ordering of string bundles doesn't make a difference.
...if you don't include any of those ordering
attributes in an overlay element, firefox will just append your element as the last child of the parent element.
XPCOM Objects - Archive of obsolete content
an interface is just a definition of a set of
attributes and methods that an object implementing it should have.
... trying to access methods or
attributes without having the right interface set will result in an exception being thrown.
...the only aspects to take into account are that methods and
attributes must have the same names as their idl counterparts, and that the queryinterface method is implemented: queryinterface : function(aiid) { if (!aiid.equals(ci.xsihellocounter) && !aiid.equals(ci.nsisupports)) { throw cr.ns_error_no_interface; } return this; } the method is very simple, it validates that the caller is requesting a supported interface, otherwise it throws an exc...
Tabbed browser - Archive of obsolete content
var url = "https://developer.mozilla.org"; var tab = gbrowser.addtab(null, {relatedtocurrent: true}); gsessionstore.settabstate(tab, json.stringify({ entries: [ { title: url } ], usertypedvalue: url, usertypedclear: 2, lastaccessed: tab.lastaccessed, index: 1, hidden: false,
attributes: {}, image: null })); reusing tabs rather than open a new browser or new tab each and every time one is needed, it is good practice to try to re-use an existing tab which already displays the desired url--if one is already open.
... notification when a tab's
attributes change requires gecko 2.0(firefox 4 / thunderbird 3.3 / seamonkey 2.1) starting in gecko 2.0, you can detect when a tab's
attributes change by listening for the tabattrmodified event.
... the
attributes to which changes result in this event being sent are: label crop busy image selected function exampletabattrmodified(event) { var tab = event.target; // now you can check what's changed on the tab } // during initialization var container = gbrowser.tabcontainer; container.addeventlistener("tabattrmodified", exampletabattrmodified, false); // when no longer needed container.removeeventlistener("tabattrmodified", exampletabattrmodified, false); notification when a tab is pinned or unpinned requires gecko 2.0(firefox 4 / thunderbird 3.3 / seamonkey 2.1) starting in gecko 2.0, tabs can be "pinned"; that is, they become special application tabs ("app tabs"), which are pinned to the beginning of the tab bar, and show only the favicon.
action - Archive of obsolete content
« xul reference home [ examples |
attributes | properties | methods | related ] used to specify the content that should be generated for each matching result from a query.
... examples example needed
attributes inherited from xul element 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-ed...
...ild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, getuserdata, hasattribute(), hasattributens(), has
attributes(), haschildnodes(), insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), removeattribute(), removeattributenode(), removeattributens(), removechild(), removeeventlistener(), replacechild(), setattribute(), setattributenode(), setattributenodens(), setattributens(), setuserdata ...
assign - Archive of obsolete content
« xul reference home [ examples |
attributes | properties | methods | related ] for xml templates, specifies an additional variable to assign a value to.
... for more information, see xml_assignments
attributes expr, var examples (example needed)
attributes expr type: string for xml queries, an xpath expression which returns results.
...ild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, getuserdata, hasattribute(), hasattributens(), has
attributes(), haschildnodes(), insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), removeattribute(), removeattributenode(), removeattributens(), removechild(), removeeventlistener(), replacechild(), setattribute(), setattributenode(), setattributenodens(), setattributens(), setuserdata ...
bbox - Archive of obsolete content
« xul reference home [ examples |
attributes | properties | methods | related ] a horizontal box that is baseline aligned.
... examples (example needed)
attributes inherited from xul element 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 properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed,...
...ild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, getuserdata, hasattribute(), hasattributens(), has
attributes(), haschildnodes(), insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), removeattribute(), removeattributenode(), removeattributens(), removechild(), removeeventlistener(), replacechild(), setattribute(), setattributenode(), setattributenodens(), setattributens(), setuserdata ...
binding - Archive of obsolete content
« xul reference home [ examples |
attributes | properties | methods | related ] should be contained within a bindings element.
... properties object, predicate, subject examples fixme: (example needed)
attributes inherited from xul element 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, sortresourc...
...ild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, getuserdata, hasattribute(), hasattributens(), has
attributes(), haschildnodes(), insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), removeattribute(), removeattributenode(), removeattributens(), removechild(), removeeventlistener(), replacechild(), setattribute(), setattributenode(), setattributenodens(), setattributens(), setuserdata related ...
bindings - Archive of obsolete content
« xul reference home [ examples |
attributes | properties | methods | related ] used to specify a set of variable bindings for a rule.
... examples (example needed)
attributes inherited from xul element 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, s...
...ild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, getuserdata, hasattribute(), hasattributens(), has
attributes(), haschildnodes(), insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), removeattribute(), removeattributenode(), removeattributens(), removechild(), removeeventlistener(), replacechild(), setattribute(), setattributenode(), setattributenodens(), setattributens(), setuserdata related...
box - Archive of obsolete content
« xul reference home [ examples |
attributes | properties | methods | related ] a container element which can contain any number of child elements.
... examples <box orient="horizontal"> <label value="zero"/> <box orient="vertical"> <label value="one"/> <label value="two"/> </box> <box orient="horizontal"> <label value="three"/> <label value="four"/> </box> </box>
attributes inherited from xul element 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-e...
...ild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, getuserdata, hasattribute(), hasattributens(), has
attributes(), haschildnodes(), insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), removeattribute(), removeattributenode(), removeattributens(), removechild(), removeeventlistener(), replacechild(), setattribute(), setattributenode(), setattributenodens(), setattributens(), setuserdata related...
broadcasterset - Archive of obsolete content
« xul reference home [ examples |
attributes | properties | methods | related ] a container element for broadcaster elements.
... examples (example needed)
attributes inherited from xul element 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 properties inherited properties align, , allowevents, , boxobject, builder, , , , cl...
...ild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, getuserdata, hasattribute(), hasattributens(), has
attributes(), haschildnodes(), insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), removeattribute(), removeattributenode(), removeattributens(), removechild(), removeeventlistener(), replacechild(), setattribute(), setattributenode(), setattributenodens(), setattributens(), setuserdata ...
checkbox - Archive of obsolete content
« xul reference home [ examples |
attributes | properties | methods | related ] an element that can be turned on and off.
...
attributes accesskey, checked, command, crop, disabled, src, label, preference, tabindex properties accesskey, accessibletype, checked, command, crop, disabled, src, label, tabindex examples <checkbox label="enable javascript" checked="true"/> <checkbox label="enable java" checked="false"/>
attributes accesskey type: character this should be set to a character that is used as a shortcut key.
...ild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, getuserdata, hasattribute(), hasattributens(), has
attributes(), haschildnodes(), insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), removeattribute(), removeattributenode(), removeattributens(), removechild(), removeeventlistener(), replacechild(), setattribute(), setattributenode(), setattributenodens(), setattributens(), setuserdata related...
colorpicker - Archive of obsolete content
« xul reference home [ examples |
attributes | properties | methods | related ] a palette of colors from which a user may select by clicking on one of the grid cells.
...
attributes disabled, color, onchange, preference, tabindex, type properties accessibletype, color, disabled, open, tabindex, value examples <colorpicker/>
attributes disabled type: boolean indicates whether the element is disabled or not.
...ild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, getuserdata, hasattribute(), hasattributens(), has
attributes(), haschildnodes(), insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), removeattribute(), removeattributenode(), removeattributens(), removechild(), removeeventlistener(), replacechild(), setattribute(), setattributenode(), setattributenodens(), setattributens(), setuserdata related...
column - Archive of obsolete content
« xul reference home [ examples |
attributes | properties | methods | related ] a single column in a columns element.
...
attributes inherited from xul element 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,...
...ild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, getuserdata, hasattribute(), hasattributens(), has
attributes(), haschildnodes(), insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), removeattribute(), removeattributenode(), removeattributens(), removechild(), removeeventlistener(), replacechild(), setattribute(), setattributenode(), setattributenodens(), setattributens(), setuserdata related...
columns - Archive of obsolete content
« xul reference home [ examples |
attributes | properties | methods | related ] defines the columns of a grid.
...
attributes inherited from xul element 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-edit...
...ild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, getuserdata, hasattribute(), hasattributens(), has
attributes(), haschildnodes(), insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), removeattribute(), removeattributenode(), removeattributens(), removechild(), removeeventlistener(), replacechild(), setattribute(), setattributenode(), setattributenodens(), setattributens(), setuserdata related...
commandset - Archive of obsolete content
« xul reference home [ examples |
attributes | properties | methods | related ] this element is not displayed and serves as a container for command elements.
...
attributes commandupdater, events, oncommandupdate, targets example <commandset> <command id="cmd_open" oncommand="alert('open!');"/> <command id="cmd_help" oncommand="alert('help!');"/> </commandset>
attributes commandupdater type: boolean if true, the commandset is used for updating commands.
...ild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, getuserdata, hasattribute(), hasattributens(), has
attributes(), haschildnodes(), insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), removeattribute(), removeattributenode(), removeattributens(), removechild(), removeeventlistener(), replacechild(), setattribute(), setattributenode(), setattributenodens(), setattributens(), setuserdata ...
datepicker - Archive of obsolete content
« xul reference home [ examples |
attributes | properties | methods | related ] a datepicker allows the user to enter a date.
...
attributes disabled, firstdayofweek, readonly, type, tabindex, value properties date, dateleadingzero, datevalue, disabled, month, monthleadingzero, open, readonly, tabindex, value, year, yearleadingzero examples <datepicker type="grid" value="2007-03-26"/>
attributes disabled type: boolean indicates whether the element is disabled or not.
...ild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, getuserdata, hasattribute(), hasattributens(), has
attributes(), haschildnodes(), insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), removeattribute(), removeattributenode(), removeattributens(), removechild(), removeeventlistener(), replacechild(), setattribute(), setattributenode(), setattributenodens(), setattributens(), setuserdata related...
deck - Archive of obsolete content
« xul reference home [ examples |
attributes | properties | methods | related ] an element that displays only one of its children at a time.
...
attributes selectedindex properties selectedindex, selectedpanel examples <deck selectedindex="2"> <description value="this is the first page"/> <button label="this is the second page"/> <box> <description value="this is the third page"/> <button label="this is also the third page"/> </box> </deck>
attributes selectedindex type: integer gets and sets the index of the currently selected panel.
...ild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, getuserdata, hasattribute(), hasattributens(), has
attributes(), haschildnodes(), insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), removeattribute(), removeattributenode(), removeattributens(), removechild(), removeeventlistener(), replacechild(), setattribute(), setattributenode(), setattributenodens(), setattributens(), setuserdata related...
dialogheader - Archive of obsolete content
« xul reference home [ examples |
attributes | properties | methods | related ] a heading row for a dialog box.
...
attributes crop, description, title examples <?xml version="1.0"?> <?xml-stylesheet href="chrome://global/skin/global.css" type="text/css"?> <dialog id="donothing" title="dialog example" xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"> <dialogheader title="my dialog" description="example dialog"/> <!-- other widgets --> </dialog>
attributes crop type: one of the values below if the label of the element is too big to fit in its given space, the text will be cropped on the side specified by the crop attribute.
...ild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, getuserdata, hasattribute(), hasattributens(), has
attributes(), haschildnodes(), insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), removeattribute(), removeattributenode(), removeattributens(), removechild(), removeeventlistener(), replacechild(), setattribute(), setattributenode(), setattributenodens(), setattributens(), setuserdata related...
dropmarker - Archive of obsolete content
« xul reference home [ examples |
attributes | properties | methods | related ] a dropmarker is a button with an arrow which will reveal more details when pressed.
... examples properties accessibletype
attributes inherited from xul element 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, t...
...ild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, getuserdata, hasattribute(), hasattributens(), has
attributes(), haschildnodes(), insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), removeattribute(), removeattributenode(), removeattributens(), removechild(), removeeventlistener(), replacechild(), setattribute(), setattributenode(), setattributenodens(), setattributens(), setuserdata ...
grippy - Archive of obsolete content
« xul reference home [ examples |
attributes | properties | methods | related ] an element that may be used inside a splitter which can be used to collapse a sibling element of the splitter.
... examples (example needed)
attributes inherited from xul element 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 properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, data...
...ild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, getuserdata, hasattribute(), hasattributens(), has
attributes(), haschildnodes(), insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), removeattribute(), removeattributenode(), removeattributens(), removechild(), removeeventlistener(), replacechild(), setattribute(), setattributenode(), setattributenodens(), setattributens(), setuserdata ...
groupbox - Archive of obsolete content
« xul reference home [ examples |
attributes | properties | methods | related ] the groupbox is used to group related elements together.
... properties accessibletype examples <groupbox> <caption label="settings"/> <radiogroup> <radio label="black and white"/> <radio label="colour"/> </radiogroup> <checkbox label="enabled"/> </groupbox>
attributes inherited from xul element 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-e...
...ild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, getuserdata, hasattribute(), hasattributens(), has
attributes(), haschildnodes(), insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), removeattribute(), removeattributenode(), removeattributens(), removechild(), removeeventlistener(), replacechild(), setattribute(), setattributenode(), setattributenodens(), setattributens(), setuserdata related...
hbox - Archive of obsolete content
« xul reference home [ examples |
attributes | properties | methods | related ] a container element which can contain any number of child elements.
... example <!-- two button on the right --> <hbox> <spacer flex="1"/> <button label="connect"/> <button label="ping"/> </hbox>
attributes inherited from xul element 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, toolti...
...ild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, getuserdata, hasattribute(), hasattributens(), has
attributes(), haschildnodes(), insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), removeattribute(), removeattributenode(), removeattributens(), removechild(), removeeventlistener(), replacechild(), setattribute(), setattributenode(), setattributenodens(), setattributens(), setuserdata related...
keyset - Archive of obsolete content
« xul reference home [ examples |
attributes | properties | methods | related ] a container element for key elements.
...
attributes disabled examples <keyset> <key id="sample-key" modifiers="shift" key="r"/> </keyset>
attributes inherited from xul element 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 disabled type:...
...ild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, getuserdata, hasattribute(), hasattributens(), has
attributes(), haschildnodes(), insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), removeattribute(), removeattributenode(), removeattributens(), removechild(), removeeventlistener(), replacechild(), setattribute(), setattributenode(), setattributenodens(), setattributens(), setuserdata ...
listcol - Archive of obsolete content
« xul reference home [ examples |
attributes | properties | methods | related ] a column in a listbox.
...o column listbox with one column flexible --> <listbox> <listhead> <listheader label="first"/> <listheader label="last"/> </listhead> <listcols> <listcol flex="1"/> <listcol/> </listcols> <listitem> <listcell label="buck"/> <listcell label="rogers"/> </listitem> <listitem> <listcell label="john"/> <listcell label="painter"/> </listitem> </listbox>
attributes inherited from xul element 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-e...
...ild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, getuserdata, hasattribute(), hasattributens(), has
attributes(), haschildnodes(), insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), removeattribute(), removeattributenode(), removeattributens(), removechild(), removeeventlistener(), replacechild(), setattribute(), setattributenode(), setattributenodens(), setattributens(), setuserdata related...
listcols - Archive of obsolete content
« xul reference home [ examples |
attributes | properties | methods | related ] a container for the columns of a listbox, each of which are created with the listcol element.
... example <!-- creates a two column listbox --> <listbox> <listcols> <listcol flex="1"/> <listcol flex="1"/> </listcols> <listitem> <listcell label="buck"/> <listcell label="rogers"/> </listitem> <listitem> <listcell label="john"/> <listcell label="painter"/> </listitem> </listbox>
attributes inherited from xul element 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-e...
...ild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, getuserdata, hasattribute(), hasattributens(), has
attributes(), haschildnodes(), insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), removeattribute(), removeattributenode(), removeattributens(), removechild(), removeeventlistener(), replacechild(), setattribute(), setattributenode(), setattributenodens(), setattributens(), setuserdata related...
listhead - Archive of obsolete content
« xul reference home [ examples |
attributes | properties | methods | related ] a header row of a listbox.
...
attributes disabled properties acesssibletype, disabled examples (example needed)
attributes disabled type: boolean indicates whether the element is disabled or not.
...ild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, getuserdata, hasattribute(), hasattributens(), has
attributes(), haschildnodes(), insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), removeattribute(), removeattributenode(), removeattributens(), removechild(), removeeventlistener(), replacechild(), setattribute(), setattributenode(), setattributenodens(), setattributens(), setuserdata related...
listheader - Archive of obsolete content
« xul reference home [ examples |
attributes | properties | methods | related ] a header for a single column in a listbox.
...
attributes disabled properties acesssibletype examples <listbox> <listhead> <listheader label="name"/> <listheader label="occupation"/> </listhead> <listitem> <listcell label="george"/> <listcell label="house painter"/> </listitem> <listitem> <listcell label="mary ellen"/> <listcell label="candle maker"/> </listitem> <listitem> <listcell label="roger"/> <listcell label="swashbuckler"/> </listitem> </listbox>
attributes disabled type: boolean indicates whether the element is disabled or not.
...ild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, getuserdata, hasattribute(), hasattributens(), has
attributes(), haschildnodes(), insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), removeattribute(), removeattributenode(), removeattributens(), removechild(), removeeventlistener(), replacechild(), setattribute(), setattributenode(), setattributenodens(), setattributens(), setuserdata related...
notificationbox - Archive of obsolete content
« xul reference home [ examples |
attributes | properties | methods | related ] the notificationbox element is used to display notifications above an element.
... properties currentnotification, allnotifications, notificationshidden methods appendnotification, getnotificationwithvalue, removeallnotifications, removecurrentnotification, removenotification, removetransientnotifications,
attributes inherited from xul element 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-e...
...(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getuserdata, hasattribute(), hasattributens(), has
attributes(), haschildnodes(), insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), removeattribute(), removeattributenode(), removeattributens(), removechild(), removeeventlistener(), replacechild(), setattribute(), setattributenode(), setattributenodens(), setattributens(), setuserdata appen...
page - Archive of obsolete content
« xul reference home [ examples |
attributes | properties | methods | related ] similar to a window, except it should be used for xul files that are to be loaded into an iframe.
... examples (example needed)
attributes inherited from xul element 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 properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id...
...ild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, getuserdata, hasattribute(), hasattributens(), has
attributes(), haschildnodes(), insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), removeattribute(), removeattributenode(), removeattributens(), removechild(), removeeventlistener(), replacechild(), setattribute(), setattributenode(), setattributenodens(), setattributens(), setuserdata ...
param - Archive of obsolete content
« xul reference home [ examples |
attributes | properties | methods | related ] for sql templates, used to bind values to parameters specified within an sql statement.
...
attributes index, name, type
attributes index type: integer the index within the sql statement of the parameter.
...ild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, getuserdata, hasattribute(), hasattributens(), has
attributes(), haschildnodes(), insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), removeattribute(), removeattributenode(), removeattributens(), removechild(), removeeventlistener(), replacechild(), setattribute(), setattributenode(), setattributenodens(), setattributens(), setuserdata ...
popupset - Archive of obsolete content
« xul reference home [ examples |
attributes | properties | methods | related ] a container for menupopup, panel and tooltip elements.
... examples <popupset> <menupopup id="clipmenu"> <menuitem label="cut"/> <menuitem label="copy"/> <menuitem label="paste"/> </menupopup> </popupset> <label value="right click for popup" context="clipmenu"/>
attributes inherited from xul element 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, removeelem...
...ild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, getuserdata, hasattribute(), hasattributens(), has
attributes(), haschildnodes(), insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), removeattribute(), removeattributenode(), removeattributens(), removechild(), removeeventlistener(), replacechild(), setattribute(), setattributenode(), setattributenodens(), setattributens(), setuserdata related...
queryset - Archive of obsolete content
« xul reference home [ examples |
attributes | properties | methods | related ] a container for query elements when more than one query is used.
...
attributes inherited from xul element 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 properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, h...
...ild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, getuserdata, hasattribute(), hasattributens(), has
attributes(), haschildnodes(), insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), removeattribute(), removeattributenode(), removeattributens(), removechild(), removeeventlistener(), replacechild(), setattribute(), setattributenode(), setattributenodens(), setattributens(), setuserdata ...
row - Archive of obsolete content
« xul reference home [ examples |
attributes | properties | methods | related ] a single row in a rows element.
...
attributes inherited from xul element 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, sortresou...
...ild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, getuserdata, hasattribute(), hasattributens(), has
attributes(), haschildnodes(), insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), removeattribute(), removeattributenode(), removeattributens(), removechild(), removeeventlistener(), replacechild(), setattribute(), setattributenode(), setattributenodens(), setattributens(), setuserdata related...
rows - Archive of obsolete content
« xul reference home [ examples |
attributes | properties | methods | related ] defines the rows of a grid.
...
attributes inherited from xul element 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-e...
...ild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, getuserdata, hasattribute(), hasattributens(), has
attributes(), haschildnodes(), insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), removeattribute(), removeattributenode(), removeattributens(), removechild(), removeeventlistener(), replacechild(), setattribute(), setattributenode(), setattributenodens(), setattributens(), setuserdata related...
rule - Archive of obsolete content
« xul reference home [ examples |
attributes | properties | methods | related ] a rule is used in a template.
...
attributes iscontainer, isempty, parent, parsetype examples (example needed)
attributes iscontainer type: boolean indicates whether rules match based on containment.
...ild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, getuserdata, hasattribute(), hasattributens(), has
attributes(), haschildnodes(), insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), removeattribute(), removeattributenode(), removeattributens(), removechild(), removeeventlistener(), replacechild(), setattribute(), setattributenode(), setattributenodens(), setattributens(), setuserdata ...
script - Archive of obsolete content
« xul reference home [ examples |
attributes | properties | methods | related ] much like the html script element, this is used to declare a script to be used by the xul window.
...
attributes src, type examples <script src="test.js"/> <script src="http://example.com/js/test.js"/> <script> function foo(){ // code } </script>
attributes src type: uri the uri of the script.
...ild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, getuserdata, hasattribute(), hasattributens(), has
attributes(), haschildnodes(), insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), removeattribute(), removeattributenode(), removeattributens(), removechild(), removeeventlistener(), replacechild(), setattribute(), setattributenode(), setattributenodens(), setattributens(), setuserdata ...
scrollbar - Archive of obsolete content
« xul reference home [ examples |
attributes | properties | methods | related ] when a container's contents which are larger that the size of the container, scroll bars may be placed at the side of the container to allow the user to scroll around in the container.
...
attributes curpos, increment, maxpos, pageincrement examples <scrollbar curpos="5" maxpos="50"/>
attributes curpos type: integer the current position of the scrollbar, which ranges from 0 to the value of the maxpos attribute.
...ild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, getuserdata, hasattribute(), hasattributens(), has
attributes(), haschildnodes(), insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), removeattribute(), removeattributenode(), removeattributens(), removechild(), removeeventlistener(), replacechild(), setattribute(), setattributenode(), setattributenodens(), setattributens(), setuserdata ...
scrollbox - Archive of obsolete content
« xul reference home [ examples |
attributes | properties | methods | related ] a box that has additional functions that can be used to scroll the content.
...
attributes inherited from xul element 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-e...
...ild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, getuserdata, hasattribute(), hasattributens(), has
attributes(), haschildnodes(), insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), removeattribute(), removeattributenode(), removeattributens(), removechild(), removeeventlistener(), replacechild(), setattribute(), setattributenode(), setattributenodens(), setattributens(), setuserdata ...
scrollcorner - Archive of obsolete content
« xul reference home [ examples |
attributes | properties | methods | related ] this element is used for the small box where the horizontal and vertical scrollbars meet.
... examples (example needed)
attributes inherited from xul element 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 properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id...
...ild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, getuserdata, hasattribute(), hasattributens(), has
attributes(), haschildnodes(), insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), removeattribute(), removeattributenode(), removeattributens(), removechild(), removeeventlistener(), replacechild(), setattribute(), setattributenode(), setattributenodens(), setattributens(), setuserdata ...
separator - Archive of obsolete content
« xul reference home [ examples |
attributes | properties | methods | related ] creates a small separating gap between elements.
...
attributes orient style classes groove, groove-thin, thin examples <separator class="groove-thin"/>
attributes orient type: one of the values below used to specify whether the separator is a horizontal or vertical separator.
...ild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, getuserdata, hasattribute(), hasattributens(), has
attributes(), haschildnodes(), insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), removeattribute(), removeattributenode(), removeattributens(), removechild(), removeeventlistener(), replacechild(), setattribute(), setattributenode(), setattributenodens(), setattributens(), setuserdata style c...
spacer - Archive of obsolete content
« xul reference home [ examples |
attributes | properties | methods | related ] an element that takes up space but does not display anything.
... examples <box> <button label="left"/> <spacer flex="1"/> <button label="right"/> </box>
attributes inherited from xul element 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, remov...
...ild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, getuserdata, hasattribute(), hasattributens(), has
attributes(), haschildnodes(), insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), removeattribute(), removeattributenode(), removeattributens(), removechild(), removeeventlistener(), replacechild(), setattribute(), setattributenode(), setattributenodens(), setattributens(), setuserdata related...
spinbuttons - Archive of obsolete content
« xul reference home [ examples |
attributes | properties | methods | related ] spin buttons are two arrows, one to increase a value and one to decrease a value.
...
attributes inherited from xul element 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, ...
...ild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, getuserdata, hasattribute(), hasattributens(), has
attributes(), haschildnodes(), insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), removeattribute(), removeattributenode(), removeattributens(), removechild(), removeeventlistener(), replacechild(), setattribute(), setattributenode(), setattributenodens(), setattributens(), setuserdata ...
statusbar - Archive of obsolete content
« xul reference home [ examples |
attributes | properties | methods | related ] an element used to create a status bar, usually placed along the bottom of a window.
... properties accessibletype examples <statusbar> <statusbarpanel label="left panel"/> <spacer flex="1"/> <progressmeter mode="determined" value="82"/> <statusbarpanel label="right panel"/> </statusbar>
attributes inherited from xul element 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, sortresour...
...ild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, getuserdata, hasattribute(), hasattributens(), has
attributes(), haschildnodes(), insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), removeattribute(), removeattributenode(), removeattributens(), removechild(), removeeventlistener(), replacechild(), setattribute(), setattributenode(), setattributenodens(), setattributens(), setuserdata related ...
stringbundle - Archive of obsolete content
« xul reference home [ examples |
attributes | properties | methods | related ] an element which can be used to load localized resources from property files.
... the "src" attribute accepts only absolute chrome:// urls (see bugs 133698, 26291)
attributes src properties applocale , src, stringbundle, strings methods getformattedstring, getstring examples (example needed)
attributes src type: uri the uri of the property file that contains the localized strings.
...ild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, getuserdata, hasattribute(), hasattributens(), has
attributes(), haschildnodes(), insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), removeattribute(), removeattributenode(), removeattributens(), removechild(), removeeventlistener(), replacechild(), setattribute(), setattributenode(), setattributenodens(), setattributens(), setuserdata related...
stringbundleset - Archive of obsolete content
« xul reference home [ examples |
attributes | properties | methods | related ] a container for stringbundle elements.
... examples (example needed)
attributes inherited from xul element 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 properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id...
...ild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, getuserdata, hasattribute(), hasattributens(), has
attributes(), haschildnodes(), insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), removeattribute(), removeattributenode(), removeattributens(), removechild(), removeeventlistener(), replacechild(), setattribute(), setattributenode(), setattributenodens(), setattributens(), setuserdata ...
tabpanel - Archive of obsolete content
« xul reference home [ examples |
attributes | properties | methods | related ] a individual panel in a tabpanels element.
... examples (example needed)
attributes inherited from xul element 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 properties inherited properties align, , allowevents, , boxo...
...ild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, getuserdata, hasattribute(), hasattributens(), has
attributes(), haschildnodes(), insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), removeattribute(), removeattributenode(), removeattributens(), removechild(), removeeventlistener(), replacechild(), setattribute(), setattributenode(), setattributenodens(), setattributens(), setuserdata related...
tabpanels - Archive of obsolete content
« xul reference home [ examples |
attributes | properties | methods | related ] a container to hold the set of pages in a tabbox.
...
attributes selectedindex properties selectedindex, selectedpanel examples (example needed)
attributes selectedindex type: integer gets and sets the index of the currently selected panel.
...ild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, getuserdata, hasattribute(), hasattributens(), has
attributes(), haschildnodes(), insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), removeattribute(), removeattributenode(), removeattributens(), removechild(), removeeventlistener(), replacechild(), setattribute(), setattributenode(), setattributenodens(), setattributens(), setuserdata related...
tabs - Archive of obsolete content
« xul reference home [ examples |
attributes | properties | methods | related ] a row of tabs.
...
attributes closebutton, disableclose, disabled, onclosetab, onnewtab, onselect, setfocus, selectedindex, tabbox, tabindex, tooltiptextnew, value, properties accessibletype, disabled, itemcount, selectedindex, selecteditem, tabindex, value, methods advanceselectedtab, appenditem, getindexofitem, getitematindex, insertitemat, removeitemat examples (example needed)
attributes closebutton obsolete since gecko 1.9.2 type: boolean if this attribute is set to true, the tabs row will have a ...
...(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getuserdata, hasattribute(), hasattributens(), has
attributes(), haschildnodes(), insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), removeattribute(), removeattributenode(), removeattributens(), removechild(), removeeventlistener(), replacechild(), setattribute(), setattributenode(), setattributenodens(), setattributens(), setuserdata advan...
template - Archive of obsolete content
« xul reference home [ examples |
attributes | properties | methods | related ] used to declare a template for rule-based construction of elements.
...
attributes container, member examples (example needed)
attributes container type: string may optionally be set to the variable to use as the container or reference variable.
...ild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, getuserdata, hasattribute(), hasattributens(), has
attributes(), haschildnodes(), insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), removeattribute(), removeattributenode(), removeattributens(), removechild(), removeeventlistener(), replacechild(), setattribute(), setattributenode(), setattributenodens(), setattributens(), setuserdata ...
timepicker - Archive of obsolete content
« xul reference home [ examples |
attributes | properties | methods | related ] the timepicker is used to allow the user to enter a time.
...
attributes disabled, hideseconds, increment, readonly, tabindex, value properties amindicator, datevalue, disabled, hideseconds, hour, hourleadingzero, increment, is24hourclock, ispm, minute, minuteleadingzero, pmindicator, readonly, second, secondleadingzero, tabindex, value examples <timepicker value="12:05"/>
attributes disabled type: boolean indicates whether the element...
...ild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, getuserdata, hasattribute(), hasattributens(), has
attributes(), haschildnodes(), insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), removeattribute(), removeattributenode(), removeattributens(), removechild(), removeeventlistener(), replacechild(), setattribute(), setattributenode(), setattributenodens(), setattributens(), setuserdata related...
titlebar - Archive of obsolete content
« xul reference home [ examples |
attributes | properties | methods | related ] boxes created with the titlebar element behave just like a normal window titlebar: when the element is clicked and dragged, the window moves with it.
...none;"> <titlebar flex="1" oncommand="close()" style="background: rgba(30, 30, 30, 0.9); -moz-border-radius: 10px; -moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.8); margin: 8px 12px 16px;"/> </window> it can be opened from the error console like this: open("file:///users/markus/sites/hudwindow.xul", "", "chrome=1, titlebar=0")
attributes inherited from xul element 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-e...
...ild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, getuserdata, hasattribute(), hasattributens(), has
attributes(), haschildnodes(), insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), removeattribute(), removeattributenode(), removeattributens(), removechild(), removeeventlistener(), replacechild(), setattribute(), setattributenode(), setattributenodens(), setattributens(), setuserdata ...
toolbargrippy - Archive of obsolete content
« xul reference home [ examples |
attributes | properties | methods | related ] not in firefox the notch on the side of a toolbar which can be used to collapse and expand it.
... properties accessible examples (example needed)
attributes inherited from xul element 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 properties ...
...ild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, getuserdata, hasattribute(), hasattributens(), has
attributes(), haschildnodes(), insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), removeattribute(), removeattributenode(), removeattributens(), removechild(), removeeventlistener(), replacechild(), setattribute(), setattributenode(), setattributenodens(), setattributens(), setuserdata related...
toolbaritem - Archive of obsolete content
« xul reference home [ examples |
attributes | properties | methods | related ] firefox only an item that appears on a toolbar.
... <menuitem label="taxi"/> <menuitem label="bus" selected="true"/> <menuitem label="train"/> </menupopup> </menulist> </toolbaritem> <toolbaritem id="sample-toolbutton-unified"> <toolbarbutton id="myext-button1" class="toolbarbutton-1" label="label1" /> <toolbarbutton id="myext-button2" class="toolbarbutton-1" label="labe2l" /> </toolbaritem>
attributes inherited from xul element 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-e...
...ild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, getuserdata, hasattribute(), hasattributens(), has
attributes(), haschildnodes(), insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), removeattribute(), removeattributenode(), removeattributens(), removechild(), removeeventlistener(), replacechild(), setattribute(), setattributenode(), setattributenodens(), setattributens(), setuserdata related...
toolbarpalette - Archive of obsolete content
« xul reference home [ examples |
attributes | properties | methods | related ] firefox only the item is a palette of available toolbar items.
... examples <toolbarpalette id="browsertoolbarpalette"> <toolbarbutton id="toolbarpalette-button" class="toolbarbutton-class" label="&mylabel;" tooltiptext="&mytiptext;" oncommand="somefunction()"/> </toolbarpalette>
attributes inherited from xul element 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-e...
...ild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, getuserdata, hasattribute(), hasattributens(), has
attributes(), haschildnodes(), insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), removeattribute(), removeattributenode(), removeattributens(), removechild(), removeeventlistener(), replacechild(), setattribute(), setattributenode(), setattributenodens(), setattributens(), setuserdata related...
toolbarseparator - Archive of obsolete content
« xul reference home [ examples |
attributes | properties | methods | related ] creates a separator between groups of toolbar items.
... properties accessibletype examples <toolbox> <toolbar> <toolbarbutton label="button 1"/> <toolbarseparator /> <toolbarbutton label="button 2"/> </toolbar> </toolbox>
attributes inherited from xul element 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, ...
...ild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, getuserdata, hasattribute(), hasattributens(), has
attributes(), haschildnodes(), insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), removeattribute(), removeattributenode(), removeattributens(), removechild(), removeeventlistener(), replacechild(), setattribute(), setattributenode(), setattributenodens(), setattributens(), setuserdata related ...
toolbarset - Archive of obsolete content
« xul reference home [ examples |
attributes | properties | methods | related ] firefox only this element is used as a container for custom toolbars, which are added in the custom toolbar dialog.
... examples (example needed)
attributes inherited from xul element 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 properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , ...
...ild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, getuserdata, hasattribute(), hasattributens(), has
attributes(), haschildnodes(), insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), removeattribute(), removeattributenode(), removeattributens(), removechild(), removeeventlistener(), replacechild(), setattribute(), setattributenode(), setattributenodens(), setattributens(), setuserdata related ...
toolbarspacer - Archive of obsolete content
« xul reference home [ examples |
attributes | properties | methods | related ] firefox only a space between toolbar items.
... properties accessibletype examples (example needed)
attributes inherited from xul element 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 properties accessibletype type: integer a value indicating the type of accessibility object for the element.
...ild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, getuserdata, hasattribute(), hasattributens(), has
attributes(), haschildnodes(), insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), removeattribute(), removeattributenode(), removeattributens(), removechild(), removeeventlistener(), replacechild(), setattribute(), setattributenode(), setattributenodens(), setattributens(), setuserdata related...
toolbarspring - Archive of obsolete content
« xul reference home [ examples |
attributes | properties | methods | related ] firefox only a flexible space between toolbar items.
... properties accessibletype examples (example needed)
attributes inherited from xul element 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 properties accessibletype type: integer a value indicating the type of accessibility object for the element.
...ild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, getuserdata, hasattribute(), hasattributens(), has
attributes(), haschildnodes(), insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), removeattribute(), removeattributenode(), removeattributens(), removechild(), removeeventlistener(), replacechild(), setattribute(), setattributenode(), setattributenodens(), setattributens(), setuserdata related ...
toolbox - Archive of obsolete content
« xul reference home [ examples |
attributes | properties | methods | related ] a container for toolbars.
...xample" width="300"> <toolbox> <toolbar> <toolbarbutton label="back"/> <toolbarbutton label="forward"/> <toolbarbutton label="home"/> </toolbar> <toolbar> <toolbarbutton label="stop"/> <toolbarbutton label="reload"/> </toolbar> </toolbox> <textbox multiline="true" value="we have two toolbars inside of one toolbox above." width="20"/> </window>
attributes inherited from xul element 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-e...
...(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getuserdata, hasattribute(), hasattributens(), has
attributes(), haschildnodes(), insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), removeattribute(), removeattributenode(), removeattributens(), removechild(), removeeventlistener(), replacechild(), setattribute(), setattributenode(), setattributenodens(), setattributens(), setuserdata appen...
treechildren - Archive of obsolete content
« xul reference home [ examples |
attributes | properties | methods | related ] this element is the body of the tree.
...
attributes alternatingbackground
attributes alternatingbackground obsolete since gecko 2.0 type: boolean if true, the background of the tree's rows will alternate between two colors.
...ild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, getuserdata, hasattribute(), hasattributens(), has
attributes(), haschildnodes(), insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), removeattribute(), removeattributenode(), removeattributens(), removechild(), removeeventlistener(), replacechild(), setattribute(), setattributenode(), setattributenodens(), setattributens(), setuserdata example...
treecols - Archive of obsolete content
« xul reference home [ examples |
attributes | properties | methods | related ] a group of treecol elements.
...
attributes pickertooltiptext properties accessibletype examples (example needed)
attributes pickertooltiptext type: string the text for the tooltip on the column picker.
...ild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, getuserdata, hasattribute(), hasattributens(), has
attributes(), haschildnodes(), insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), removeattribute(), removeattributenode(), removeattributens(), removechild(), removeeventlistener(), replacechild(), setattribute(), setattributenode(), setattributenodens(), setattributens(), setuserdata related...
treeitem - Archive of obsolete content
« xul reference home [ examples |
attributes | properties | methods | related ] a treeitem should be placed inside a treechildren element and should contain treerow elements.
...
attributes container, empty, label, open, uri examples (example needed)
attributes container type: boolean set to true if the element is to act as a container which can have child elements.
...ild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, getuserdata, hasattribute(), hasattributens(), has
attributes(), haschildnodes(), insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), removeattribute(), removeattributenode(), removeattributens(), removechild(), removeeventlistener(), replacechild(), setattribute(), setattributenode(), setattributenodens(), setattributens(), setuserdata related...
treerow - Archive of obsolete content
« xul reference home [ examples |
attributes | properties | methods | related ] a single row in a tree.
...
attributes properties examples (example needed)
attributes properties type: space-separated list of property names sets the properties of the element, which can be used to style the element.
...ild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, getuserdata, hasattribute(), hasattributens(), has
attributes(), haschildnodes(), insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), removeattribute(), removeattributenode(), removeattributens(), removechild(), removeeventlistener(), replacechild(), setattribute(), setattributenode(), setattributenodens(), setattributens(), setuserdata related...
treeseparator - Archive of obsolete content
« xul reference home [ examples |
attributes | properties | methods | related ] used to place a separator row in a tree.
...
attributes properties examples (example needed)
attributes properties type: space-separated list of property names sets the properties of the element, which can be used to style the element.
...ild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, getuserdata, hasattribute(), hasattributens(), has
attributes(), haschildnodes(), insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), removeattribute(), removeattributenode(), removeattributens(), removechild(), removeeventlistener(), replacechild(), setattribute(), setattributenode(), setattributenodens(), setattributens(), setuserdata related...
vbox - Archive of obsolete content
« xul reference home [ examples |
attributes | properties | methods | related ] a container element which can contain any number of child elements.
... example <!-- two labels at bottom --> <vbox> <spacer flex="1"/> <label value="one"/> <label value="two"/> </vbox>
attributes inherited from xul element 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...
...ild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, getuserdata, hasattribute(), hasattributens(), has
attributes(), haschildnodes(), insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), removeattribute(), removeattributenode(), removeattributens(), removechild(), removeeventlistener(), replacechild(), setattribute(), setattributenode(), setattributenodens(), setattributens(), setuserdata related...
where - Archive of obsolete content
« xul reference home [ examples |
attributes | properties | methods | related ] indicate a condition that must match for a template result to be used.
...
attributes ignorecase, multiple, negate, rel, subject, value examples (example needed)
attributes ignorecase type: boolean set to true to indicate that the case does not matter when making comparisons.
...ild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, getuserdata, hasattribute(), hasattributens(), has
attributes(), haschildnodes(), insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), removeattribute(), removeattributenode(), removeattributens(), removechild(), removeeventlistener(), replacechild(), setattribute(), setattributenode(), setattributenodens(), setattributens(), setuserdata ...
wizardpage - Archive of obsolete content
« xul reference home [ examples |
attributes | properties | methods | related ] this element defines a page in a wizard.
...
attributes description, label, next, pageid properties next, pageid
attributes description type: string descriptive text to appear in addition to the dialog title.
...ild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, getuserdata, hasattribute(), hasattributens(), has
attributes(), haschildnodes(), insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), removeattribute(), removeattributenode(), removeattributens(), removechild(), removeeventlistener(), replacechild(), setattribute(), setattributenode(), setattributenodens(), setattributens(), setuserdata ...
SAX - Archive of obsolete content
elements,
attributes, whitespace, and processing instructions).
... an example implementation of the most commonly used content handler: function print(s) { dump(s + "\n"); } xmlreader.contenthandler = { // nsisaxcontenthandler startdocument: function() { print("startdocument"); }, enddocument: function() { print("enddocument"); }, startelement: function(uri, localname, qname, /*nsisax
attributes*/
attributes) { var attrs = []; for(var i=0; i<
attributes.length; i++) { attrs.push(
attributes.getqname(i) + "='" +
attributes.getvalue(i) + "'"); } print("startelement: namespace='" + uri + "', localname='" + localname + "', qname='" + qname + "',
attributes={" + attrs.join(",") + "}"); }, endelement: function(uri, localname, qname...
...below is an example of parsing from a string: xmlreader.parsefromstring("<f:a xmlns:f='g' d='1'><bbq/></f:a>", "text/xml"); this call results in the following output (assuming the content handler from the example above is used): startdocument startelement: namespace='g', localname='a', qname='f:a',
attributes={d='1'} startelement: namespace='', localname='bbq', qname='bbq',
attributes={} endelement: namespace='', localname='bbq', qname='bbq' endelement: namespace='g', localname='a', qname='f:a' enddocument ...
Using the W3C DOM - Archive of obsolete content
these are supported by internet explorer too so there is no need to use msie-specific
attributes and methods.
... in addition to these access methods, the w3c dom specifications provide methods for creating new elements and inserting them in a document, for creating
attributes, new content, for traversing the content tree and for handling events dispatched as the user interacts with the document itself.
... useful references on changing an element's text using the dom whitespace in the dom by david baron element.innerhtml speed and performance comparison between innerhtml attribute and dom's nodevalue when modifying the text data of a text node by gérard talbot interactive dom level 2 characterdata interface
attributes and methods tests: other ways to modify (replace, delete, manipulate) efficiently text nodes in the dom by gérard talbot <- previous section: using web standards: how next section: developing cross-browser pages -> ...
XForms Switch Module - Archive of obsolete content
attributes single-node binding type restrictions the switch element can be bound to a node containing data of any type.
...
attributes special selected - determines the initial selected state of the case.
...
attributes events special case - the idref of a case element to select representations the case element doesn't have a visual representation.
Building up a basic demo with A-Frame - Game development
add this just before the closing </a-scene> element: <a-camera position="0 1 4" cursor-visible="true" cursor-scale="2" cursor-color="#0095dd" cursor-opacity="0.5"> </a-camera> we've also defined a cursor for the given camera, using the cursor-*
attributes (by default it is invisible.) — we've set its scale so it will more easily visible, its color, and some opacity so it won't completely covering the objects behind it.
...after that it's all about setting the proper
attributes: color, height, radius and position.
...these
attributes can be manipulated to create the illusion of animation.
Index - MDN Web Docs Glossary: Definitions of Web-related terms
a typical element includes an opening tag with some
attributes, enclosed text content, and a closing tag.
... 338 property (javascript) codingscripting, glossary a javascript property is a characteristic of an object, often describing
attributes associated with a data structure.
... 428 specification glossary, openpractices, standardization a specification is a document that lays out in detail what functionality or
attributes a product must include before delivery.
HTML: A good basis for accessibility - Learn web development
this highlights the importance of not only using meaningful file names in case so-called alt text is not available, but also making sure that alt text is provided in alt
attributes wherever possible.
...if they are decorational, it is better to write an empty text as a value for alt attribute (see empty alt
attributes) or to just include them in the page as css background images.
... empty alt
attributes <h3> <img src="article-icon.png" alt=""> tyrannosaurus rex: the king of the dinosaurs </h3> there may be times where an image is included in a page's design, but its primary purpose is for visual decoration.
HTML: A good basis for accessibility - Learn web development
this highlights the importance of not only using meaningful file names in case so-called alt text is not available, but also making sure that alt text is provided in alt
attributes wherever possible.
...if they are decorational, it is better to write an empty text as a value for alt attribute (see empty alt
attributes) or to just include them in the page as css background images.
... empty alt
attributes <h3> <img src="article-icon.png" alt=""> tyrannosaurus rex: the king of the dinosaurs </h3> there may be times where an image is included in a page's design, but its primary purpose is for visual decoration.
The HTML5 input types - Learn web development
the following screenshot (from firefox for android) provides an example: with the number input type, you can constrain the minimum and maximum values allowed by setting the min and max
attributes.
...to that end, it's highly recommended that you set the min, max, and step
attributes which set the minimum, maximum and increment values, respectively.
... <input type="week" name="week" id="week"> constraining date/time values all date and time controls can be constrained using the min and max
attributes, with further constraining possible via the step attribute (whose value varies according to input type).
Sending form data - Learn web development
all of its
attributes are designed to let you configure the request to be sent when a user hits a submit button.
... the two most important
attributes are action and method.
... in this example, the data is sent to an absolute url — https://example.com: <form action="https://example.com"> here, we use a relative url — the data is sent to a different url on the same origin: <form action="/somewhere_else"> when specified with no
attributes, as below, the <form> data is sent to the same page that the form is present on: <form> note: it's possible to specify a url that uses the https (secure http) protocol.
HTML basics - Learn web development
elements can also have
attributes that look like the following:
attributes contain extra information about the element that you don't want to appear in the actual content.
... an attribute should always have the following: a space between it and the element name (or the previous attribute, if the element already has one or more
attributes).
...take the <img> element that we already have in our html page: <img src="images/firefox-icon.png" alt="my test image"> this contains two
attributes, but there is no closing </img> tag and no inner content.
Tips for authoring fast-loading HTML pages - Learn web development
use async and defer, if possible make the javascript scripts such that they are compatible with both the async and the defer
attributes, and use async whenever possible, especially if you have multiple script tags.
...otherwise, the browser will not render anything that is after the script tags that do not have these
attributes.
... note: even though these
attributes do help a lot the first time a page is loaded, you should use them but not assume they will work in all browsers.
<video>: The Video Embed element - HTML: Hypertext Markup Language
in a similar manner to the <img> element, we include a path to the media we want to display inside the src attribute; we can include other
attributes to specify information such as video width and height, whether we want it to autoplay and loop, whether we want to show the browser's default video controls, etc.
...
attributes like all other html elements, this element supports the global
attributes.
...see cors settings
attributes for additional information.
data-* - HTML: Hypertext Markup Language
the data-* global
attributes form a class of
attributes called custom data
attributes, that allow proprietary information to be exchanged between the html and its dom representation by scripts.
... usage by adding data-*
attributes, even ordinary html elements can become rather complex and powerful program-objects.
... for example, a space-ship "sprite" in a game could be a simple <img> element with a class attribute and several data-*
attributes: <img class="spaceship cruiserx3" src="shipx3.png" data-ship-id="324" data-weapons="laseri laserii" data-shields="72%" data-x="414354" data-y="85160" data-z="31940" onclick="spaceships[this.dataset.shipid].blasted()"> for a more in-depth tutorial about using html data
attributes, see using data
attributes.
Preloading content with rel="preload" - HTML: Hypertext Markup Language
<head> <meta charset="utf-8"> <title>web font example</title> <link rel="preload" href="fonts/cicle_fina-webfont.woff2" as="font" type="font/woff2" crossorigin> <link rel="preload" href="fonts/zantroke-webfont.woff2" as="font" type="font/woff2" crossorigin> <link href="style.css" rel="stylesheet"> </head> <body> … </body> not only are we providing the mime type hints in the type
attributes, but we are also providing the crossorigin attribute to handle the cors issue.
... including media one nice feature of <link> elements is their ability to accept media
attributes.
...<body> <header> <h1>my site</h1> </header> <script> var mediaquerylist = window.matchmedia("(max-width: 600px)"); var header = document.queryselector('header'); if (mediaquerylist.matches) { header.style.backgroundimage = 'url(bg-image-narrow.png)'; } else { header.style.backgroundimage = 'url(bg-image-wide.png)'; } </script> </body> we include media
attributes on our <link> elements so that a narrow image is preloaded if the user has a narrow viewport, and a wider image is loaded if they have a wide viewport.
HTML reference - HTML: Hypertext Markup Language
this html reference describes all elements and
attributes of html, including global
attributes that apply to all elements.
... html attribute reference elements in html have
attributes; these are additional values that configure the elements or adjust their behavior in various ways to meet the criteria the users want.
... global
attributes global
attributes are
attributes common to all html elements; they can be used on all elements, though they may have no effect on some elements.
Reflect.defineProperty() - JavaScript
syntax reflect.defineproperty(target, propertykey,
attributes) parameters target the target object on which to define the property.
...
attributes the
attributes for the property being defined or modified.
...] because reflect.defineproperty returns a boolean success status, you can just use an if...else block here: if (reflect.defineproperty(target, property,
attributes)) { // success } else { // failure } specifications specification ecmascript (ecma-262)the definition of 'reflect.defineproperty' in that specification.
<mspace> - MathML
the mathml <mspace> element is used to display a blank space, whose size is set by its
attributes.
...
attributes class, id, style provided for use with stylesheets.
... note that some common
attributes like mathcolor, mathvariant or dir have no effect on <mspace>.
<mstyle> - MathML
it accepts all
attributes of all mathml presentation elements with some exceptions and additional
attributes listed below.
...
attributes dir overall directionality of formulas.
... the <mstyle> element accepts all
attributes of all presentation elements with the following exceptions: height, depth or width do not apply to <mglyph>, <mpadded> or <mtable>.
Web video codec guide - Web media technologies
in addition, a series of levels are specified, each defining limits on a range of
attributes of the video.
... these
attributes include frame dimensions, image area in pixels, display and decode rates, average and maximum bit rates, and limits on the number of tiles and tile columns used in the encoding/decoding process.
...each profile is then available four levels, each of which increases
attributes of the video, such as frame rate, resolution, bit rate, and so forth.
Progressive loading - Progressive web apps (PWAs)
placeholder image instead of having all the screenshots of games referenced in <img> element src
attributes, which will force the browser to download them automatically, we can do it selectively via javascript.
... the js13kpwa app uses a placeholder image instead, which is small and lightweight, while the final paths to target images are stored in data-src
attributes: <img src='data/img/placeholder.png' data-src='data/img/slug.jpg' alt='name'> those images will be loaded via javascript after the site finishes building the html structure.
... loading via javascript the app.js file processes the data-src
attributes like so: let imagestoload = document.queryselectorall('img[data-src]'); const loadimages = (image) => { image.setattribute('src', image.getattribute('data-src')); image.onload = () => { image.removeattribute('data-src'); }; }; the imagestoload variable contains references to all the images, while the loadimages function moves the path from data-src to src.
The building blocks of responsive design - Progressive web apps (PWAs)
moving on to the javascript, <script> elements don't accept media
attributes, so i had to do this a different way.
...if you wish, you can point to multiple video files via <source>
attributes, each with their own source and mime type: <video controls> <source src="videos/720/crystal720.mp4" type="video/mp4"> <source src="videos/720/crystal720.webm" type="video/webm"> </video> but you can go one step further.
... you can include media
attributes on the <source> element containing media queries — the video loaded in the browser will depend on both the format the browser supports, and the results of the media tests.
markerUnits - SVG: Scalable Vector Graphics
the markerunits attribute defines the coordinate system for the markerwidth and markerunits
attributes and the contents of the <marker>.
... usage notes value userspaceonuse | strokewidth default value strokewidth animatable yes userspaceonuse this value specifies that the markerwidth and markerunits
attributes and the contents of the <marker> element represent values in the current user coordinate system in place for the graphic object referencing the marker (i.e., the user coordinate system for the element referencing the <marker> element via a marker, marker-start, marker-mid, or marker-end property).
... strokewidth this value specifies that the markerwidth and markerunits
attributes and the contents of the <marker> element represent values in a coordinate system which has a single unit equal the size in user units of the current stroke width (see the stroke-width attribute) in place for the graphic object referencing the marker.
maskUnits - SVG: Scalable Vector Graphics
s --> <use mask="url(#mymask1)" xlink:href="#r1" fill="red" /> <use mask="url(#mymask1)" xlink:href="#r2" fill="red" /> <use mask="url(#mymask1)" xlink:href="#r3" fill="red" /> <!-- the last rect is masked with objectboundingbox units --> <use mask="url(#mymask2)" xlink:href="#r4" fill="red" /> </svg> mask for <mask>, maskunits defines the coordinate system in use for the geometry
attributes (x, y, width and height) of the element.
... value userspaceonuse | objectboundingbox default value objectboundingbox animatable yes userspaceonuse this value indicates that all coordinates for the geometry
attributes refer to the user coordinate system as defined when the mask was created.
... objectboundingbox this value indicates that all coordinates for the geometry
attributes represent fractions or percentages of the bounding box of the element to which the mask is applied.
spreadMethod - SVG: Scalable Vector Graphics
in the case of a linear gradient, the edges may be defined as a rectangle by the x1, x2, y1 and y2
attributes.
... in the case of a radial gradient, the edges may be defined as outer and inner circles by the cx, cy and r (outer) and fx, fy and fr (inner)
attributes.
...please contribute data for "svg.
attributes.presentation.spreadmethod" (depth: 1) to the mdn compatibility data repository.
<a> - SVG: Scalable Vector Graphics
attributes download instructs browsers to download a url instead of navigating to it, so the user will be prompted to save it as a local file.
... value type: <url> ; default value: none; animatable: yes global
attributes core
attributes most notably: id, lang, tabindex styling
attributes class, style conditional processing
attributes most notably: requiredextensions, systemlanguage event
attributes global event
attributes, document element event
attributes, graphical event
attributes presentation
attributes most notably: clip-path, clip-rule, color, color-interpolation, color-rendering, cursor, displa...
...y, fill, fill-opacity, fill-rule, filter, mask, opacity, pointer-events, shape-rendering, stroke, stroke-dasharray, stroke-dashoffset, stroke-linecap, stroke-linejoin, stroke-miterlimit, stroke-opacity, stroke-width, transform, vector-effect, visibility xlink
attributes most notably: xlink:title aria
attributes aria-activedescendant, aria-atomic, aria-autocomplete, aria-busy, aria-checked, aria-colcount, aria-colindex, aria-colspan, aria-controls, aria-current, aria-describedby, aria-details, aria-disabled, aria-dropeffect, aria-errormessage, aria-expanded, aria-flowto, aria-grabbed, aria-haspopup, aria-hidden, aria-invalid, aria-keyshortcuts, aria-label, aria-labelledby, aria-level, aria-live, aria-modal, aria-multiline, aria-multiselectable, aria-orientation, aria-owns, aria-placeholder, aria-...
<altGlyph> - SVG: Scalable Vector Graphics
usage context categoriestext content element, text content child elementpermitted contentany elements or character data
attributes x this attribute defines the corresponding absolute x-coordinates for rendering the element.
... value type: <iri> ; default value: none; animatable: no global
attributes core
attributes most notably: id lang styling
attributes class, style conditional processing
attributes most notably: requiredextensions, systemlanguage event
attributes global event
attributes, document element event
attributes, graphical event
attributes presentation
attributes most notably: clip-path, clip-rule, color, color-interpolation, color-rendering, cursor, display, dominant...
...-baseline, fill, fill-opacity, fill-rule, filter, mask, opacity, pointer-events, shape-rendering, stroke, stroke-dasharray, stroke-dashoffset, stroke-linecap, stroke-linejoin, stroke-miterlimit, stroke-opacity, stroke-width, text-anchor, transform, vector-effect, visibility xlink
attributes xlink:href, xlink:type, xlink:role, xlink:arcrole, xlink:title, xlink:show, xlink:actuate dom interface this element implements the svgaltglyphelement interface.
<animateMotion> - SVG: Scalable Vector Graphics
e" stroke="lightgrey" d="m20,50 c20,-50 180,150 180,50 c180-50 20,150 20,50 z" /> <circle r="5" fill="red"> <animatemotion dur="10s" repeatcount="indefinite" path="m20,50 c20,-50 180,150 180,50 c180-50 20,150 20,50 z" /> </circle> </svg> usage context categoriesanimation elementpermitted contentany number of the following elements, in any order:descriptive elements<mpath>
attributes keypoints this attribute indicate, in the range [0,1], how far is the object along the path for each keytimes associated values.
... value type: <number>|auto|auto-reverse; default value: 0; animatable: no note: for <animatemotion> the default value for the calcmode attribute is paced animation
attributes animation timing
attributes begin, dur, end, min, max, restart, repeatcount, repeatdur, fill animation value
attributes calcmode, values, keytimes, keysplines, from, to, by other animation
attributes most notably: attributename, additive, accumulate animation event
attributes most notably: onbegin, onend, onrepeat global
attributes core
attributes most notably: id styling attribu...
...tes class, style event
attributes global event
attributes, document element event
attributes usage notes this element implements the svganimatemotionelement interface.
<circle> - SVG: Scalable Vector Graphics
html,body,svg { height:100% } <svg viewbox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"> <circle cx="50" cy="50" r="50"/> </svg>
attributes cx the x-axis coordinate of the center of the circle.
... value type: <number> ; default value: none; animatable: yes note: starting with svg2, cx, cy, and r are geometry properties, meaning those
attributes can also be used as css properties for that element.
... global
attributes core
attributes most notably: id, tabindex styling
attributes class, style conditional processing
attributes most notably: requiredextensions, systemlanguage event
attributes global event
attributes, graphical event
attributes presentation
attributes most notably: clip-path, clip-rule, color, color-interpolation, color-rendering, cursor, display, fill, fill-opacity, fill-rule, filter, mask, opacity, pointer-events, shape-rendering, stroke, stroke-dasharray, stroke-dashoffset, stroke-linecap, stroke-linejoin, stroke-miterlimit, stroke-opacity, stroke-width, transform, vector-effect, visibility aria
attributes aria-activedescendant, aria-atomic, aria-autocomplete, aria-busy, aria-checked, aria-colcount, aria-colindex, aria-colspan, aria-controls, aria-current, aria-d...
<ellipse> - SVG: Scalable Vector Graphics
html,body,svg { height:100% } <svg viewbox="0 0 200 100" xmlns="http://www.w3.org/2000/svg"> <ellipse cx="100" cy="50" rx="100" ry="50" /> </svg>
attributes cx the x position of the ellipse.
... value type: <number> ; default value: none; animatable: yes note: starting with svg2 cx, cy, rx and ry are geometry properties, meaning those
attributes can also be used as css properties for that element.
... global
attributes core
attributes most notably: id, tabindex styling
attributes class, style conditional processing
attributes most notably: requiredextensions, systemlanguage event
attributes global event
attributes, graphical event
attributes presentation
attributes most notably: clip-path, clip-rule, color, color-interpolation, color-rendering, cursor, display, fill, fill-opacity, fill-rule, filter, mask, opacity, pointer-events, shape-rendering, stroke, stroke-dasharray, stroke-dashoffset, stroke-linecap, stroke-linejoin, stroke-miterlimit, stroke-opacity, stroke-width, transform, vector-effect, visibility aria
attributes aria-activedescendant, aria-atomic, aria-autocomplete, aria-busy, aria-checked, aria-colcount, aria-colindex, aria-colspan, aria-controls, aria-current, aria-d...
<feDropShadow> - SVG: Scalable Vector Graphics
the drop shadow color and opacity can be changed by using the flood-color and flood-opacity presentation
attributes.
...ow3"> <fedropshadow dx="-0.8" dy="-0.8" stddeviation="0" flood-color="pink" flood-opacity="0.5"/> </filter> </defs> <circle cx="5" cy="50%" r="4" style="fill:pink; filter:url(#shadow);"/> <circle cx="15" cy="50%" r="4" style="fill:pink; filter:url(#shadow2);"/> <circle cx="25" cy="50%" r="4" style="fill:pink; filter:url(#shadow3);"/> </svg>
attributes dx this attribute defines the x offset of the drop shadow.
... value type: <number>; default value: 2; animatable: yes global
attributes core
attributes most notably: id styling
attributes class, style filter primitive
attributes height, in, result, x, y, width presentation
attributes most notably: flood-color, flood-opacity usage notes categoriesfilter primitive elementpermitted contentany number of the following elements, in any order:<animate>, <script>, <set> specifications specification status comment filter effects module level 1the de...
<foreignObject> - SVG: Scalable Vector Graphics
</div> </foreignobject> </svg>
attributes height the height of the foreignobject.
... value type: <length>|<percentage> ; default value: 0; animatable: yes note: starting with svg2, x, y, width, and height are geometry properties, meaning those
attributes can also be used as css properties for that element.
... global
attributes core
attributes most notably: id, tabindex styling
attributes class, style conditional processing
attributes most notably: requiredextensions, systemlanguage event
attributes global event
attributes, graphical event
attributes, document event
attributes, document element event
attributes presentation
attributes most notably: clip-path, clip-rule, color, color-interpolation, color-rendering, cursor, display, fill, fill-opacity, fill-rule, filter, mask, opacity, pointer-events, shape-rendering, stroke, stroke-dasharray, stroke-dashoffset, stroke-linecap, stroke-linejoin, stroke-miterlimit, stroke-opacity, stroke-width, transform, vector-effect, visibility aria
attributes aria-activedescendant, aria-atomic, aria-autocomplete, aria-busy, aria-checked, aria-colcount, ar...
<g> - SVG: Scalable Vector Graphics
transformations applied to the <g> element are performed on its child elements, and its
attributes are inherited by its children.
... html,body,svg { height:100% } <svg viewbox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"> <!-- using g to inherit presentation
attributes --> <g fill="white" stroke="green" stroke-width="5"> <circle cx="40" cy="40" r="25" /> <circle cx="60" cy="60" r="25" /> </g> </svg>
attributes this element only includes global
attributes global
attributes core
attributes most notably: id, tabindex styling
attributes class, style conditional processing
attributes most notably: requiredextensions, systemlanguage event
attributes global event
attributes, graphical event
attributes presentation
attributes most notably: clip-path, clip-rule, color, color-interpolation, color-rendering, cursor, d...
...isplay, fill, fill-opacity, fill-rule, filter, mask, opacity, pointer-events, shape-rendering, stroke, stroke-dasharray, stroke-dashoffset, stroke-linecap, stroke-linejoin, stroke-miterlimit, stroke-opacity, stroke-width, transform, vector-effect, visibility aria
attributes aria-activedescendant, aria-atomic, aria-autocomplete, aria-busy, aria-checked, aria-colcount, aria-colindex, aria-colspan, aria-controls, aria-current, aria-describedby, aria-details, aria-disabled, aria-dropeffect, aria-errormessage, aria-expanded, aria-flowto, aria-grabbed, aria-haspopup, aria-hidden, aria-invalid, aria-keyshortcuts, aria-label, aria-labelledby, aria-level, aria-live, aria-modal, aria-multiline, aria-multiselectable, aria-orientation, aria-owns, aria-placeholder, aria-posinset, aria-pressed, aria-readonly, a...
<linearGradient> - SVG: Scalable Vector Graphics
0 10 10" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <defs> <lineargradient id="mygradient" gradienttransform="rotate(90)"> <stop offset="5%" stop-color="gold" /> <stop offset="95%" stop-color="red" /> </lineargradient> </defs> <!-- using my linear gradient --> <circle cx="5" cy="5" r="4" fill="url('#mygradient')" /> </svg>
attributes gradientunits this attribute defines the coordinate system for
attributes x1, x2, y1, y2 value type: userspaceonuse|objectboundingbox ; default value: objectboundingbox; animatable: yes gradienttransform this attribute provides additional transformation to the gradient coordinate system.
... value type: <length> ; default value: 0%; animatable: yes global
attributes core
attributes most notably: id styling
attributes class, style event
attributes global event
attributes, document element event
attributes presentation
attributes most notably: clip-path, clip-rule, color, color-interpolation, color-rendering, cursor, display, fill, fill-opacity, fill-rule, filter, mask, opacity, pointer-events, shape-rendering, stroke, stroke-dasharray, stroke-dashof...
...fset, stroke-linecap, stroke-linejoin, stroke-miterlimit, stroke-opacity, stroke-width, transform, vector-effect, visibility xlink
attributes xlink:href, xlink:title usage notes categoriesgradient elementpermitted contentany number of the following elements, in any order:descriptive elements<animate>, <animatetransform>, <set>, <stop> specifications specification status comment scalable vector graphics (svg) 2the definition of '<lineargradient>' in that specification.
<mask> - SVG: Scalable Vector Graphics
="white" /> <!-- everything under a black pixel will be invisible --> <path d="m10,35 a20,20,0,0,1,50,35 a20,20,0,0,1,90,35 q90,65,50,95 q10,65,10,35 z" fill="black" /> </mask> <polygon points="-10,110 110,110 110,-10" fill="orange" /> <!-- with this mask applied, we "punch" a heart shape hole into the circle --> <circle cx="50" cy="50" r="50" mask="url(#mymask)" /> </svg>
attributes height this attribute defines the height of the masking area.
... value type: userspaceonuse|objectboundingbox ; default value: userspaceonuse; animatable: yes maskunits this attribute defines defines the coordinate system for
attributes x, y, width and height on the <mask>.
... value type: <length> ; default value: 120%; animatable: yes global
attributes core
attributes most notably: id styling
attributes class, style conditional processing
attributes most notably: requiredextensions, systemlanguage presentation
attributes most notably: clip-path, clip-rule, color, display, fill, fill-opacity, fill-rule, filter, mask, opacity, shape-rendering, stroke, stroke-dasharray, stroke-dashoffset, stroke-linecap, stroke-linejoin, stroke-miterlimi...
<path> - SVG: Scalable Vector Graphics
html,body,svg { height:100% } <svg viewbox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"> <path d="m 10,30 a 20,20 0,0,1 50,30 a 20,20 0,0,1 90,30 q 90,60 50,90 q 10,60 10,30 z"/> </svg>
attributes d this attribute defines the shape of the path.
... value type: <number> ; default value: none; animatable: yes global
attributes core
attributes most notably: id, tabindex styling
attributes class, style conditional processing
attributes most notably: requiredextensions, systemlanguage event
attributes global event
attributes, graphical event
attributes presentation
attributes most notably: clip-path, clip-rule, color, color-interpolation, color-rendering, cursor, display, fill, fill-opacity, fill-rule, filter, mask, opacity, pointer-events, shape-rendering, stroke, stroke-dasharray, stroke-dashoffset, stroke-linecap, stroke-linejoin, stroke-miterlimit, stroke-opacity, stroke-width,...
... transform, vector-effect, visibility aria
attributes aria-activedescendant, aria-atomic, aria-autocomplete, aria-busy, aria-checked, aria-colcount, aria-colindex, aria-colspan, aria-controls, aria-current, aria-describedby, aria-details, aria-disabled, aria-dropeffect, aria-errormessage, aria-expanded, aria-flowto, aria-grabbed, aria-haspopup, aria-hidden, aria-invalid, aria-keyshortcuts, aria-label, aria-labelledby, aria-level, aria-live, aria-modal, aria-multiline, aria-multiselectable, aria-orientation, aria-owns, aria-placeholder, aria-posinset, aria-pressed, aria-readonly, aria-relevant, aria-required, aria-roledescription, aria-rowcount, aria-rowindex, aria-rowspan, aria-selected, aria-setsize, aria-sort, aria-valuemax, aria-valuemin, aria-valuenow, aria-valuetext, role usage notes categ...
<polygon> - SVG: Scalable Vector Graphics
html,body,svg { height:100% } <svg viewbox="0 0 200 100" xmlns="http://www.w3.org/2000/svg"> <!-- example of a polygon with the default fill --> <polygon points="0,100 50,25 50,75 100,0" /> <!-- example of the same polygon shape with stroke and no fill --> <polygon points="100,100 150,25 150,75 200,0" fill="none" stroke="black" /> </svg>
attributes points this attribute defines the list of points (pairs of x,y absolute coordinates) required to draw the polygon.
... value type: <number> ; default value: none; animatable: yes global
attributes core
attributes most notably: id, tabindex styling
attributes class, style conditional processing
attributes most notably: requiredextensions, systemlanguage event
attributes global event
attributes, graphical event
attributes presentation
attributes most notably: clip-path, clip-rule, color, color-interpolation, color-rendering, cursor, display, fill, fill-opacity, fill-rule, filter, mask, opacity, pointer-events, shape-rendering, stroke, stroke-dasharray, stroke-dashoffset, stroke-linecap, stroke-linejoin, stroke-miterlimit, stroke-opacity, stroke-width, transf...
...orm, vector-effect, visibility aria
attributes aria-activedescendant, aria-atomic, aria-autocomplete, aria-busy, aria-checked, aria-colcount, aria-colindex, aria-colspan, aria-controls, aria-current, aria-describedby, aria-details, aria-disabled, aria-dropeffect, aria-errormessage, aria-expanded, aria-flowto, aria-grabbed, aria-haspopup, aria-hidden, aria-invalid, aria-keyshortcuts, aria-label, aria-labelledby, aria-level, aria-live, aria-modal, aria-multiline, aria-multiselectable, aria-orientation, aria-owns, aria-placeholder, aria-posinset, aria-pressed, aria-readonly, aria-relevant, aria-required, aria-roledescription, aria-rowcount, aria-rowindex, aria-rowspan, aria-selected, aria-setsize, aria-sort, aria-valuemax, aria-valuemin, aria-valuenow, aria-valuetext, role usage notes categoriesba...
<rect> - SVG: Scalable Vector Graphics
html,body,svg { height:100% } <svg viewbox="0 0 220 100" xmlns="http://www.w3.org/2000/svg"> <!-- simple rectangle --> <rect width="100" height="100" /> <!-- rounded corner rectangle --> <rect x="120" width="100" height="100" rx="15" /> </svg>
attributes x the x coordinate of the rect.
... value type: <number> ; default value: none; animatable: yes note: starting with svg2, x, y, width, height, rx and ry are geometry properties, meaning those
attributes can also be used as css properties for that element.
... global
attributes core
attributes most notably: id, tabindex styling
attributes class, style conditional processing
attributes most notably: requiredextensions, systemlanguage event
attributes global event
attributes, graphical event
attributes presentation
attributes most notably: clip-path, clip-rule, color, color-interpolation, color-rendering, cursor, display, fill, fill-opacity, fill-rule, filter, mask, opacity, pointer-events, shape-rendering, stroke, stroke-dasharray, stroke-dashoffset, stroke-linecap, stroke-linejoin, stroke-miterlimit, stroke-opacity, stroke-width, transform, vector-effect, visibility aria
attributes aria-activedescendant, aria-atomic, aria-autocomplete, aria-busy, aria-checked, aria-colcount, aria-colindex, aria-colspan, aria-controls, aria-current, aria-d...
<style> - SVG: Scalable Vector Graphics
svg's style element has the same
attributes as the corresponding element in html (see html's <style> element).
... html,body,svg { height:100%; margin: 0; padding: 0; } <svg viewbox="0 0 10 10" xmlns="http://www.w3.org/2000/svg"> <style> circle { fill: gold; stroke: maroon; stroke-width: 2px; } </style> <circle cx="5" cy="5" r="4" /> </svg>
attributes type this attribute defines type of the style sheet language to use as a media type string.
... value type: <string>; default value: none; animatable: no global
attributes core
attributes most notably: id styling
attributes class, style event
attributes global event
attributes, document element event
attributes usage notes categoriesnonepermitted contentany elements or character data specifications specification status comment scalable vector graphics (svg) 2the definition of '<style>' in that specification.
<svg> - SVG: Scalable Vector Graphics
html,body,svg { height:100% } <svg viewbox="0 0 300 100" xmlns="http://www.w3.org/2000/svg" stroke="red" fill="grey"> <circle cx="50" cy="50" r="40" /> <circle cx="150" cy="50" r="4" /> <svg viewbox="0 0 10 10" x="200" width="100"> <circle cx="5" cy="5" r="4" /> </svg> </svg>
attributes baseprofile deprecated since svg 2 the minimum svg language profile that the document requires.
... value type: <length>|<percentage> ; default value: 0; animatable: yes note: starting with svg2, x, y, width, and height are geometry properties, meaning these
attributes can also be used as css properties.
... global
attributes core
attributes most notably: id, tabindex styling
attributes class, style conditional processing
attributes most notably: requiredextensions, systemlanguage event
attributes global event
attributes, graphical event
attributes, document event
attributes, document element event
attributes presentation
attributes most notably: clip-path, clip-rule, color, color-interpolation, color-rendering, cursor, display, fill, fill-opacity, fill-rule, filter, mask, opacity, pointer-events, shape-rendering, stroke, stroke-dasharray, stroke-dashoffset, stroke-linecap, stroke-linejoin, stroke-miterlimit, stroke-opacity, stroke-width, transform, vector-effect, visibility aria
attributes aria-activedescendant, aria-atomic, aria-autocomplete, aria-busy, aria-checked, aria-colcount, ar...
<symbol> - SVG: Scalable Vector Graphics
20" fill="none" stroke="pink" /> <!-- all instances of our symbol --> <use xlink:href="#mydot" x="5" y="5" style="opacity:1.0" /> <use xlink:href="#mydot" x="20" y="5" style="opacity:0.8" /> <use xlink:href="#mydot" x="35" y="5" style="opacity:0.6" /> <use xlink:href="#mydot" x="50" y="5" style="opacity:0.4" /> <use xlink:href="#mydot" x="65" y="5" style="opacity:0.2" /> </svg>
attributes height this attribute determines the height of the symbol.
... value type: <length>|<percentage> ; default value: 0; animatable: yes global
attributes core
attributes most notably: id styling
attributes class, style event
attributes global event
attributes, document element event
attributes, graphical event
attributes presentation
attributes most notably: clip-path, clip-rule, color, color-interpolation, color-rendering, cursor, display, fill, fill-opacity, fill-rule, filter, mask, opacity, pointer-events, shape-rendering, stroke, str...
...oke-dasharray, stroke-dashoffset, stroke-linecap, stroke-linejoin, stroke-miterlimit, stroke-opacity, stroke-width, transform, vector-effect, visibility aria
attributes aria-activedescendant, aria-atomic, aria-autocomplete, aria-busy, aria-checked, aria-colcount, aria-colindex, aria-colspan, aria-controls, aria-current, aria-describedby, aria-details, aria-disabled, aria-dropeffect, aria-errormessage, aria-expanded, aria-flowto, aria-grabbed, aria-haspopup, aria-hidden, aria-invalid, aria-keyshortcuts, aria-label, aria-labelledby, aria-level, aria-live, aria-modal, aria-multiline, aria-multiselectable, aria-orientation, aria-owns, aria-placeholder, aria-posinset, aria-pressed, aria-readonly, aria-relevant, aria-required, aria-roledescription, aria-rowcount, aria-rowindex, aria-rowspan, aria-select...
<text> - SVG: Scalable Vector Graphics
sans-serif; } /* note that the color of the text is set with the * * fill property, the color property is for html only */ .rrrrr { font: italic 40px serif; fill: red; } </style> <text x="20" y="35" class="small">my</text> <text x="40" y="35" class="heavy">cat</text> <text x="55" y="55" class="small">is</text> <text x="65" y="55" class="rrrrr">grumpy!</text> </svg>
attributes x the x coordinate of the starting point of the text baseline.
... value type: <length>|<percentage> ; default value: none; animatable: yes global
attributes core
attributes most notably: id, tabindex styling
attributes class, style, font-family, font-size, font-size-adjust, font-stretch, font-style, font-variant, font-weight conditional processing
attributes most notably: requiredextensions, systemlanguage event
attributes global event
attributes, graphical event
attributes presentation
attributes most notably: clip-path, clip-rule, color...
..., color-interpolation, color-rendering, cursor, display, dominant-baseline, fill, fill-opacity, fill-rule, filter, mask, opacity, pointer-events, shape-rendering, stroke, stroke-dasharray, stroke-dashoffset, stroke-linecap, stroke-linejoin, stroke-miterlimit, stroke-opacity, stroke-width, text-anchor, transform, vector-effect, visibility aria
attributes aria-activedescendant, aria-atomic, aria-autocomplete, aria-busy, aria-checked, aria-colcount, aria-colindex, aria-colspan, aria-controls, aria-current, aria-describedby, aria-details, aria-disabled, aria-dropeffect, aria-errormessage, aria-expanded, aria-flowto, aria-grabbed, aria-haspopup, aria-hidden, aria-invalid, aria-keyshortcuts, aria-label, aria-labelledby, aria-level, aria-live, aria-modal, aria-multiline, aria-multiselectable, aria-orient...
markerWidth - SVG: Scalable Vector Graphics
the markerwidth attribute represents the width of the viewport into which the <marker> is to be fitted when it is rendered according to the viewbox and preserveaspectratio
attributes.
... relative values refer to the width specified via the viewbox and preserveaspectratio
attributes.
width - SVG: Scalable Vector Graphics
the exact effect of this attribute is influenced by the patternunits and patterntransform
attributes.
... note: in an html document if both the viewbox and width
attributes are omitted, the svg element will be rendered with a width of 300px value auto | <length> | <percentage> default value auto (treated as 100%) animatable yes note: starting with svg2, width is a geometry property meaning this attribute can also be used as a css property for <svg>.
<animate> - SVG: Scalable Vector Graphics
html,body,svg { height:100%; margin:0; padding:0; } <svg viewbox="0 0 10 10" xmlns="http://www.w3.org/2000/svg"> <rect width="10" height="10"> <animate attributename="rx" values="0;5;0" dur="10s" repeatcount="indefinite" /> </rect> </svg>
attributes animation
attributes animation timing
attributes begin, dur, end, min, max, restart, repeatcount, repeatdur, fill animation value
attributes calcmode, values, keytimes, keysplines, from, to, by other animation
attributes most notably: attributename, additive, accumulate animation event
attributes most notably: onbegin, onend, onrepeat global
attributes core
attributes most notably: id styling
attributes class, style event attrib...
...utes global event
attributes, document element event
attributes usage notes this element implements the svganimateelement interface.
<clipPath> - SVG: Scalable Vector Graphics
attributes clippathunits defines the coordinate system for the contents of the <clippath> element.
... value type: userspaceonuse|objectboundingbox ; default value: userspaceonuse; animatable: yes global
attributes core
attributes most notably: id styling
attributes class, style conditional processing
attributes most notably: requiredextensions, systemlanguage presentation
attributes most notably: clip-path, clip-rule, color, display, fill, fill-opacity, fill-rule, filter, mask, opacity, shape-rendering, stroke, stroke-dasharray, stroke-dashoffset, stroke-linecap, stroke-linejoin, stroke-miterlimit, stroke-opacity, stroke-width, transform, vector-effect, visibility usage notes categoriesnonepermitted contentany number of the following elements, in any order:animation elementsdescriptive elementsshape elements<text>, <use> specifications specification status comment ...
<feComponentTransfer> - SVG: Scalable Vector Graphics
usage context categoriesfilter primitive elementpermitted contentany number of the following elements, in any order:<fefunca>, <fefuncr>, <fefuncb>, <fefuncg>
attributes global
attributes core
attributes presentation
attributes filter primitive
attributes class style specific
attributes in dom interface this element implements the svgfecomponenttransferelement interface.
... working draft specified that missing transfer function elements are treated like they were specified with their type
attributes set to identity.
<feConvolveMatrix> - SVG: Scalable Vector Graphics
assuming the simplest case (where the input image's pixel grid aligns perfectly with the kernel's pixel grid) and assuming default values for
attributes ‘divisor’, ‘targetx’ and ‘targety’, then resulting color value will be: (9* 0 + 8* 20 + 7* 40 + 6*100 + 5*120 + 4*140 + 3*200 + 2*220 + 1*240) / (9+8+7+6+5+4+3+2+1) usage context categoriesfilter primitive elementpermitted contentany number of the following elements, in any order:<animate>, <set>
attributes global
attributes core
attributes presentation
attributes filter ...
...primitive
attributes class style specific
attributes in order kernelmatrix divisor bias targetx targety edgemode kernelunitlength preservealpha dom interface this element implements the svgfeconvolvematrixelement interface.
<feOffset> - SVG: Scalable Vector Graphics
the input image as a whole is offset by the values specified in the dx and dy
attributes.
... usage context categoriesfilter primitive elementpermitted contentany number of the following elements, in any order:<animate>, <set>
attributes global
attributes core
attributes presentation
attributes filter primitive
attributes class style specific
attributes in dx dy dom interface this element implements the svgfeoffsetelement interface.
<metadata> - SVG: Scalable Vector Graphics
usage context categoriesdescriptive elementpermitted contentany elements or character data
attributes global
attributes core
attributes global event
attributes specific
attributes none dom interface this element implements the svgmetadataelement interface.
... candidate recommendation allowed global event
attributes on the element.
<polyline> - SVG: Scalable Vector Graphics
html,body,svg { height:100% } <svg viewbox="0 0 200 100" xmlns="http://www.w3.org/2000/svg"> <!-- example of a polyline with the default fill --> <polyline points="0,100 50,25 50,75 100,0" /> <!-- example of the same polyline shape with stroke and no fill --> <polyline points="100,100 150,25 150,75 200,0" fill="none" stroke="black" /> </svg>
attributes points this attribute defines the list of points (pairs of x,y absolute coordinates) required to draw the polyline value type: <number>+ ; default value: ""; animatable: yes pathlength this attribute lets specify the total length for the path, in user units.
... value type: <number> ; default value: none; animatable: yes global
attributes core
attributes most notably: id, tabindex styling
attributes class, style conditional processing
attributes most notably: requiredextensions, systemlanguage event
attributes global event
attributes, graphical event
attributes presentation
attributes most notably: clip-path, clip-rule, color, color-interpolation, color-rendering, cursor, display, fill, fill-opacity, fill-rule, filter, mask, opacity, pointer-events, shape-rendering, stroke, stroke-dasharray, stroke-dashoffset, stroke-linecap, stroke-linejoin, stroke-miterlimit, stroke-opacity, stroke-width, transform, vector-effect, visibility aria
attributes aria-activedescendant, aria-atomic, aria-autocomplete, aria-busy, aria-checked, aria-colcount, ari...
<script> - SVG: Scalable Vector Graphics
(16).padstart(2,'0') const g = math.round(math.random() * 255).tostring(16).padstart(2,'0') const b = math.round(math.random() * 255).tostring(16).padstart(2,'0') return `#${r}${g}${b}` } document.queryselector('circle').addeventlistener('click', (e) => { e.target.style.fill = getcolor() }) }) // ]]> </script> <circle cx="5" cy="5" r="4" /> </svg>
attributes crossorigin this attribute defines cors settings as define for the html <script> element.
... value type: <url> ; default value: none; animatable: no global
attributes core
attributes most notably: id styling
attributes class, style event
attributes global event
attributes, document element event
attributes usage notes categoriesnonepermitted contentany elements or character data specifications specification status comment scalable vector graphics (svg) 2the definition of '<script>' in that specification.
<stop> - SVG: Scalable Vector Graphics
10 10" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <defs> <lineargradient id="mygradient" gradienttransform="rotate(90)"> <stop offset="5%" stop-color="gold" /> <stop offset="95%" stop-color="red" /> </lineargradient> </defs> <!-- using my linear gradient --> <circle cx="5" cy="5" r="4" fill="url('#mygradient')" /> </svg>
attributes offset this attribute defines where the gradient stop is placed along the gradient vector.
... value type: <opacity>; default value: 1; animatable: yes global
attributes core
attributes most notably: id styling
attributes class, style event
attributes global event
attributes, document element event
attributes presentation
attributes most notably: color, display, stop-color, stop-opacity, visibility usage notes categoriesgradient elementpermitted contentany number of the following elements, in any order:<animate>, <animatecolor>, <set> specifications...
<switch> - SVG: Scalable Vector Graphics
the <switch> svg element evaluates any requiredfeatures, requiredextensions and systemlanguage
attributes on its direct child elements in order, and then renders the first child where these
attributes evaluate to true.
... usage context categoriescontainer elementpermitted contentany number of the following elements, in any order:animation elementsdescriptive elementsshape elements<a>, <foreignobject>, <g>, <image>, <svg>, <switch>, <text>, <use>
attributes global
attributes conditional processing
attributes core
attributes graphical event
attributes presentation
attributes class style externalresourcesrequired transform dom interface this element implements the svgswitchelement interface.
Specification Deviations - SVG: Scalable Vector Graphics
the 'class' and 'style'
attributes unlike html and mathml, the svg specification does not specify the 'style' and 'class'
attributes on all svg elements.
... nevertheless, to allow mozilla to more cleanly share internal 'class' and 'style' related code, we will implement these
attributes on all svg elements as of firefox 3.
Basic shapes - SVG: Scalable Vector Graphics
70 115 75 130 80 125 85 140 90 135 95 150 100 145" stroke="orange" fill="transparent" stroke-width="5"/> <polygon points="50 160 55 180 70 180 60 190 65 205 50 195 35 205 40 190 30 180 45 180" stroke="green" fill="transparent" stroke-width="5"/> <path d="m20,230 q40,205 50,230 t90,230" fill="none" stroke="blue" stroke-width="5"/> </svg> note: the stroke, stroke-width, and fill
attributes are explained later in the tutorial.
...there are 6 basic
attributes that control the position and shape of the rectangles on screen.
Basic Transformations - SVG: Scalable Vector Graphics
translation it may be necessary to move an element around, even though you can position it with the according
attributes.
...the more intriguing effects arise, when you rely on
attributes like userspaceonuse and the such.