Search completed in 1.59 seconds.
::placeholder - CSS: Cascading Style Sheets
the ::place
holder css pseudo-element represents the place
holder text in an <input> or <textarea> element.
... ::place
holder { color: blue; font-size: 1.5em; } only the subset of css properties that apply to the ::first-line pseudo-element can be used in a rule using ::place
holder in its selector.
... note: in most browsers, the appearance of place
holder text is a translucent or light gray color by default.
...And 10 more matches
AudioParam.cancelAndHoldAtTime() - Web APIs
the canceland
holdattime() property of the audioparam interface cancels all scheduled future changes to the audioparam but
holds its value at a given time until further changes are made using other methods.
... syntax var audioparam = audioparam.canceland
holdattime(canceltime) parameters canceltime a double representing the time (in seconds) after the audiocontext was first created after which all scheduled changes will be cancelled.
... specifications specification status comment web audio apithe definition of 'canceland
holdattime()' in that specification.
...And 7 more matches
IntersectionObserver.thresholds - Web APIs
the intersectionobserver interface's read-only thres
holds property returns the list of intersection thres
holds that was specified when the observer was instantiated with intersectionobserver().
... if only one thres
hold ratio was provided when instanitating the object, this will be an array containing that single value.
... see thres
holds in intersection observer api to learn how thres
holds work.
...And 7 more matches
shape-image-threshold - CSS: Cascading Style Sheets
the shape-image-thres
hold css property sets the alpha channel thres
hold used to extract the shape using an image as the value for shape-outside.
... any pixels whose alpha component's value is greater than the thres
hold are considered to be part of the shape for the purposes of determining its boundaries.
... /* <number> value */ shape-image-thres
hold: 0.7; /* global values */ shape-image-thres
hold: inherit; shape-image-thres
hold: initial; shape-image-thres
hold: unset; syntax values <alpha-value> sets the thres
hold used for extracting a shape from an image.
...And 4 more matches
JS::SourceBufferHolder
constructor enum ownership { noownership, giveownership }; js::sourcebuffer
holder(const char16_t *data, size_t datalength, ownership ownership); name type description data const char16_t * source buffer containing the script to compile.
... description js::sourcebuffer
holder is the container class for passing in script source buffers to the js engine.
...rules for use: the data array must be allocated with js_malloc or js_realloc if ownership is being granted to the sourcebuffer
holder.
...And 3 more matches
JSPRINCIPALS_HOLD
syntax jsprincipals_
hold(cx, principals) jsprincipals_drop(cx, principals) name type description cx jscontext * a context.
... principals jsprincipals * pointer to the jsprincipals object to
hold or drop.
... description jsprincipals_
hold and jsprincipals_drop are used to manage memory for jsprincipals objects.
...And 2 more matches
BasicCardResponse.cardholderName - Web APIs
the cardnumber property of the basiccardresponse dictionary contains the card
holder name of the card used to make the payment.
... syntax name = basiccardresponse.card
holdername; value a domstring indicating the name of the card
holder.
...this has to conform to the structure defined by the basiccardresponse dictionary, and may look something like this: { "cardnumber' : '9999999999999999", "card
holdername' : 'mr.
...And 2 more matches
DynamicsCompressorNode.threshold - Web APIs
the thres
hold property of the dynamicscompressornode interface is a k-rate audioparam representing the decibel value above which the compression will start taking effect.
... the thres
hold property's default value is -24 and it can be set between -100 and 0.
... syntax var audioctx = new audiocontext(); var compressor = audioctx.createdynamicscompressor(); compressor.thres
hold.value = -50; value an audioparam.
...And 2 more matches
:placeholder-shown - CSS: Cascading Style Sheets
the :place
holder-shown css pseudo-class represents any <input> or <textarea> element that is currently displaying place
holder text.
... /* selects any element with an active place
holder */ :place
holder-shown { border: 2px solid silver; } syntax :place
holder-shown examples basic example this example applies special font and border styles when the place
holder is shown.
... html <input place
holder="type something here!"> css input { border: 1px solid black; padding: 3px; } input:place
holder-shown { border-color: teal; color: purple; font-style: italic; } result overflowing text when form fields are too small, place
holder text can get cropped in an undesirable way.
...And 2 more matches
RTCDataChannel.bufferedAmountLowThreshold - Web APIs
the rtcdatachannel property bufferedamountlowthres
hold is used to specify the number of bytes of buffered outgoing data that is considered "low." the default value is 0.
... syntax var thres
hold = adatachannel.bufferedamountlowthres
hold; adatachannel.bufferedamountlowthres
hold = thres
hold; value the number of queued outgoing data bytes below which the buffer is considered to be "low." example in this snippet of code, bufferedamountlowthres
hold is set to 64kb, and a handler for the bufferedamountlow event is established by setting the rtcdatachannel.onbufferedamountlow property to a...
... var dc = peerconnection.createdatachannel("file transfer"); dc.bufferedamountlowthres
hold = 65535; dc.onbufferedamountlow = function() { /* use send() to queue more data to be sent */ }; specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcdatachannel.bufferedamountlowthres
hold' in that specification.
Element: MSGestureHold event - Web APIs
the msgesture
hold event is fired when the user contacts the touch surface and remains in the same position for a while.
... bubbles unknown cancelable unknown interface msgestureevent event handler property unknown the uievent.detail property of an msgesture
hold event has 3 possible values: msgesture_flag_begin this value indicates that the user started contacting the touch surface.
Placeholder names - MDN Web Docs Glossary: Definitions of Web-related terms
place
holder names are commonly used in cryptography to indicate the participants in a conversation, without resorting to terminology such as "party a," "eavesdropper," and "malicious attacker." the most commonly used names are: alice and bob, two parties who want to send messages to each other, occasionally joined by carol, a third participant eve, a passive attacker who is eavesdropping on alice and bob's conversation mallory, an active attacker ("man-in-the-middle") who is able to modify their conversation and replay old messages ...
Index - Web APIs
167 audioparam.canceland
holdattime() api, audio, audioparam, experimental, method, reference, web audio api, canceland
holdattime, cancelvaluesand
holdattime the canceland
holdattime() property of the audioparam interface cancels all scheduled future changes to the audioparam but
holds its value at a given time until further changes are made using other methods.
... 260 basiccardresponse.card
holdername api, basic card payment, basiccardresponse, payment request, payment request api, property, reference, card
holdername the cardnumber property of the basiccardresponse dictionary contains the card
holder name of the card used to make the payment.
... 326 bluetoothremotegattcharacteristic.readvalue() api, bluetooth, bluetoothremotegattcharacteristic, experimental, property, reference, web bluetooth api, readvalue the bluetoothremotegattcharacteristic.readvalue() method returns a promise that resolves to a dataview
holding a duplicate of the value property if it is available and supported.
...And 31 more matches
Intersection Observer API - Web APIs
creating an intersection observer create the intersection observer by calling its constructor and passing it a callback function to be run whenever a thres
hold is crossed in one direction or the other: let options = { root: document.queryselector('#scrollarea'), rootmargin: '0px', thres
hold: 1.0 } let observer = new intersectionobserver(callback, options); a thres
hold of 1.0 means that when 100% of the target is visible within the element specified by the root option, the callback is invoked.
... thres
hold either a single number or an array of numbers which indicate at what percentage of the target's visibility the observer's callback should be executed.
...a value of 1.0 means that the thres
hold isn't considered passed until every pixel is visible.
...And 27 more matches
nsIXPConnect
inherits from: nsisupports last changed in gecko 2.0 (firefox 4 / thunderbird 3.3 / seamonkey 2.1) to access the xpconnect service, use code like this: nsresult rv; nscomptr<nsixpconnect> xpconnect = do_getservice(nsixpconnect::getcid(), &rv); if (ns_succeeded(rv)) { /* use the object */ } method overview void addjs
holder(in voidptr a
holder, in nsscriptobjecttracerptr atracer); native code only!
... void clearallwrappednativesecuritypolicies(); nsixpconnectjsobject
holder createsandbox(in jscontextptr cx, in nsiprincipal principal); native code only!
... prbool showthisprops); void debugdumpobject(in nsisupports acomobj, in short depth); [noscript,notxpcom] prbool definedomquickstubs(in jscontextptr cx, in jsobjectptr proto, in pruint32 flags, in pruint32 interfacecount, [array, size_is(interfacecount)] in nsiidptr interfacearray); jsval evalinsandboxobject(in astring source, in jscontextptr cx, in nsixpconnectjsobject
holder sandbox, in prbool returnstringonly); native code only!
...And 25 more matches
<input type="number"> - HTML: Hypertext Markup Language
events change and input supported common attributes autocomplete, list, place
holder, readonly idl attributes list, value, valueasnumber methods select(), stepup(), stepdown() value any floating-point number, or empty.
...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 place
holder 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 adjust the value, as well as for validation list the values of the list attribute is the id of a <datalist> element located in the same document.
... place
holder the place
holder attribute is a string that provides a brief hint to the user as to what kind of information is expected in the field.
...And 16 more matches
Index - Archive of obsolete content
to make our xpi we'll start out by creating a directory to
hold the files we're going to add to the xpi.
... 476 force rtl (this is a temporary place
holder/stub for the force rtl page) 477 frequently asked questions needsupdate, svg, svg faq we currently maintain two documents to help answer this question: a status page for svg in firefox 1.5+ and a status page for svg in the development trunk.
...the bundle can
hold additional resources currently limited to: 613 configuration prism a webapp profile is a simple, ini-style text file that specifies some parameters about a webapp.
...And 15 more matches
<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, place
holder, 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 ("").
... 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 place
holder 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 user-editable size the number of characters wide the input field should be onscreen list the values of the list attribute is the id of a <datalist> element located in the same document.
... place
holder the place
holder attribute is a string that provides a brief hint to the user as to what kind of information is expected in the field.
...And 15 more matches
<input type="email"> - HTML: Hypertext Markup Language
value a domstring representing an e-mail address, or empty events change and input supported common attributes autocomplete, list, maxlength, minlength, multiple, name,pattern, place
holder, readonly, required, size, and type idl attributes list and value methods select() value the <input> element's value attribute contains a domstring which is automatically validated as conforming to e-mail syntax.
...ns maxlength the maximum number of characters the input should accept minlength the minimum number of characters long the input can be and still be considered valid multiple whether or not to allow multiple, comma-separated, e-mail addresses to be entered pattern a regular expression the input's contents must match in order to be valid place
holder an exemplar value to display in the input field whenever it is empty readonly a boolean attribute indicating whether or not the contents of the input should be read-only size a number indicating how many characters wide the input field should be list the values of the list attribute is the id of a <datalist> element located in the same document.
... place
holder the place
holder attribute is a string that provides a brief hint to the user as to what kind of information is expected in the field.
...And 14 more matches
<input type="search"> - HTML: Hypertext Markup Language
events change and input supported common attributes autocomplete, list, maxlength, minlength, pattern, place
holder, required, size.
... 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 of characters long the input can be and still be considered valid pattern a regular expression the input's contents must match in order to be valid place
holder an exemplar value to display in the input field whenever it is empty readonly a boolean attribute indicating whether or not the contents of the input should be read-only size a number indicating how many characters wide the input field should be spellcheck controls whether or not to enable spell checking for the input field, or if the default spell checkin...
... place
holder the place
holder attribute is a string that provides a brief hint to the user as to what kind of information is expected in the field.
...And 11 more matches
<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, place
holder, readonly, required and size idl attributes list, value, selectionend, selectiondirection methods select(), setrangetext() and setselectionrange().
... 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 of characters long the input can be and still be considered valid pattern a regular expression the input's contents must match in order to be valid place
holder an exemplar value to display in the input field whenever it is empty readonly a boolean attribute indicating whether or not the contents of the input should be read-only size a number indicating how many characters wide the input field should be spellcheck controls whether or not to enable spell checking for the input field, or if the default spell checkin...
... place
holder the place
holder attribute is a string that provides a brief hint to the user as to what kind of information is expected in the field.
...And 10 more matches
<input>: The Input (Form Input) element - HTML: Hypertext Markup Language
pattern password, text, tel pattern the value must match to be valid place
holder password, search, tel, text, url text that appears in the form control when it has no value set readonly almost all boolean.
... place
holder the place
holder attribute is a string that provides a brief hint to the user as to what kind of information is expected in the field.
... note: the place
holder attribute is not as semantically useful as other ways to explain your form, and can cause unexpected technical issues with your content.
...And 10 more matches
JS_GetGCParameter
used_chunks, jsgc_total_chunks, jsgc_slice_time_budget, jsgc_mark_stack_limit, jsgc_high_frequency_time_limit, jsgc_high_frequency_low_limit, jsgc_high_frequency_high_limit, jsgc_high_frequency_heap_growth_max, jsgc_high_frequency_heap_growth_min, jsgc_low_frequency_heap_growth, jsgc_dynamic_heap_growth, jsgc_dynamic_mark_slice, jsgc_allocation_thres
hold, jsgc_min_empty_chunk_count, jsgc_max_empty_chunk_count, jsgc_compaction_enabled, jsgc_allocation_thres
hold_factor, jsgc_allocation_thres
hold_factor_avoid_interrupt, jsgc_nursery_free_thres
hold_for_idle_collection, jsgc_pretenure_thres
hold, jsgc_pretenure_group_thres
hold, jsgc_nursery_free_thres
hold_for_idle_collection_percent, jsgc_min_nursery_bytes, j...
...see zoneheapthres
hold::computezoneheapgrowthfactorforheapsize in gc.cpp for the details.
... jsgc_allocation_thres
hold / "allocationthres
hold" lower limit after which we limit the heap growth.
...And 9 more matches
Introduction to the Real-time Transport Protocol (RTP) - Web APIs
leveraging rtp to implement a "
hold" feature because the streams for an rtcpeerconnection are implemented using rtp and the interfaces above, you can take advantage of the access this gives you to the internals of streams to make adjustments.
... among the simplest things you can do is to implement a "
hold" feature, wherein a participant in a call can click a button and turn off their microphone, begin sending music to the other peer instead, and stop accepting incoming audio.
... in the examples below, we'll refer to the peer which is turning "
hold" mode on and off as the local peer and the user being placed on
hold as the remote peer.
...And 9 more matches
textbox - Archive of obsolete content
attributes cols, decimalplaces, disabled, emptytext, hidespinbuttons, increment, label, max, maxlength, min, multiline, newlines, onblur, onchange, onfocus, oninput, place
holder, 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, place
holder, readonly, searchbutton, selectionend, selectionstart, size, spinbuttons, tabindex, textlength, timeou...
...this is superseded by the place
holder attribute in gecko 2.0.
... place
holder type: string a string that appears in the textbox when it has no value.
...And 8 more matches
HTML parser threading
the runnables
hold mtokenizermutex for the entire duration of the dodataavailable or dostoprequest call.
...however, if they released on the parser thread, nshtml5streamparser could be deleted from the parser thread, which would lead to all sorts of badness, because nshtml5streamparser has fields that
hold objects that aren't safe to release except from the main thread.
...the termination and interruption indicators are guarded by a more narrowly scoped mterminatedmutex, so parseavailabledata() has the opportunity to receive an order to terminate or interrupt even while the parser thread is
holding mterminatedmutex.
...And 8 more matches
IntersectionObserver.IntersectionObserver() - Web APIs
the rootmargin, if specified, is checked to ensure it's syntactically correct, the thres
holds are checked to ensure that they're all in the range 0.0 and 1.0 inclusive, and the thres
hold list is sorted in ascending numeric order.
... if the thres
hold list is empty, it's set to the array [0.0].
... syntax var observer = new intersectionobserver(callback[, options]); parameters callback a function which is called when the percentage of the target element is visible crosses a thres
hold.
...And 8 more matches
<input type="text"> - HTML: Hypertext Markup Language
events change and input supported common attributes autocomplete, list, maxlength, minlength, pattern, place
holder, readonly, required and size idl attributes list, value methods select(), setrangetext() and setselectionrange().
... 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 of characters long the input can be and still be considered valid pattern a regular expression the input's contents must match in order to be valid place
holder an exemplar value to display in the input field whenever it is empty readonly a boolean attribute indicating whether or not the contents of the input should be read-only size a number indicating how many characters wide the input field should be spellcheck controls whether or not to enable spell checking for the input field, or if the default spell checkin...
... place
holder the place
holder attribute is a string that provides a brief hint to the user as to what kind of information is expected in the field.
...And 8 more matches
XPCOM array guide
nsiarray xpcom object yes no no no reference counted, weak/strong nsimutablearray xpcom object yes no yes no reference counted, weak/strong nscomarray<t> xpcom object no yes yes* no reference counted, strong nstarray<t> any that has a default constructor and copy constructor no yes yes* no can
hold objects directly, in which case it owns them.
... when
holding pointers, doesn't own the pointer.
... nsautotarray<t,n> any that has a default constructor and copy constructor no yes yes* yes can
hold objects directly, in which case it owns them.
...And 7 more matches
Using the clipboard
the first is an object that
holds the data to put on the clipboard.
...another reason is that the transferable can
hold multiple representations of the same data.
...the transferring object will
hold the clipboard contents until the application has decided what it needs.
...And 7 more matches
Weak reference
when you
hold an owning reference on an object (i.e., you have addrefed it), you are
holding that object in existence for the duration of your reference.
...if, for instance, this owning reference is part of a cycle of owning references (e.g., if the referenced object also
holds a owning reference back to you), then none of the objects in the cycle can be reclaimed without taking special measures.
...a naive design for an observer/observable relationship would require the observable to
hold a owning reference to the observer.
...And 7 more matches
Index - Archive of obsolete content
281 place
holder xul attributes, xul reference no summary!
... 789 place
holder xul properties, xul reference no summary!
... 1015 box objects tutorials, xul, xul_tutorial this section describes the box object, which
holds display and layout related information about a xul box as well as some details about xul layout.
...And 6 more matches
Common causes of memory leaks in extensions - Extensions
storing references to window objects and dom nodes the most common problem is extensions
holding onto references to content windows for too long.
... a similar problem is
holding onto window objects or dom nodes (such as window.document) for too long by storing them in a javascript module.
...for example: function implicitdeclarationleak(window) { // implicit variable declaration in the js global,
holding a strong ref to the document doc = window.document; } implicitly declared variables can be avoided by using ecmascript 5's strict mode.
...And 6 more matches
<textarea> - HTML: Hypertext Markup Language
the <textarea> element also accepts several attributes common to form <input>s, such as autocomplete, autofocus, disabled, place
holder, readonly, and required.
... place
holder a hint to the user of what can be entered in the control.
... carriage returns or line-feeds within the place
holder text must be treated as line breaks when rendering the hint.
...And 6 more matches
l10n - Archive of obsolete content
globals functions get(identifier, count, place
holder1...n) this function takes a string parameter which it uses as an identifier to look up and return a localized string in the locale currently set for firefox.
... you can supply one or more place
holders to get(), which are strings, such as proper names, that should not be translated themselves but instead should be inserted into the translated string.
... you can't use plurals and place
holders in the same expression: if you do, the place
holders will be ignored.
...And 5 more matches
Desktop gamepad controls - Game development
the button.pressed() function detects the actual button presses: pressed: function(button,
hold) { var newpress = false; for(var i=0,s=gamepadapi.buttons.status.length; i<s; i++) { if(gamepadapi.buttons.status[i] == button) { newpress = true; if(!
hold) { for(var j=0,p=gamepadapi.buttons.cache.length; j<p; j++) { if(gamepadapi.buttons.cache[j] == button) { newpress = false; } } } } } return newpress; }, it loo...
... the textgamepad object
holds the text saying a gamepad has been connected, and is hidden by default.
... if(gamepadapi.active) { if(!this.textgamepad.visible) { this.textgamepad.visible = true; } gamepadapi.update(); if(gamepadapi.buttons.pressed('start')) { // start the game } if(gamepadapi.buttons.pressed('x')) { // turn on/off the sounds } if(gamepadapi.buttons.pressed('y','
hold')) { if(!this.screengamepadhelp.visible) { this.screengamepadhelp.visible = true; } } else { if(this.screengamepadhelp.visible) { this.screengamepadhelp.visible = false; } } } } when pressing the start button the relevant function will be called to begin the game, and the same approach is ...
...And 5 more matches
Implementing controls using the Gamepad API - Game development
it takes two parameters — the button we want to listen to and the (optional) way to tell the game that
holding the button is accepted.
... buttonpressed: function(button,
hold) { var newpress = false; // loop through pressed buttons for(var i=0,s=gamepadapi.buttonsstatus.length; i<s; i++) { // if we found the button we're looking for...
... if(gamepadapi.buttonsstatus[i] == button) { // set the boolean variable to true newpress = true; // if we want to check the single press if(!
hold) { // loop through the cached states from the previous frame for(var j=0,p=gamepadapi.buttonscache.length; j<p; j++) { // if the button was already pressed, ignore new press if(gamepadapi.buttonscache[j] == button) { newpress = false; } } } } } return newpress; }, there are two types of action to consider for a button: a single press and a
hold.
...And 5 more matches
Localization content best practices
word order if a string will contain a place
holder, always add the place
holder to the string to allow the localizer to change the word order if necessary.
...if a place
holder is present, this can be correctly localized as tá %s ag rádh: but not without.
...present the whole string or, if there is a significant need for a place
holder, use a place
holder.
...And 5 more matches
Index
25 js::autovaluearray jsapi reference, reference, référence(2), spidermonkey js::autovaluearray<n>
holds a rooted array of js::value.
... 26 js::autovectorrooter jsapi reference, reference, référence(2), spidermonkey js::autovectorrooter<t>
holds a variable-size rooted array of type t.
... 69 js::sourcebuffer
holder jsapi reference, reference, référence(2), spidermonkey js::sourcebuffer
holder is the container class for passing in script source buffers to the js engine.
...And 5 more matches
Using IndexedDB - Web APIs
the following table shows the different ways the keys are supplied: key path (keypath) key generator (autoincrement) description no no this object store can
hold any kind of value, even primitive values like numbers and strings.
... yes no this object store can only
hold javascript objects.
... no yes this object store can
hold any kind of value.
...And 5 more matches
Localization - Archive of obsolete content
hello_id= <blink>hello!</blink> localizing element attributes this feature is new in firefox 39 you can localize certain attributes of elements with an l10n-id by setting its value with l10n-id.attributename in the properties file like: hello_id.accesskey= h the following attributes are supported: accesskey alt label title place
holder further the localization of the aria attributes aria-label, aria-valuetext and aria-moz-hint are supported with the same aliases as on firefox os: arialabel ariavaluetext ariamozhint using localized strings in javascript to reference localized strings from your main add-on code, you do this: var _ = require("sdk/l10n").get; console.log(_("hello_id")); assigning to "_" in particular ...
... place
holders the l10n module supports place
holders, allowing you to insert a string which should not be localized into one which is.
... the following "en-us" and "fr" ".properties" files include place
holders: # en-us translations hello_id= hello %s!
...And 4 more matches
Adding Properties to XBL-defined Elements - Archive of obsolete content
fields are used to
hold a simple value.
... properties can also be used to
hold a value but may have code execute when an attempt is made to retrieve or modify the value.
...for example, if you want a property that
holds the current time, you would want to have its value generated as needed.
...And 4 more matches
Addon
pendingoperations read only integer a bitfield
holding all of the current operations that are waiting to be performed for this add-on.
... permissions read only integer a bitfield
holding all the the operations that can be performed on this add-on.
... contributors read only addonauthor[] an array of strings
holding the contributors of the add-on.
...And 4 more matches
Tracing JIT
a fragment initially
holds no pages.
... each spidermonkey jscontext
holds a trace monitor of type jstracemonitor.
...if the hit count of a particular pc reaches a thres
hold value, the target is considered hot.
...And 4 more matches
nsIDOMMozNetworkStatsManager
services are not supported."); } method overview nsidomdomrequest getsamples(in nsisupports network, in jsval start, in jsval end, [optional] in jsval options /* networkstatsgetoptions */); nsidomdomrequest addalarm(in nsisupports network, in long thres
hold, [optional] in jsval options /* networkstatsalarmoptions */); nsidomdomrequest getallalarms([optional] in nsisupports network); nsidomdomrequest removealarms([optional] in long alarmid); nsidomdomrequest clearstats(in nsisupports network); nsidomdomrequest clearallstats(); nsidomdomrequest getavailablenetworks(); ...
...when total data usage reaches thres
hold bytes, a "networkstats-alarm" system message is sent to the application, where the optional parameter data must be a cloneable object.
... nsidomdomrequest addalarm(in nsisupports network, in long thres
hold, [optional] in jsval options /* networkstatsalarmoptions */); parameters network the origin of the data.
...And 4 more matches
Component; nsIPrefBranch
method overview void addobserver(in string adomain, in nsiobserver aobserver, in boolean a
holdweak); void clearuserpref(in string aprefname); void deletebranch(in string astartingat); boolean getboolpref(in string aprefname, requires gecko 54 [optional] in boolean adefaultvalue); string getcharpref(in string aprefname,requires gecko 54 [optional] in string adefaultvalue); requires gecko 58 utf8tring getstringpref(in string aprefname, [optional]...
... void addobserver( in string adomain, in nsiobserver aobserver, in boolean a
holdweak ); parameters adomain the preference on which to listen for changes.
...for example
holding the "root" prefbranch and calling addobserver("foo.bar.", ...) will observe changes to foo.bar.baz and foo.bar.bzip.
...And 4 more matches
nsIPrefBranch2
method overview void addobserver(in string adomain, in nsiobserver aobserver, in boolean a
holdweak); void removeobserver(in string adomain, in nsiobserver aobserver); methods addobserver() add a preference change observer.
... void addobserver( in string adomain, in nsiobserver aobserver, in boolean a
holdweak ); parameters adomain the preference on which to listen for changes.
...for example
holding the "root" prefbranch and calling addobserver("foo.bar.", ...) will observe changes to foo.bar.baz and foo.bar.bzip.
...And 4 more matches
Reference Manual
safety features type safeguards it is an invariant of nscomptr that it
holds the xpcom-correct interface pointer for it's underlying type.
... for example, an nscomptr<nsifoo> will always
hold the pointer that would be returned by queryinterface, when querying an xpcom object for its nsifoo interface.
...when nscap_feature_debug_ptr_types is turned on, instead of
holding its underlying pointer in a variable of type nsisupports*, the nscomptr
holds it in a pointer matching the underlying type.
...And 4 more matches
Memory Management
keeping objects alive the following js-ctypes objects will
hold references to objects, keeping them alive.
... this is not an exhaustive list, but will help you to understand memory management and how it affects your use of js-ctypes: a function or static data declared using the declare() method will
hold that library alive.
... a ctype will
hold referent ctype objects alive.
...And 4 more matches
Timing element visibility with the Intersection Observer API - Web APIs
adobserver will
hold our intersectionobserver used to track the intersection between the ads and the <main> element's bounds.
... setting up to set things up, we run the startup() function below when the page loads: window.addeventlistener("load", startup, false); function startup() { contentbox = document.queryselector("main"); document.addeventlistener("visibilitychange", handlevisibilitychange, false); let observeroptions = { root: null, rootmargin: "0px", thres
hold: [0.0, 0.75] }; adobserver = new intersectionobserver(intersectioncallback, observeroptions); buildcontents(); refreshintervalid = window.setinterval(handlerefreshinterval, 1000); } first, a reference to the content wrapping <main> element is obtained, so we can insert our content into it.
...and the thres
hold is set to an array containing the values 0.0 and 0.75; this will cause our callback to execute whenever a targeted element becomes completely obscured or first starts to become unobscured (intersection ratio 0.0) or passes through 75% visible in either direction (intersection ratio 0.75).
...And 4 more matches
More Event Handlers - Archive of obsolete content
it
holds a reference to the element where the event occurred.
... a similar property currenttarget
holds the element that is currently having its event listeners handled.
... there are also a set of drag related events, which occur when the user
holds down a mouse button and drags the mouse around.
...And 3 more matches
browser - Archive of obsolete content
it is similar to an iframe except that it
holds a page history and contains additional methods to manipulate the currently displayed page.
... autocompletepopup type: id the id of a popup element used to
hold autocomplete results for the element.
...it does not have any correlation with the user's browser homepage; instead it is a convenient property to
hold a home page.
...And 3 more matches
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.
... autocompletepopup type: id the id of a popup element used to
hold autocomplete results for the element.
... properties browsers type: nodelist of browser elements
holds a list of the browser elements inside the tabbrowser.
...And 3 more matches
Garbage collection
arenas always
hold objects of the same allocation kind.
... thus, an arena
holds objects all of the same size and finalization behavior.
...(some cells are shared across all compartments in a zone.) an object may not
hold a direct pointer to an object in another compartment.
...And 3 more matches
WebIDL bindings
if you do need to hook up cycle collection, it will look like this in the common case of also inheriting from nsisupports: // add strong pointers your class
holds here.
...this has get prepended to it if any of these conditions
hold: the type of the attribute is nullable.
... the type of the enum class is automatically selected to be the smallest unsigned integer type that can
hold all the values.
...And 3 more matches
ARIA: textbox role - Accessibility
<!-- simple text input field --> <div id="txtboxlabel">enter your five-digit zipcode</div> <div role="textbox" contenteditable="true" aria-place
holder="5-digit zipcode" aria-labelledby="txtboxlabel"></div> <!-- multi-line text area --> <div id="txtboxmultilinelabel">enter the tags for the article</div> <div role="textbox" contenteditable="true" aria-multiline="true" aria-labelledby="txtboxmultilinelabel" aria-required="true"></div> semantic elements are more concise and require no javascript to support textbox features.
... <label for="txtbox">enter your five-digit zipcode</label> <input type="text" place
holder="5-digit zipcode" id="txtbox"/> <!-- multi-line text area --> <label for="txtboxmultiline">enter the tags for the article</label> <textarea id="txtboxmultiline" required></textarea> where a text field is read-only, indicated this by setting aria-readonly="true" on the element.
... aria-place
holder attribute represents a hint (word or phrase) to the user about what to enter into the text field.
...And 3 more matches
Overview of CSS Shapes - CSS: Cascading Style Sheets
the specification defines three new properties: shape-outside — allows definition of basic shapes shape-image-thres
hold — sets an opacity thres
hold value.
... if an image is being used to define the shape, only the parts of the image that are the same opacity or greater than the thres
hold value are used in the shape.
... shape-image-thres
hold the shape-image-thres
hold property is used to set the thres
hold of image transparency used to define the area of the image used for the shape.
...And 3 more matches
Shapes From Images - CSS: Cascading Style Sheets
rather than drawing a path with a complex polygon in css, you can create the shape in a graphics program and then use the path created by the pixels less opaque than a thres
hold value.
...the shape-image-thres
hold property is used to set a thres
hold for this opacity.
... setting a thres
hold the shape-image-thres
hold property enables the creation of shapes from areas which are not fully transparent.
...And 3 more matches
<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, place
holder, 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 the password.
...<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 value must match in order to be valid place
holder an example value to display in the field when the field is empty readonly a boolean attribute which, if present, indicates that the field's contents should not be editable size the number of characters wide the input field should be maxlength the maximum number of characters (as utf-16 code units) the user can enter into the password field.
... place
holder the place
holder attribute is a string that provides a brief hint to the user as to what kind of information is expected in the field.
...And 3 more matches
Progressive loading - Progressive web apps (PWAs)
we should be able to show them at least the basic view of the page they want to see, with place
holders in the places more content will eventually be loaded.
... place
holder 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 place
holder image instead, which is small and lightweight, while the final paths to target images are stored in data-src attributes: <img src='data/img/place
holder.png' data-src='data/img/slug.jpg' alt='name'> those images will be loaded via javascript after the site finishes building the html structure.
...And 3 more matches
Appendix: What you should know about open-source software licenses - Archive of obsolete content
ricted to author unrestricted book print, publish, revise read music record, perform, revise listen movie distribute, screen, revise watch software copy, distribute, modify execute licenses are a use permit in order to use (in the authorial sense) a copyrighted work, the user must either receive a use permit from the copyright
holder, or must be assigned partial rights by the author.
...in order to use it (in the authorial sense), you need permission from the copyright
holder.
... <program name> copyright (c) <year>, <copyright
holder> all rights reserved.
...And 2 more matches
Unconventional controls - Game development
we will need a few helper variables for our code to work — one for the purpose of calculating the degrees from radians, two for
holding the horizontal and vertical amount of degrees our hand is leaning above the controller, one for the thres
hold of that lean, and one for the state of our hand's grab status.
... we next add these lines after all the event listeners for keyboard and mouse, but before the draw method: var todegrees = 1 / (math.pi / 180); var horizontaldegree = 0; var verticaldegree = 0; var degreethres
hold = 30; var grabstrength = 0; right after that we use the leap's loop method to get the information held in the hand variable on every frame: leap.loop({ hand: function(hand) { horizontaldegree = math.round(hand.roll() * todegrees); verticaldegree = math.round(hand.pitch() * todegrees); grabstrength = hand.grabstrength; output.innerhtml = 'leap motion: <br />' + ' roll: ' + horizontaldegree + '° <br />' + ' pitch: ' + verticaldegree + '° <br />' + ' strength: ' + grabstrength + ''; } }); the code above is...
... if(horizontaldegree > degreethres
hold) { playerx -= 5; } else if(horizontaldegree < -degreethres
hold) { playerx += 5; } if(verticaldegree > degreethres
hold) { playery += 5; } else if(verticaldegree < -degreethres
hold) { playery -= 5; } if(grabstrength == 1) { alert('boom!'); } ctx.drawimage(img, playerx, playery); requestanimationframe(draw); } if the horizo...
...And 2 more matches
Third-party APIs - Learn web development
in our example we've just provided a place
holder.
... note: when creating your own examples, you'll use your own api key in place of any place
holder.
... requiring a key enables the api provider to
hold users of the api accountable for their actions.
...And 2 more matches
Setting up your own test automation environment - Learn web development
replace the {username} and {accesskey} place
holders in the code with your actual user name and access key values (and make sure you keep them secure).
...replace the your-user-name and your-access-key place
holders in the code with your actual user name and access key values (and make sure you keep them secure).
...block near the bottom of the code to add rest api calls (again, replace the your-user-name and your-access-key place
holders in the code with your actual user name and access key values): driver.sleep(2000).then(function() { driver.gettitle().then(function(title) { if(title === 'webdriver - google search') { console.log('test passed'); request({uri: "https://your-user-name:your-access-key@www.browserstack.com/automate/sessions/" + sessionid + ".json", method:"put", form:{"status":"passed","reason...
...And 2 more matches
Investigating leaks using DMD heap scan mode
when combined with cycle collector logging, this can be used to investigate leaks of refcounted cycle collected objects, by figuring out what
holds a strong reference to a leaked object.
...for instance, if you think that an nsfoo object might be
holding your leaking object alive, you can use this to easily see if we leaked an nsfoo object.
... figure out what is
holding the leaking object alive.
...And 2 more matches
JS::CompileOptions
description in the most common use case, a compileoptions instance is allocated on the stack, and
holds non-owning references to non-pod option values: strings; principals; objects; and so on.
... in some cases, however, we need to
hold compilation options with a non-stack-like lifetime.
... the usual compileoptions class must be stack-allocated, and
holds non-owning references to the filename, element, and so on.
...And 2 more matches
nsIProcess
overview void init(in nsifile executable); void initwithpid(in unsigned long pid); obsolete since gecko 1.9.2 void kill(); void run(in boolean blocking, [array, size_is(count)] in string args, in unsigned long count); void runasync([array, size_is(count)] in string args, in unsigned long count, [optional] in nsiobserver observer, [optional] in boolean
holdweak); void runw(in boolean blocking, [array, size_is(count)] in wstring args, in unsigned long count); void runwasync([array, size_is(count)] in wstring args, in unsigned long count, [optional] in nsiobserver observer, [optional] in boolean
holdweak); attributes attribute type description exitvalue long the value returned by the process u...
... void runasync( [array, size_is(count)] in string args, in unsigned long count, in nsiobserver observer, optional in boolean
holdweak optional ); parameters args an array of arguments to pass into the process, using the native character set.
...
holdweak optional if true, a weak reference is used to
hold the observer.
...And 2 more matches
nsIXULTemplateQueryProcessor
the reference is always a place
holder for the starting point and the member is always a place
holder for the end points (the results).
...for instance, a datasource that
holds a table that can only produce one set of results.
...as an example, if the reference aref is the variable ?count which
holds the value 5, and the expression aexpr is the string '+2', the value of the variable avar would be 7, assuming the query processor considers the syntax '+2' to mean add two to the reference.
...And 2 more matches
Storage
string("create temp table table_name (column_name integer)")); ns_ensure_success(rv, rv); results to be returned however, if you need to get results back, you should create the statement with the mozistorageconnection.createstatement() api like this in javascript: var statement = dbconn.createstatement("select * from table_name where column_name = :parameter"); this example uses a named place
holder called "parameter" to be bound later (described in binding parameters).
... similarly, the c++ looks like this: nscomptr<mozistoragestatement> statement; rv = dbconn->createstatement(ns_literal_cstring("select * from table_name where column_name = ?1"), getter_addrefs(statement)); ns_ensure_success(rv, rv); this example uses the numbered place
holder indexed by zero for a parameter to be bound later (described in binding parameters).
...a given place
holder can appear multiple times in the same statement, and all instances of it will be replaced with the bound value.
...And 2 more matches
CustomElementRegistry.whenDefined() - Web APIs
the menu displays place
holder content until the actual menu content is ready to display.
... <nav id="menu-container"> <div class="menu-place
holder">loading...</div> <nav-menu> <menu-item>item 1</menu-item> <menu-item>item 2</menu-item> ...
... <menu-item>item n</menu-item> </nav-menu> </nav> const container = document.getelementbyid('menu-container'); const place
holder = container.queryselector('.menu-place
holder'); // fetch all the children of menu that are not yet defined.
...And 2 more matches
KeyboardEvent.key - Web APIs
try experimenting using the following two test cases: press and
hold the shift key, then press 2 and release it.
... press and
hold the shift key, then press and
hold 2.
...as we keep
holding this key, the keydown event does not continue to fire repeatedly because it does not produce a character key.
...And 2 more matches
Web Locks API - Web APIs
the web locks api allows scripts running in one tab or worker to asynchronously acquire a lock,
hold it while work is performed, then release it.
... work is done while
holding the lock in an asynchronous task.
...there can be only one "exclusive"
holder of a lock, but multiple "shared" requests can be granted at the same time.
...And 2 more matches
Using templates and slots - Web Components
slots are identified by their name attribute, and allow you to define place
holders in your template that can be filled with any markup fragment you want when the element is used in the markup.
...a way that, when used in documents, it is rendered from composing the element’s content together with content from its shadow root—that is, pieces of the element’s content are used to fill in named slots in its shadow root note that it is technically possible to use <slot> element without a <template> element, e.g., within say a regular <div> element, and still take advantage of the place-
holder features of <slot> for shadow dom content, and doing so may indeed avoid the small trouble of needing to first access the template element's content property (and clone it).
...t-details-template') .content; const shadowroot = this.attachshadow({mode: 'open'}) .appendchild(template.clonenode(true)); } } ); using the <element-details> custom element with named slots now let’s take that <element-details> element and actually use it in our document: <element-details> <span slot="element-name">slot</span> <span slot="description">a place
holder inside a web component that users can fill with their own markup, with the effect of composing different dom trees together.</span> <dl slot="attributes"> <dt>name</dt> <dd>the name of the slot.</dd> </dl> </element-details> <element-details> <span slot="element-name">template</span> <span slot="description">a mechanism for
holding client- side content that is n...
...And 2 more matches
The Essentials of an Extension - Archive of obsolete content
the content is the most important section,
holding user interface (xul) and script (js) files.
...finally, the locale section
holds all text used in the extension, in dtd and properties files.
...the first line in the body of the function declares a variable that will
hold the stringbundle element defined in the overlay.
...there isn't much styling you can do to a minimal menu and a very simple alert message, so the hello world extension only includes an empty css file and the compulsory global skin file: <?xml-stylesheet type="text/css" href="chrome://global/skin/" ?> <?xml-stylesheet type="text/css" href="chrome://xulschoolhello/skin/browseroverlay.css" ?> the global skin css file
holds the default styles for all xul elements and windows.
MMgc - Archive of obsolete content
sometimes, it is desirable to
hold a pointer to a gcobject, but to let the object be destroyed if there are no other references.
...gcroot must be subclassed by any unmanaged memory class that
holds gc pointers.
...finalizers may not perform any of the following actions: fire any write barriers dereference a pointer to any gc object, including member variables (except see below about rcobject references) allocate any gc memory (gc::alloc), explicitly free gc memory (gc::free) change the set of gc roots (create a gcroot object or derivative) cause itself to become reachable if a finalized object
holds a reference to an rcobject, it may safely call decrementref on the rcobject.
... free is the amount of memory gcheap is
holding onto that isn't in use by the mutator.
In-Depth - Archive of obsolete content
then it contains a xul:hbox with the class .toolbar-
holder.
... this .toolbar-
holder class is also defined in the toolbarbindings.xml.
...put these 3 together and you get: #navigation-toolbar > .toolbar-
holder > .toolbar-primary-icon inside this section of the css is where you add an image.
...when it's all done you should have something that looks like this: #navigation-toolbar > .toolbar-
holder > .toolbar-primary-icon { background-image: url("chrome://navigator/skin/icons/dino.png"); } put the image in that directory, fire up mozilla, and take a look at your creation.
Drag and Drop JavaScript Wrapper - Archive of obsolete content
we create a transferdata object which can be used to
hold all the data to be dragged.
...the flavourset object can be used to
hold a list of flavours.
...its second argument is the transfer data object that
holds the data being dragged.
...the transfer object has two properties, data which
holds the data and flavour which
holds the flavour of the data.
Element Positioning - Archive of obsolete content
an element will generally be as large as it needs to be to
hold its contents, and no larger.
...a box will be large enough to
hold the elements inside the box.
... in the image, the first two buttons have been given a suitable size to
hold their text.
...the height of the buttons is a suitable size to
hold the text.
Keyboard Shortcuts - Archive of obsolete content
this element is designed for
holding a set of key elements, which serves to group all of the key definitions in one place in a file.
... the key event object has two properties which
hold the key that was pressed.
... the keycode property
holds the key code and may be compared to one of the constants from the key table earlier in this section.
... the charcode is used for printable characters and will
hold the numeric unicode character code value for the key that was pressed.
The Implementation of the Application Object Model - Archive of obsolete content
nglayout has its own objects for
holding content trees.
...in the absence of any modifications to xul, etc., this is what would be used by default to
hold the tree for a remote xul file.
...in order to achieve aggregation of data, a content node implementation cannot make any assumptions about what kind of children it
holds.
...if there is a common intermediate representation of the data in question, then we need only implement n translators, one for each content model representation that can
hold our aggregate data.
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.
...the user can select multiple rows by
holding down shift or control and clicking on a row.
...this is used to
hold which tree items are open and which items are collapsed.
... inputfield type: textbox element read-only property that
holds the textbox that is used for editing.
NPAPI plugin reference - Archive of obsolete content
npclass npclass is a structure that
holds a set of pointers to functions that make up the behavior of an instance of an npclass (i.e.
... npobject npobject is a structure that
holds a pointer to an npclass and an integer reference count, and possibly also implementation specific (i.e.
... npstring npstring is a struct that
holds a pointer to a sequence of 8-bit units (nputf8) making up a utf-8 string, and the number of 8-bit units in the utf-8 string.
... npvariant npvariant is a struct that
holds a value and the type of that value.
WAI-ARIA basics - Learn web development
<input type="search" name="q" place
holder="search query" aria-label="search through site content"> now if we use voiceover to look at this example, we get some improvements: the search form is called out as a separate item, both when browsing through the page, and in the landmarks menu.
...this is often presented as a tooltip, or place
holder inside the form field perhaps.
... wai-aria does include aria-valuemin and aria-valuemax properties to specify min and max values, but these currently don't seem very well supported; a better supported feature is the html5 place
holder attribute, which can contain a message that is shown in the input when no value is entered, and is read out by a number of screenreaders.
... update your number input like this: <input type="number" name="age" id="age" place
holder="enter 1 to 150" aria-required="true"> note: you can see the finished example live at form-validation-updated.html.
OS.File.Info
a regular file } }, function onfailure(reason) { if (reason instanceof os.file.error && reason.becausenosuchfile) { // |somepath| does not represent anything } else { // some other error } } ) example: determining the owner of a file let promise = os.file.stat() promise.then( function onsuccess(info) { if ("unixowner" in info) { // info.unixowner
holds the owner of the file } else { // information is not available on this platform } } ); evolution of this example bug 802534 will introduce the ability to check whether field unixowner appears in os.file.info.prototype, which will make it possible to write faster code.
... platform-specific attributes unix unixowner a number
holding the identifier of the unix owner of this file.
... unixgroup a number
holding the identifier of the unix group of this file.
... unixmode a number
holding the unix access rights to this file.
OS.File for the main thread
promise resolves to an array
holding bytes bytes (or less if the file did not contain as many bytes).
... promise resolves to an instance of file.info
holding information about a file.
... data an arraybufferview
holding the data to write.
... promise<file.info> stat() promise resolves to an instance of file.info
holding information about the file.
Index
this line is a place
holder for future sections that should explain how libpkix works and is designed.
... this line is a place
holder for how to prepare a database, how to dump a cert, and how to convert data.
... reasoncode non-critical code where: reasoncode: identifies the name of an extension non-critical: should be set to 0 since this is non-critical extension code: the following codes are available: unspecified (0), keycompromise (1), cacompromise (2), affiliationchanged (3), superseded (4), cessationofoperation (5), certificate
hold (6), removefromcrl (8), privilegewithdrawn (9), aacompromise (10) * add invalidity date extension: the invalidity date is a non-critical crl entry extension that provides the date on which it is known or suspected that the private key was compromised or that the certificate otherwise became invalid.
...the purpose of %temp% is to
hold executable files (such as setup programs) or files that are used by these programs.
Bytecode Descriptions
array literals newarray operands: (uint32_t length) stack: ⇒ array create and push a new array object with the given length, preallocating enough memory to
hold that many elements.
...the following inequalities must
hold: low <= high and firstresumeindex + high - low < resumeoffsets().size().
...intrinsics are slots in the intrinsics
holder object (see globalobject::getintrinsics
holder), which is used in lieu of global bindings in self-hosting code.
...the value is actually stored in the intrinsics
holder object, globalobject::getintrinsics
holder.
Bytecodes
the space for a single javascript value is called a "slot", so the categories are: argument slots:
holds the actual arguments passed to the current frame.
... local slots:
holds the local variables used by the current code.
... expression slots:
holds the temporary space that you need to calculate expressions on a stack.
... there are also some slots reserved for dedicated functionality,
holding values like this and the callee / return value.
Invariants
shape invariants the shape guarantees
hold whenever the property cache is enabled.
... locks "are we
holding the runtime-wide gc lock?" is a static yes or no for almost every line of code.
... a thread that
holds the gc lock never does anything that blocks.
...as implemented for native objects, the locking is not really that fine-grained, but that is a transparent optimization as long as we follow the rules.) a thread
holding a property lock never leaves or suspends the current request.
JSPrincipals
use js_
holdprincipals and js_dropprincipals.
...use the js_
holdprincipals to increment refcount, and use js_dropprincipals to decrement refcount.
...use the jsprincipals_
hold macro to increment refcount, and use jsprincipals_drop to decrement refcount.
... see also mxr id search for jsprincipals js_newglobalobject js_
holdprincipals js_dropprincipals bug 715417 - removed getprincipalarray and globalprivilegesenabled bug 728250 - added dump method, removed codebase, destroy, and subsume properties bug 884676 - changed refcount type to mozilla::atomic ...
Shell global objects
elementattributename if present and not undefined, the name of property of element that
holds this code.
... elementattributename if present and not undefined, the name of property of element that
holds this code.
...the name is one of: maxbytes maxmallocbytes gcbytes gcnumber mode unusedchunks totalchunks slicetimebudget markstacklimit highfrequencytimelimit highfrequencylowlimit highfrequencyhighlimit highfrequencyheapgrowthmax highfrequencyheapgrowthmin lowfrequencyheapgrowth dynamicheapgrowth dynamicmarkslice allocationthres
hold minemptychunkcount maxemptychunkcount compactingenabled refreshframeslicesenabled relazifyfunctions(...) perform a gc and allow relazification of functions.
... assertjitstackinvariants() iterates the jit stack and check that stack invariants
hold.
Web Replay
if this difference can affect the recording, the weak pointer must be instrumented so that during replay it
holds onto its target for the same duration it was held while recording.
... as with the devtools js code, this debugger lives in the middleman process, and instead of wrapping things from another compartment the debug objects
hold heap structures with information about some thing in the child process.
... there is an exception to this, for scripts and script source objects; debug objects for these will continue to
hold the same referent after resuming or rewinding the replaying process.
... failed operations currently just produce a place
holder "incomplete" result.
Mozilla internal string guide
ns_lossyconvertutf16toascii(nsastring) - a nsautocstring which
holds a temporary buffer containing the latin1 value of the string.
...(use mozilla::encoding to deal with response bodies.) ns_convertasciitoutf16(nsacstring) - a nsautostring which
holds a temporary buffer containing the value of the latin1 to utf-16 conversion.
...the nssubstringtuple object
holds pointers to the original strings.
... nsautostring mlocalname; }; raw character pointers promiseflatstring() and promiseflatcstring() can be used to create a temporary buffer which
holds a null-terminated buffer containing the same value as the source string.
Index
323 nsialertsservice interfaces, interfaces:scriptable, xpcom, xpcom api reference, xpcom interface reference by default a message is displayed in a small window that slides up from the bottom of the screen,
holds there for a few seconds, then slides down.
...this implementation is a place
holder until the specification is complete, and is compatible with the webkit progressevent.
... 842 nsiprofileunlocker interfaces, interfaces:scriptable, profiles, xpcom interface reference tries to unlock the profile by attempting or forcing the process that currently
holds the lock to quit.
... 1177 nsastring (external) class declaration 1178 nsastring_internal class declaration 1179 nsadoptingcstring class declaration 1180 nsadoptingstring class declaration 1181 nsautoref nsautoref<t> is a template class implementing an object that
holds a handle to a resource that must be released, typically on destruction of the object.</t> 1182 nsautoreftraits nsautoreftraits<t> is a template class describing traits of resources held by objects of class nsautoref<t> and/or nscountedref<t>.</t> 1183 nsautostring class declaration 1184 nsautostring (external) needscontent, reference, r�...
RefPtr
the rules are simple: use nscomptr to
hold pointers to xpcom interfaces, and use refptr to
hold pointers to concrete class, even if the concrete class implements one or more xpcom interfaces.
... so for xpcom interfaces: nscomptr<nsisupports> a; nscomptr<nsifoo> foo; and for concrete classes: refptr<nsfoo> foo; // class that implements nsifoo; refptr<bar> bar; // some random class that i want ref-counted but has nothing to do with xpcom: // just implement addref() and release() and it will work with refptr it is important that nscomptr is not used to
hold a pointer to a concrete class since this can cause compile time errors or runtime errors.
... while refptr should not generally be used to
hold a pointer to an xpcom interface, this is flexible.
...it's unclear to me when the compiler will reject an attempt to use nscomptr to
hold a concrete class pointer and when it will not (will it only rejecte it if a qi is involved in the construction or or assignment to the nscomptr (common in implementation details of nscomptr) but not when an instance of the concrete class is assigned directly?).
Getting Started Guide
that is, the interface keeps a count of the number of clients
holding references to it.
...the caller can then
hold onto the reference indefinitely, calling release when it no longer needs it.
...it
holds a stake in the underlying object.
...all good getters addref the interface pointers they produce, thus providing you with an owning reference; you will
hold onto the reference longer than the scope of the function in which you acquired it, e.g., you got it as a parameter, but you're hanging onto it in a member variable (see, for example, comparison 1, below).
Document.requestStorageAccess() - Web APIs
assuming all of the requirements above are satisfied, firefox will automatically grant storage access to the requesting origin on up to a thres
hold number of first-party origins in the current session for the duration of user’s session, up to a maximum of 24 hours.
...the thres
hold is enforced on the level of etld+1, so for example two storage access grants for foo.example.com and bar.example.com will only count as a single exception against the limit.
... debugging the storage access grant thres
hold may make it more difficult to test your website under the condition where firefox prompts the user for access.
... dom.storage_access.max_concurrent_auto_grants controls the thres
hold number of storage access grants at which users will begin to receive prompts.
Drag Operations - Web APIs
to see this in effect, select an area of a webpage, and then click and
hold the mouse and drag the selection.
...instead, the user must
hold down the alt key to select text with the mouse, or use the keyboard.
...(the default image and drag effects are suitable in most situations.) drag data all drag events have a property called datatransfer which
holds the drag data (datatransfer is a datatransfer object).
... as with all drag-related events, the event's datatransfer property will
hold the data that is being dragged.
RTCDataChannel: bufferedamountlow event - Web APIs
a bufferedamountlow event is sent to an rtcdatachannel when the number of bytes currently in the outbound data transfer buffer falls below the thres
hold specified in bufferedamountlowthres
hold.
... bufferedamountlow events aren't sent if bufferedamountlowthres
hold is 0.
... bubbles no cancelable no interface event event handler property onbufferedamountlow examples this example sets up a handler for bufferedamountlow to request more data any time the data channel's buffer falls below the number of bytes specified by bufferedamountlowthres
hold, which we have set to 65536.
... let pc = new rtcpeerconnection(); let dc = pc.createdatachannel("sendfile"); let source = /* source data object */ dc.bufferedamountlowthres
hold = 65536; pc.addeventlistener("bufferedamountlow", ev => { if (source.position <= source.length) { dc.send(source.readfile(65536)); } }, false); after creating the rtcpeerconnection, this calls rtcpeerconnection.createdatachannel() to create the data channel.
Multi-touch interaction - Web APIs
note that the thres
hold for pinch and zoom movement detection is application specific (and device dependent).
...].identifier) point1 = i; if (tpcache[i].identifier == ev.targettouches[1].identifier) point2 = i; } if (point1 >=0 && point2 >= 0) { // calculate the difference between the start and move coordinates var diff1 = math.abs(tpcache[point1].clientx - ev.targettouches[0].clientx); var diff2 = math.abs(tpcache[point2].clientx - ev.targettouches[1].clientx); // this thres
hold is device dependent as well as application specific var pinch_thresh
hold = ev.target.clientwidth / 10; if (diff1 >= pinch_thresh
hold && diff2 >= pinch_thresh
hold) ev.target.style.background = "green"; } else { // empty tpcache tpcache = new array(); } } } touch start handler the touchstart event handler caches touch points to support 2-touch gestures.
... <div id="target1"> tap,
hold or swipe me 1</div> <div id="target2"> tap,
hold or swipe me 2</div> <div id="target3"> tap,
hold or swipe me 3</div> <div id="target4"> tap,
hold or swipe me 4</div> <!-- ui for logging/bebugging --> <button id="log" onclick="enablelog(event);">start/stop event logging</button> <button id="clearlog" onclick="clearlog(event);">clear the log</button> <p></p> <output></output> miscellaneous func...
... function update_background(ev) { // change background color based on the number simultaneous touches // in the event's targettouches list: // yellow - one tap (or
hold) // pink - two taps // lightblue - more than two taps switch (ev.targettouches.length) { case 1: // single tap` ev.target.style.background = "yellow"; break; case 2: // two simultaneous touches ev.target.style.background = "pink"; break; default: // more than two simultaneous touches ev.target.style.background = "lightblue"; } } event log...
position - CSS: Cascading Style Sheets
it's treated as relatively positioned until its containing block crosses a specified thres
hold (such as setting top to value other than auto) within its flow root (or the container it scrolls within), at which point it is treated as "stuck" until meeting the opposite edge of its containing block.
...a stickily positioned element is treated as relatively positioned until it crosses a specified thres
hold, at which point it is treated as fixed until it reaches the boundary of its parent.
...beyond that thres
hold, the element would be fixed to 10 pixels from the top.
... you must specify a thres
hold with at least one of top, right, bottom, or left for sticky positioning to behave as expected.
XPCOM Objects - Archive of obsolete content
the second one will
hold the length of the return array, and the third parameter will
hold the array itself.
... here's one way to invoke this method: let childarrayobj = new object(); let childarray; this._prefservice.getchildlist("", {}, childarrayobj); // .value
holds the actual array.
... void addobserver(in string adomain, in nsiobserver aobserver, in boolean a
holdweak); luckily, you don't have to do anything special if you want to register your js object as a preference observer.
Security best practices in extensions - Archive of obsolete content
regardless of where the document comes from, you can further restrict what it can do by applying properties to the document
holder, known as the docshell.
... the sidebar: a use case the sidebar in firefox is designed to
hold both chrome (privileged) content and web (nonprivileged) content, the latter being in the form of web pages.
...this is the same store that
holds the logins from web pages, and passwords can only be retrieved using a site/username pairing known to the author.
Drag and Drop - Archive of obsolete content
a user can start dragging by
holding down the mouse button and moving the mouse.
... ondraggesture called when the user starts dragging the element, which normally happens when the user
holds down the mouse button and moves the mouse.
...the first argument should be an nsitransferable object to
hold the data.
Tamarin build documentation - Archive of obsolete content
preparing your eclipse workspace and perspective open the c/c++ perspective open the 'c/c++ projects' view (window >> show view >> c/c++ projects) add view filter 'non-c elements' (in the top-right of the 'c/c++ projects' view, click the down-arrow, click 'filters...', check 'non-c elements') increase the thres
hold for 'editor scalability mode' to 20000 lines.
... as some tamarin source files have more than the eclipse standard thres
hold of 5000, they do not appear as indexed.
... the thres
hold can be adjusted in eclipse preferences >> c/c++ >> editor >> scalability.
Tuning Pageload - Archive of obsolete content
content.switch.thres
hold determines how often we switch content sink modes.
...every content.switch.thres
hold microseconds, we decide whether we should be in mode a or mode b.
... the decision is based on whether there were any user events on the relevant widget in the last content.switch.thres
hold microseconds.
Introduction - Archive of obsolete content
when multiple datasources are used, an nsirdfcompositedatasource is created to
hold all of the datasources.
...for instance, you might use the built-in bookmarks datasource which
holds the user's browser bookmarks and use your own datasource to add custom data about those bookmarks.
...the local store is a datasource which is usually used to
hold state information such as window sizes, which columns in a tree are showing, and which tree items are open.
textbox (Toolkit autocomplete) - Archive of obsolete content
autocompletepopup type: id the id of a popup element used to
hold autocomplete results for the element.
...this read only property
holds a reference to this inner input element.
... textlength type: integer
holds the length of the text entered in the textbox.
Box Objects - Archive of obsolete content
« previousnext » this section describes the box object, which
holds display and layout related information about a xul box as well as some details about xul layout.
...the layout tree
holds a different tree of nodes for each individual component that can be displayed.
... the layout tree
holds the structure as the nodes are expected to be displayed there is not necessarily a one to one relationship between content and layout nodes.
Broadcasters and Observers - Archive of obsolete content
they work the same as commands except that a command is used for actions, while a broadcaster is instead used for
holding state information.
...a broadcaster would be used to
hold, for instance, a flag to indicate whether the user was online or not.
...like other non-displayed elements, the broadcasterset element serves as a place
holder for broadcasters.
Document Object Model - Archive of obsolete content
to do this, we can do the following: alert(window.opener.gettext()); each window has an opener property which
holds the window object that opened this one.
...some common properties are listed below: firstchild reference to the first child node of an element lastchild reference to the last child node of an element childnodes
holds a list of the children of an element parentnode reference to the parent of an node nextsibling reference to the next sibling in sequence previoussibling reference to the previous sibling in sequence these properties allow you to navigate through a document is various ways.
... the following example shows how to iterate over the children of the root node: var childnodes = document.documentelement.childnodes; for (var i = 0; i < childnodes.length; i++) { var child = childnodes[i]; // do something with child } the childnodes variable will
hold the children of the document root element.
Tree View Details - Archive of obsolete content
first we'll define two structures to
hold the data for the tree, the first will
hold a map between parents and the children they contain, and the second will
hold an array of the visible items.
... var treeview = { childdata : { solids: ["silver", "gold", "lead"], liquids: ["mercury"], gases: ["helium", "nitrogen"] }, visibledata : [ ["solids", true, false], ["liquids", true, false], ["gases", true, false] ], }; the childdata structure
holds an array of the children for each of the three parent nodes.
...since the third element in the item array (with an index of 2)
holds whether the row is open or not, we use two code paths, the first to close a row and the second to open a row.
Trees - Archive of obsolete content
treecols this element is a place
holder for a set of treecol elements.
...the user can select multiple items by
holding down the shift or control keys and clicking additional rows.
...in a real implementation, the rows would be added by a script as the search was performed, or a custom view would be created to
hold the data.
XBL Example - Archive of obsolete content
because we want page flipping, a deck element would be the most suitable to
hold the page content.
... page property next, a property that
holds the current page will be added.
... when getting this custom property, it will need to retrieve the value of the selectedindex attribute of the deck, which
holds the number of the currently displayed page.
Using the Editor from XUL - Archive of obsolete content
the nseditorboxobject creates an nseditorshell, and
holds the owning reference to it.
... nsautoplace
holderbatch is a utility class that wraps text insertion with calls to turn off selection and layout updating (to avoid flicker), and the maintenance of a place
holder transaction.
... this place
holder transaction enables us to batch typing events together, so that an undo undoes the whole series of keystrokes.
menupopup - Archive of obsolete content
anchornode type: nsidomelement this read-only property
holds the dom node that was specified as the anchor when opening the popup.
... popupboxobject type: nsipopupboxobject this read-only property
holds the nsipopupboxobject that implements the popup.
... triggernode type: nsidomnode this read-only property
holds the dom node that generated the event triggering the opening of the popup.
radiogroup - Archive of obsolete content
focuseditem type: radio element
holds the currently focused item in the radiogroup, which may or may not be the same as the selected item.
... itemcount type: integer read only property
holding the number of child items.
...returns -1 if no items are selected selecteditem type: element
holds the currently selected item.
NPVariant - Archive of obsolete content
« gecko plugin api reference « scripting plugins summary npvariant is a struct that
holds a value and the type of that value.
... stringz_to_npvariant() initialize v to a variant of type npvarianttype_string with the value being an npstring
holding the utf-8 string value val.
... stringn_to_npvariant() initialize v to a variant of type npvarianttype_string with the value being an npstring
holding the utf-8 string value val with the length len.
Desktop mouse and keyboard controls - Game development
to do that we'll
hold the information on whether the keys we are interested in are pressed or not: var rightpressed = false; var leftpressed = false; var uppressed = false; var downpressed = false; then we will listen for the keydown and keyup events and act accordingly in both handler functions.
...then the pressed key variables are checked and the playerx and playery variables (that we define earlier just after leftpressed and the others)
holding the position of the ship are adjusted by a given amount, let's say 5 pixels.
...g the how to play screen where the various ways to control the ship in the game are shown, instead of showing them all to everyone, we can detect whether the game is launched on desktop or mobile and just show the appropriate controls for the device: if(this.game.device.desktop) { movetext = 'arrow keys or wasd to move'; shoottext = 'x or space to shoot'; } else { movetext = 'tap and
hold to move'; shoottext = 'tap to shoot'; } if the game is running on desktop the cursor and w a s d keys message will be shown — if not, then the mobile touch controls message will be.
2D maze game with device orientation - Game development
the create function
holds some basic configuration: we're setting up the scaling and alignment of the canvas, and moving on to the preload state when everything's ready.
... to
hold the block information we'll use a level data array: for each block we'll store the top and left absolute positions in pixels (x and y) and the type of the block — horizontal or vertical (t with the 'w' value meaning width and 'h' meaning height).
...]; every array element
holds a collection of blocks with an x and y position and t value for each.
Mobile accessibility - Learn web development
you can also "explore by touch" —
hold your finger down on the screen and drag it around, and your device will read out the different apps/items you move across.
...
hold your finger down on the virtual keyboard until you get the character you want, and then release your finger to type it.
... for each character,
hold your finger down on the virtual keyboard until you get the character you want, and then release your finger to select it.
A first splash into JavaScript - Learn web development
functions next, add the following below your previous javascript: function checkguess() { alert('i am a place
holder'); } functions are reusable blocks of code that you can write once and run again and again, saving the need to keep repeating code all the time.
...then go into the developer tools javascript console, and enter the following line: checkguess(); after pressing return/enter, you should see an alert come up that says "i am a place
holder"; we have defined a function in our code that creates an alert whenever we call it.
...me?) 5 !== 2 + 4 // true 'chris' !== 'bob' // true 5 !== 2 + 3 // false 2 !== '2' // true; number versus string < less than 6 < 10 // true 20 < 10 // false > greater than 6 > 10 // false 20 > 10 // true conditionals returning to our checkguess() function, i think it's safe to say that we don't want it to just spit out a place
holder message.
Ember app structure and componentization - Learn web development
to start with, delete the contents of application.hbs and replace them with the following: <section class="todoapp"> <h1>todos</h1> <input class="new-todo" aria-label="what needs to be done?" place
holder="what needs to be done?" autofocus > </section> note: aria-label provides a label for assistive technology to make use of — for example, for a screenreader to read out.
...update the application.hbs file again so its content looks like this: <section class="todoapp"> <h1>todos</h1> <input class="new-todo" aria-label="what needs to be done?" place
holder="what needs to be done?" autofocus > <section class="main"> <input id="mark-all-complete" class="toggle-all" type="checkbox"> <label for="mark-all-complete">mark all as complete</label> <ul class="todo-list"> <li> <div class="view"> <input aria-label="toggle the completion of this todo" class="toggle" type="checkb...
... the header.hbs file should be updated to contain the following: <input class="new-todo" aria-label="what needs to be done?" place
holder="what needs to be done?" autofocus > todo-list.hbs should be updated to contain this chunk of code: <section class="main"> <input id="mark-all-complete" class="toggle-all" type="checkbox"> <label for="mark-all-complete">mark all as complete</label> <ul class="todo-list"> <todo /> <todo /> </ul> </section> note: the only non-html in this new todo-list.hbs is the...
IME handling guide
however, if the last composition string is only an ideographic space (fullwidth space), the composition string may be a place
holder of some old chinese ime on windows.
... in this case, although, we should not commit the place
holder character because it's not a character which the user wanted to input but we commit it as is.
...if the user uses such old chinese ime, "intl.ime.remove_place
holder_character_at_commit" pref may be useful but we don't support them anymore in default settings (except if somebody will find a good way to fix this issue).
Mozilla Style System
computed style (front end) the interface that the front end exposes to the rest of mozilla consists of a single nsstyleset object and many nsstylecontext objects, each of which
holds the computed style for an element, pseudo-element, or text node.
... style structs the style structs are a set of structs, each of which
holds computed values a group of properties.
... they all have names beginning with nsstyle*, and they should not be confused with the css structs (nscss*), which
hold specified values.
NSPR Error Handling
pr_proc_desc_table_full_error the process' table for
holding open file descriptors is full.
... pr_sys_desc_table_full_error the system's table for
holding open file descriptors has been exceeded.
... pr_max_error place
holder for the end of the list.
PR_EnterMonitor
if the monitor's entry count is greater than zero and the calling thread is recognized as the
holder of the lock, pr_entermonitor increments the entry count by one and returns.
... if the entry count is greater than zero and the calling thread is not recognized as the
holder of the lock, the thread is blocked until the entry count reaches zero.
... when the entry count reaches zero (or if it is already zero), the entry count is incremented by one and the calling thread is recorded as the lock's
holder.
SpiderMonkey Internals
it is used to
hold js objects and string descriptors (jsstring), but not string bytes.
...an example, from perfect.js: function perfect(n) { print("the perfect numbers up to " + n + " are:"); // we build sumofdivisors[i] to
hold a string expression for // the sum of the divisors of i, excluding i itself.
... jsutil.cpp, jsutil.h the js_assert macro is used throughout the source as a proof device to make invariants and preconditions clear to the reader, and to
hold the line during maintenance and evolution against regressions or violations of assumptions that it would be too expensive to test unconditionally at run-time.
JS::Compile
syntax // added in spidermonkey 45 bool js::compile(jscontext *cx, const js::readonlycompileoptions &options, js::sourcebuffer
holder &srcbuf, js::mutablehandlescript script); bool js::compile(jscontext *cx, const js::readonlycompileoptions &options, const char *bytes, size_t length, js::mutablehandlescript script); bool js::compile(jscontext *cx, const js::readonlycompileoptions &options, const char16_t *chars, size_t length, js::mutablehandlescript script); bool js::compile(jscontext *cx, const js::readonlycompileoptions &options, file *file, js::mutablehandlescript script); bool js::compile(...
...jscontext *cx, const js::readonlycompileoptions &options, const char *filename, js::mutablehandlescript script); // obsolete since jsapi 39 bool js::compile(jscontext *cx, js::handleobject obj, const js::readonlycompileoptions &options, js::sourcebuffer
holder &srcbuf, js::mutablehandlescript script); bool js::compile(jscontext *cx, js::handleobject obj, const js::readonlycompileoptions &options, const char *bytes, size_t length, js::mutablehandlescript script); bool js::compile(jscontext *cx, js::handleobject obj, const js::readonlycompileoptions &options, const char16_t *chars, size_t length, js::mutablehandlescript script); bool js::compile(jscontext *cx, js::handleobject obj, con...
... srcbuf js::sourcebuffer
holder & source buffer containing the script to compile.
JS::Evaluate
syntax // added in spidermonkey 45 bool js::evaluate(jscontext *cx, const js::readonlycompileoptions &options, js::sourcebuffer
holder &srcbuf, js::mutablehandlevalue rval); bool js::evaluate(jscontext *cx, const js::readonlycompileoptions &options, const char16_t *chars, size_t length, js::mutablehandlevalue rval); bool js::evaluate(jscontext *cx, const js::readonlycompileoptions &options, const char *bytes, size_t length, js::mutablehandlevalue rval); bool js::evaluate(jscontext *cx, const js::readonlycompileoptions &options, const char *filename, js::mutablehandlevalue rval); ...
...bool js::evaluate(jscontext *cx, js::autoobjectvector &scopechain, const readonlycompileoptions &options, const char16_t *chars, size_t length, js::mutablehandlevalue rval); // added in spidermonkey 17 bool js::evaluate(jscontext *cx, js::autoobjectvector &scopechain, const js::readonlycompileoptions &options, js::sourcebuffer
holder &srcbuf, js::mutablehandlevalue rval); // obsolete since jsapi 39 bool js::evaluate(jscontext *cx, js::handleobject obj, const js::readonlycompileoptions &options, js::sourcebuffer
holder &srcbuf, js::mutablehandlevalue rval); bool js::evaluate(jscontext *cx, js::handleobject obj, const js::readonlycompileoptions &options, const char16_t *chars, size_t length...
... srcbuf js::sourcebuffer
holder & source buffer containing the script to compile and execute.
Creating the Component Code
once enabled, this "weblock" mode is password protected and persists until it is turned off by the password
holder.
...distribution of substantively modified versions of this document is prohibited without the explicit permission of the copyright
holder.
... distribution of the work or derivative of the work in any standard (paper) book form is prohibited unless prior permission is obtained from the copyright
holder.
Finishing the Component
creating this many objects is ok in a tight loop if the buffer of memory that
holds the contents of the urls is guaranteed to be valid for the lifetime of the object.
...distribution of substantively modified versions of this document is prohibited without the explicit permission of the copyright
holder.
... distribution of the work or derivative of the work in any standard (paper) book form is prohibited unless prior permission is obtained from the copyright
holder.
Packaging WebLock
the archive, its subdirectory structure, and its contents should look like this: weblock.xpi archive viewed in winzip note that the top level of the archive
holds the install.js installation file, an rdf manifest for the package as a whole, and the component files (weblock.xpt and weblock4.dll).
...distribution of substantively modified versions of this document is prohibited without the explicit permission of the copyright
holder.
... distribution of the work or derivative of the work in any standard (paper) book form is prohibited unless prior permission is obtained from the copyright
holder.
Setting up the Gecko SDK
this finalizes the project settings and gives you a project that will
hold and compile xpcom components.
...distribution of substantively modified versions of this document is prohibited without the explicit permission of the copyright
holder.
... distribution of the work or derivative of the work in any standard (paper) book form is prohibited unless prior permission is obtained from the copyright
holder.
Starting WebLock
assuming there weren't any unexpected errors, the variable catman
holds the nsicategorymanager interface pointer, which you can use to add the component as a startup observer by calling a method on the nsicategorymanager.
...distribution of substantively modified versions of this document is prohibited without the explicit permission of the copyright
holder.
... distribution of the work or derivative of the work in any standard (paper) book form is prohibited unless prior permission is obtained from the copyright
holder.
nsICookieAcceptDialog
extensions/cookie/nsicookieacceptdialog.idlscriptable this interface
holds some constants for the cookie accept dialog.
... hostname 2 value for
holding the hostname object.
... cookiesfromhost 3 value for
holding the cookie from the host.
nsICookiePromptService
last changed in gecko 1.9 (firefox 3) inherits from: nsisupports method overview long cookiedialog(in nsidomwindow parent, in nsicookie cookie, in acstring hostname, in long cookiesfromhost, in boolean changingcookie, out boolean rememberdecision); constants constant value description deny_cookie 0
holds the value for a denying the cookie.
... accept_cookie 1
holds the value for accepting the cookie.
... accept_session_cookie 2
holds the value for accepting the session cookie.
nsIProcess2
to create an instance, use: var process2 = components.classes["@mozilla.org/process/util;1"] .createinstance(components.interfaces.nsiprocess2); method overview void runasync([array, size_is(count)] in string args, in unsigned long count, [optional] in nsiobserver observer, [optional] in boolean
holdweak); methods runasync() asynchronously runs the process with which the object was initialized, optionally calling an observer when the process finishes running.
... void runasync( [array, size_is(count)] in string args, in unsigned long count, in nsiobserver observer, optional in boolean
holdweak optional ); parameters args an array of arguments to pass into the process, using the native character set.
...
holdweak optional if true, a weak reference is used to
hold the observer.
nsIProfileUnlocker
1.0 66 introduced gecko 1.8 inherits from: nsisupports last changed in gecko 1.8 (firefox 1.5 / thunderbird 1.5 / seamonkey 1.0) method overview void unlock(in unsigned long aseverity); constants constant value description attempt_quit 0 politely ask the process currently
holding the profile's lock to quit.
... force_quit 1 forcibly terminate the process
holding the profile lock.
... methods unlock() tries to unlock the profile by attempting or forcing the process that currently
holds the lock to quit.
Using the Multiple Accounts API
it
holds all the information necessary to retrieve mail from the remote server, such as hostname, user login name, and biff settings.
...the keys are also used to decide the name of each of the preferences that
hold the object's data.
... preference: mail.server.server.max_cached_connections - integer, max number of connections left open to the server preference: mail.server.server.empty_trash_thresh
hold integer, (should not be imap-specific) max k of wasted diskspace before we purge a folder preference: mail.server.server.delete_model - integer, delete model (move to trash, imap delete, purge immediately, not sure of values) preference: mail.server.server.timeout - integer, number of minutes a connection is idle before we drop it preference: mail.server.server.capability - li...
Drawing and Event Handling - Plugins
the window field
holds a platform-specific handle to a window.
...the window field
holds a platform-specific handle to a drawable, as follows: windows: hdc mac os: pointer to np_port structure.
...the lparam parameter of wm_paint
holds a pointer to a rect structure specifying the bounding box of the update area.
Debugger.Source - Firefox Developer Tools
each debugger.script instance refers to the debugger.source instance
holding the source code from which it was produced.
...many properties below return place
holder values.
... displayurl if the script had a special //# sourceurl comment, as described in the source maps specification, then this property’s value
holds the string that was given.
Debugger - Firefox Developer Tools
the debugger instance does not
hold a strong reference to its debuggee globals: if a debuggee global is not otherwise reachable, then it is dropped from the debugger’s set of debuggees.
... (naturally, the debugger.object instance this method returns does
hold a strong reference to the added global.) if this debugger is tracking allocation sites and cannot track allocation sites forglobal, this method throws an error.
... since debugger instances don’t
hold strong references to their debuggee globals, if a debuggee global is otherwise unreachable, it may be dropped at any moment from the array this method returns.
Network request list - Firefox Developer Tools
(starting in firefox 80) on the right edge of the file column, a turtle icon appears if the server waiting time exceeds a thresh
hold (default: 500 ms).
...you can configure the thresh
hold in the configuration editor (about:config) by modifying the devtools.netmonitor.audits.slow setting.
...(click the icon again when you want to close the sidebar.) enter a string in the field with the place
holder text block resource when url contains.
Examine and edit HTML - Firefox Developer Tools
if you
hold the alt key while clicking the arrow, it expands the node and all the nodes underneath it.
...this is equivalent to
holding the alt key and clicking the disclosure triangle next to an element.
...just click and
hold on any element and drag it up or down in the tree.
Web Console remoting - Firefox Developer Tools
the fa
holds a reference to a debugger.frame.
... the response packet: { "from": "conn0.console9", "input": "document", "result": { "type": "object", "classname": "htmldocument", "actor": "conn0.consoleobj20" "extensible": true, "frozen": false, "sealed": false }, "timestamp": 1347306273605, "exception": null, "exceptionmessage": null, "helperresult": null } exception
holds the json-ification of the exception thrown during evaluation.
... exceptionmessage
holds the exception.tostring() result.
BasicCardResponse - Web APIs
basiccardresponse.card
holdername read only secure context optional contains the card
holder name of the card used to make the payment.
...this has to conform to the structure defined by the basiccardresponse dictionary, and may look something like this: { "cardnumber' : '9999999999999999", "card
holdername' : 'mr.
... samsung internet android full support 7.0card
holdernamechrome no support noedge no support ≤18 — 79firefox full support 56notes disabled full support 56notes disabled notes available only in nightly builds.disabled from version 56: this feature is behind the dom.payments.request.ena...
DataTransfer - Web APIs
the datatransfer object is used to
hold the data that is being dragged during a drag and drop operation.
... it may
hold one or more data items, each of one or more data types.
... datatransfer.moztypesat()
holds a list of the format types of the data that is stored for an item at the specified index.
DynamicsCompressorNode - Web APIs
dynamicscompressornode.thres
hold read only is a k-rate audioparam representing the decibel value above which the compression will start taking effect.
... dynamicscompressornode.knee read only is a k-rate audioparam containing a decibel value representing the range above the thres
hold where the curve smoothly transitions to the compressed portion.
... // create a mediaelementaudiosourcenode // feed the htmlmediaelement into it var source = audioctx.createmediaelementsource(myaudio); // create a compressor node var compressor = audioctx.createdynamicscompressor(); compressor.thres
hold.setvalueattime(-50, audioctx.currenttime); compressor.knee.setvalueattime(40, audioctx.currenttime); compressor.ratio.setvalueattime(12, audioctx.currenttime); compressor.attack.setvalueattime(0, audioctx.currenttime); compressor.release.setvalueattime(0.25, audioctx.currenttime); // connect the audiobuffersourcenode to the destination source.connect(audioctx.destination); button.onclick = func...
HTMLInputElement - Web APIs
place
holder string: returns / sets the element's place
holder attribute, containing a hint to the user of what can be entered in the control.
... the place
holder text must not contain carriage returns or line-feeds.
... the following properties have been added: autocomplete, autofocus, dirname, files, formaction, formenctype, formmethod, formnovalidate, formtarget, height, indeterminate, labels, list, max, min, multiple, pattern, place
holder, required, selectiondirection, selectionend, selectionstart, step, validationmessage, validity, valueasdate, valueasnumber, width, and willvalidate.
IntersectionObserver - Web APIs
constructor intersectionobserver.intersectionobserver() creates a new intersectionobserver object which will execute a specified callback function when it detects that a target element's visibility has crossed one or more thres
holds.
... intersectionobserver.thres
holds read only a list of thres
holds, sorted in increasing numeric order, where each thres
hold is a ratio of intersection area to bounding box area of an observed target.
... notifications for a target are generated when any of the thres
holds are crossed for that target.
Navigator.registerProtocolHandler() - Web APIs
this url must include %s, as a place
holder that will be replaced with the escaped url to be handled.
... syntaxerror the %s place
holder is missing from the handler url.
...ple.com, you can register a protocol handler for it to handle web+burger: links, like so: navigator.registerprotocolhandler("web+burger", "https://burgers.example.com/?burger=%s", "burger handler"); this creates a handler that lets web+burger: links send the user to your site, inserting the accessed burger url into the %s place
holder.
RTCDataChannel - Web APIs
the default is "blob".bufferedamount read only the read-only rtcdatachannel property bufferedamount returns the number of bytes of data currently queued to be sent over the data channel.bufferedamountlowthres
hold the rtcdatachannel property bufferedamountlowthres
hold is used to specify the number of bytes of buffered outgoing data that is considered "low." the default value is 0.id read only the read-only rtcdatachannel property id returns an id number (between 0 and 65,534) which uniquely identifies the rtcdatachannel.label read only the read-only rtcdatachannel property label returns a domstring co...
...this event, which is represented by a simple event object, is sent when the amount of data buffered to be sent falls to or below the thres
hold specified by the channel's bufferedamountlowthres
hold.onclose the rtcdatachannel.onclose property is an eventhandler which specifies a function to be called by the browser when the close event is received by the rtcdatachannel.
... events bufferedamountlow sent to the channel's onbufferedamountlow event handler when the number of bytes of data in the outgoing data buffer falls below the value specified by bufferedamountlowthres
hold.
Inputs and input sources - Web APIs
properties of input sources each individual xrinputsource has a set of properties that describe the input's available axes and buttons, which hand the user's
holding it in, and how the input source is used to handle targeting within the 3d space.
... if the controller were instead positioned to the left of and closer to the user than the world space origin (or possibly behind the user, if the user is located at the origin, although that's an uncomfortable way to
hold a controller), the coordinates would have a negative value for x, but a positive value for z.
... example this sample code shows a set of squeeze event handlers that implement these events to manage picking up and
holding objects from the scene.
ARIA: listbox role - Accessibility
list a section containing listitem elements states and properties aria-activedescendant
holds the id string of the currently active element within the listbox.
... multiple selection: authors may implement either of two interaction models to support multiple selection: a recommended model that does not require the user to
hold a modifier key, such as shift or control, while navigating the list or an alternative model that does require modifier keys to be held while navigating in order to avoid losing selection states.
... recommended selection model --
holding modifier keys is not necessary: space: changes the selection state of the focused option .
Auto-placement in CSS Grid Layout - CSS: Cascading Style Sheets
i am auto-placing by column and the columns created will be a column width of 300 pixels, then a column width of 100 pixels until there are enough column tracks to
hold all of the items.
...to-flow: dense; list-style: none; margin: 1em auto; padding: 0; max-width: 800px; } .wrapper li { border: 1px solid #ccc; } .wrapper li.landscape { grid-column-end: span 2; } .wrapper li img { display: block; object-fit: cover; width: 100%; height: 100%; } <ul class="wrapper"> <li><img src="https://udn.realityripple.com/samples/72/ab41das78e.png" alt="place
holder"></li> <li class="landscape"><img src="https://udn.realityripple.com/samples/62/643f590dbc.png" alt="place
holder"></li> <li class="landscape"><img src="https://udn.realityripple.com/samples/62/643f590dbc.png" alt="place
holder"></li> <li class="landscape"><img src="https://udn.realityripple.com/samples/62/643f590dbc.png" alt="place
holder"></li> <li><img src="https://udn.realityripple...
....com/samples/72/ab41das78e.png" alt="place
holder"></li> <li><img src="https://udn.realityripple.com/samples/72/ab41das78e.png" alt="place
holder"></li> <li class="landscape"><img src="https://udn.realityripple.com/samples/62/643f590dbc.png" alt="place
holder"></li> <li><img src="https://udn.realityripple.com/samples/72/ab41das78e.png" alt="place
holder"></li> <li><img src="https://udn.realityripple.com/samples/72/ab41das78e.png" alt="place
holder"></li> <li><img src="https://udn.realityripple.com/samples/72/ab41das78e.png" alt="place
holder"></li> </ul> auto-placement can also help you lay out interface items which do have logical order.
<select>: The HTML Select element - HTML: Hypertext Markup Language
usage notes selecting multiple options on a desktop computer, there are a number of ways to select multiple options in a <select> element with a multiple attribute: mouse users can
hold the ctrl, command, or shift keys (depending on what makes sense for your operating system) and then click multiple options to select/deselect them.
...
holding down the shift key and then using the up and down cursor keys to increase or decrease the range of items selected.
...
holding down the ctrl key then using the up and down cursor keys to change the "focused" select option, i.e.
HTML documentation index - HTML: Hypertext Markup Language
84 <content>: the shadow dom content place
holder element (obsolete) content, dom, deprecated, element, html, html web components, place
holder, reference, web, web components, shadow dom the html <content> element—an obsolete part of the web components suite of technologies—was used inside of shadow dom as an insertion point, and wasn't meant to be used in ordinary html.
... 191 <slot> element, html, html web components, reference, web components, shadow dom, slot the html <slot> element—part of the web components technology suite—is a place
holder inside a web component that you can fill with your own markup, which lets you create separate dom trees and present them together.
... 205 <template>: the content template element element, html, html web components, html:flow content, html:metadata content, html:phrasing content, html:script-supporting element, reference, template, web, web components the html content template (<template>) element is a mechanism for
holding html that is not to be rendered immediately when a page is loaded but may be instantiated subsequently during runtime using javascript.
MIME types (IANA media types) - HTTP
example reserved for use as a place
holder in examples showing how to use mime types.
...example can also be used as a subtype; for instance, in an example related to working with audio on the web, the mime type audio/example can be used to indicate that the type is a place
holder and should be replaced with an appropriate one when using the code in the real world.
...in this case, the ideal would be the true type of the original files; this is often impossible as .rar files can
hold several resources of different types.
A re-introduction to JavaScript (JS tutorial) - JavaScript
add(); // nan // you can't perform addition on undefined you can also pass in more arguments than the function is expecting: add(2, 3, 4); // 5 // added the first two; 4 was ignored that may seem a little silly, but functions have access to an additional variable inside their body called arguments, which is an array-like object
holding all of the values passed to the function.
... function avg(...args) { var sum = 0; for (let value of args) { sum += value; } return sum / args.length; } avg(2, 3, 4, 5); // 3.5 in the above code, the variable args
holds all the values that were passed into the function.
...whenever javascript executes a function, a 'scope' object is created to
hold the local variables created within that function.
Promise - JavaScript
to force more errors, change the thres
hold values.
... "use strict"; // to experiment with error handling, "thres
hold" values cause errors randomly const thres
hold_a = 8; // can use zero 0 to guarantee error function tetheredgetnumber(resolve, reject) { try { settimeout( function() { const randomint = date.now(); const value = randomint % 10; try { if(value >= thres
hold_a) { throw new error(`too large: ${value}`); } } catch(msg) { reject(`error in callback ${msg}`); } resolve(value); return; }, 500); // to experiment with error at set-up, uncomment the following 'throw'.
... var tetheredgetword = function(resolve,reject) { const thenumber = parityinfo.thenumber; const thres
hold_b = thres
hold_a - 1; if(thenumber >= thres
hold_b) { reject(`still too large: ${thenumber}`); } else { parityinfo.wordevenodd = parityinfo.isodd ?
WeakRef - JavaScript
a weakref object lets you
hold a weak reference to another object, without preventing that object from getting garbage-collected.
... the javascript engine may
hold references to things which look like they are unreachable (e.g., in closures, or inline caches).
... a weakref might never return undefined from deref, even if nothing strongly
holds the target, because the garbage collector may never decide to reclaim the object.
try...catch - JavaScript
exception_var_1, exception_var_2 an identifier to
hold an exception object for the associated catch-block.
... try { throw 'myexception'; // generates an exception } catch (e) { // statements to handle any exceptions logmyerrors(e); // pass exception object to error handler } the catch-block specifies an identifier (e in the example above) that
holds the value of the exception; this value is only available in the scope of the catch-block.
...(and silence) a small subset of expected errors, and then re-throw the error in other cases: try { myroutine(); } catch (e) { if (e instanceof rangeerror) { // statements to handle this very common expected error } else { throw e; // re-throw the error unchanged } } the exception identifier when an exception is thrown in the try-block, exception_var (i.e., the e in catch (e))
holds the exception value.
Template literals (Template strings) - JavaScript
template literals can contain place
holders.
...the expressions in the place
holders and the text between the backticks (` `) get passed to a function.
...within a backticked template, it is simple to allow inner backticks simply by using them inside a place
holder ${ } within the template.
Populating the page: how browsers work - Web Performance
subsequent packets increase in size until a predetermined thres
hold is reached, or congestion is experienced.
...the render tree
holds all the visible nodes with content and computed styles -- matching up all the relevant styles to every visible node in the dom tree, and determining, based on the css cascade, what the computed styles are for each node.
...taking the size of the viewport as its base, layout generally starts with the body, laying out the dimensions of all the body’s descendants, with each element's box model properties, providing place
holder space for replaced elements it doesn’t know the dimensions of, such as our image.
Enhanced Extension Installation - Archive of obsolete content
extension metadata the following files are now used to
hold metadata: <profile>/extensions.ini -active items this file contains a list of active extension directories (i.e.
...the extension system retains an object implementing nsirdfdatasource (so that it can supply special properties in addition to the set stored simply in the xml datasource) and an internal member that
holds the single rdf/xml datasource.
Adding Events and Commands - Archive of obsolete content
event handlers can take an event argument, which is an event object that
holds information on the event.
... you can get information on key modifiers (in case the user was
holding a modifier key like alt while performing the event), screen coordinates for mouse events, and most importantly, the target element for the event.
Connecting to Remote Content - Archive of obsolete content
you can see that an instance of the xmlhttprequest class is created and it
holds all functionality for making a request.
... if the response is an xml document, the responsexml property will
hold an xmldocument object that can be manipulated using dom methods.
Handling Preferences - Archive of obsolete content
user preferences: the file user.js in the user's profile directory
holds additional preferences the user has set.
... note: the purpose of the defaults directory is to
hold non-code files your extension needs.
Intercepting Page Loads - Archive of obsolete content
the request object arequest
holds the request being processed, and you can run arequest.cancel(ns_binding_aborted) to cancel it.
... sometimes you do not care about redirects, and only want to detect the final page being loaded, the one
holding the actual content.
Nanojit - Archive of obsolete content
an application using nanojit creates a nanojit::lirbuffer object to
hold lir instructions.
...= new codealloc(); assembler *assm = new (&gc) assembler(*codealloc, *alloc, &core, &lc); fragmento *fragmento = new (&gc) fragmento(&core, &lc, cache_size_log2, codealloc); lirbuffer *buf = new (*alloc) lirbuffer(*alloc); #ifdef debug fragmento->labels = new (*alloc) labelmap(*alloc, &lc); buf->names = new (*alloc) lirnamemap(*alloc, fragmento->labels); #endif // create a fragment to
hold some native code.
New Skin Notes - Archive of obsolete content
your statement that "it looks odd when someone who uses devmo on regular basis sees some violet links just because he already worked with this site yesterday"
holds true for every single place on the web, yet visited links use different styling on most sites.
...--beltzner i'll look into it, but i think this is one of those "don't
hold your breath" things because that's not managed by the skin.
XPJS Components Proposal - Archive of obsolete content
we will have one native module - called the xpjsmanager - which
holds this system together.
...it the module oks it then the xpjsmanager will release its root of the module's global object and release any
hold over the objects in the module.
XUL Events - Archive of obsolete content
in a textbox, a user can normally
hold down a key to repeat a character in this case, multiple sets of key events are sent (as if the user pressed the same key repeatedly).
... attribute: ondragexit draggesture this event is sent when the user starts dragging the element, usually by
holding down the mouse button and moving the mouse.
Advanced Rules - Archive of obsolete content
it serves as a place
holder as the template builder iterates through the resources.
...you can use the 'list' or 'city' variables also, but they
hold resources, not text, so they won't likely have meaningful values to users.
More Tree Features - Archive of obsolete content
notice how the guys row only needs one column as it is a place
holder item for its children.
...erow> </treeitem> <treeitem> <treerow> <treecell label="robert valhalla" /> <treecell label="seattle" /> <treecell label="7:08:00" /> <treecell label="9:15:51" /> </treerow> </treeitem> </treechildren> </tree> three attributes of the columns must be persisted, the width attribute to save the column widths, the ordinal attribute which
holds the position of the column, and the hidden attribute which
holds whether the column is hidden or visible.
Persistent Data - Archive of obsolete content
it
holds state information about each window.
...persist attribute to allow the saving of state, you simply add a persist attribute to the element which
holds a value you want to save.
Popup Menus - Archive of obsolete content
on the macintosh for example, the user can either press the control key and click the mouse button, or
hold the mouse button down for a moment.
...it does not draw on screen but instead is used as a place
holder where you would declare all of your popups.
Tree Selection - Archive of obsolete content
if the user
holds down the cursor key to rapidly scroll through the items, the event handler is not called until the user stops.
...the tree's view has a selection property which
holds information about the selected rows.
Using Spacers - Archive of obsolete content
we'll talk more about this in the next section but it essentially allows you to divide a window into a series of boxes that
hold elements.
...if you create a button with a very long label, the button's default size will be large enough to
hold the entire label.
listbox - Archive of obsolete content
itemcount type: integer read only property
holding the number of child items.
...returns -1 if no items are selected selecteditem type: element
holds the currently selected item.
menulist - Archive of obsolete content
itemcount type: integer read only property
holding the number of child items.
...returns -1 if no items are selected selecteditem type: element
holds the currently selected item.
prefpane - Archive of obsolete content
preferenceelements type: dom nodelist
holds a list of the ui elements in the pane that are attached to preferences.
... preferences type: dom nodelist
holds a list of the preference elements in the pane.
richlistbox - Archive of obsolete content
itemcount type: integer read only property
holding the number of child items.
...returns -1 if no items are selected selecteditem type: element
holds the currently selected item.
tabpanels - Archive of obsolete content
« xul reference home [ examples | attributes | properties | methods | related ] a container to
hold the set of pages in a tabbox.
...returns -1 if no items are selected selectedpanel type: element
holds a reference to the currently selected panel within a <tabbox> element.
tabs - Archive of obsolete content
itemcount type: integer read only property
holding the number of child items.
...returns -1 if no items are selected selecteditem type: element
holds the currently selected item.
wizard - Archive of obsolete content
pagecount type: integer this property
holds the number of pages in the wizard.
... wizardpages type: dom nodelist of wizardpage elements this property
holds the list of wizardpage elements in the wizard.
NPClass - Archive of obsolete content
« gecko plugin api reference « scripting plugins summary npclass is a structure that
holds a set of pointers to functions that make up the behavior of an instance of an npclass (i.e.
...this function is expected to allocate and return enough storage to
hold the npobject that is being created.
NPWindow - Archive of obsolete content
values: npwindowtypewindow: indicates that the window field
holds a platform-specific handle to a window (as in navigator 2.0 and navigator 3.0).
...the window field
holds a platform-specific handle to a drawable or an off-screen pixmap, as follows: windows: hdc mac os: pointer to np_port structure unix/x11: not used.
Explaining basic 3D theory - Game development
color:
holds an rgba value (r, g and b for the red, green, and blue channels, alpha for transparency — all values range from 0.0 to 1.0).
... a pixel: a point on the screen arranged in the 2d grid, which
holds an rgba color.
Paddle and keyboard controls - Game development
from that you can get useful information: the key
holds the information about the key that was pressed.
...this currently works, but the paddle disappears off the edge of the canvas if we
hold either key for too long.
Index - MDN Web Docs Glossary: Definitions of Web-related terms
322 place
holder names cryptography, glossary, security place
holder names are commonly used in cryptography to indicate the participants in a conversation, without resorting to terminology such as "party a," "eavesdropper," and "malicious attacker." 323 plaintext cryptography, glossary, security plaintext refers to information that is being used as an input to an encryption algori...
...for example, a boolean data type can
hold only a true or false value at any given time, whereas a string has the ability to
hold a string or a sequence of characters, a number can
hold numerical values of any kind, and so on.
UI pseudo-classes - Learn web development
the :place
holder-shown pseudo-class matches <input> and <textarea> elements that have their place
holder showing (i.e.
... the contents of the place
holder attribute) because the value of the element is empty.
Responsive images - Learn web development
returning to our original not-responsive.html example, we have an image that badly needs art direction: <img src="elva-800w.jpg" alt="chris standing up
holding his daughter elva"> let's fix this, with <picture>!
...the code in responsive.html looks like so: <picture> <source media="(max-width: 799px)" srcset="elva-480w-close-portrait.jpg"> <source media="(min-width: 800px)" srcset="elva-800w.jpg"> <img src="elva-800w.jpg" alt="chris standing up
holding his daughter elva"> </picture> the <source> elements include a media attribute that contains a media condition — as with the first srcset example, these conditions are tests that decide which image is shown — the first one that returns true will be displayed.
Video and audio content - Learn web development
we have provided you with sample audio and video files and example code for your own experimentation, in case you are unable to get
hold of your own.
... the audio and video tracks within the container
hold data in the appropriate format for the codec used to encode that media.
Image gallery - Learn web development
looping through the images we've already provided you with lines that store a reference to the thumb-bar <div> inside a constant called thumbbar, create a new <img> element, set its src attribute to a place
holder value xxx, and append this new <img> element inside thumbbar.
... in each loop iteration, replace the xxx place
holder value with a string that will equal the path to the image in each case.
Basic math in JavaScript — numbers and operators - Learn web development
first try entering some simple examples of your own, such as 10 + 7 9 * 8 60 % 3 you can also try declaring and initializing some numbers inside variables, and try using those in the sums — the variables will behave exactly like the values they
hold for the purposes of the sum.
... operator precedence let's look at the last example from above, assuming that num2
holds the value 50 and num1
holds the value 10 (as originally stated above): num2 + num1 / 8 + 2; as a human being, you may read this as "50 plus 10 equals 60", then "8 plus 2 equals 10", and finally "60 divided by 10 equals 6".
Silly story generator - Learn web development
next we want to replace the three place
holders in the newstory string — :insertx:, :inserty:, and :insertz: — with the strings stored in xitem, yitem, and zitem.
...so each time the button is pressed, these place
holders are each replaced with a random silly string.
Handling text — strings in JavaScript - Learn web development
when you want to include a variable or expression inside the string, you include it inside a ${ } construct, which is called a place
holder.
...'well done, you passed!' : 'bad luck, you didn\'t pass this time.' }`; the first two place
holders here are pretty simple, only including a simple value in the string.
Ember interactivity: Events, classes and state - Learn web development
add the new line shown below to your header.hbs file: <input class='new-todo' aria-label='what needs to be done?' place
holder='what needs to be done?' autofocus {{on 'keydown' this.onkeydown}} > this new attribute is inside double curly braces, which tells you it is part of ember's dynamic templating syntax.
...line: @service('todo-data') todos; now the place
holder alert(text); line can be replaced with a call to our new add() function.
Componentizing our Svelte app - Learn web development
go back to this file and update your <todo> component call like so: <todo {todo} on:remove={e => removetodo(e.detail)} /> our handler receives the e parameter (the event object), which as described before
holds the todo being deleted in the detail property.
...add the following variable definitions at the bottom of the <script> section of the todo component: let editing = false // track editing mode let name = todo.name //
hold the name of the todo being edited we have to decide what events our todo component will emit: we could emit different events for the status toggle and editing of the name.
Introducing a complete toolchain - Learn web development
getting the project code files at this point, we'll get
hold of the project's code files (html, css, javascript, etc.), and put them in our src directory.
... to get
hold of the code files, visit https://github.com/remy/mdn-will-it-miss and download and unzip the contents of this repo onto your local drive somewhere.
Gecko info for Windows accessibility vendors
hold on to this root iaccessible, and use it to walk through the entire tree of iaccessible's.
...you can then get the number of children via iaccessible::get_accnumchildren(), then allocate an array of variant's to
hold the children, and call ienumvariant::next() to get all the children in one call.
Accessible Toolkit Checklist
t engine - drawing dark border dynamically when the currently focused widget does not need the enter key events - making keystrokes do the right thing msaa support (default state) links enter key activates link (thus default button no longer shows dark border when link is focused) msaa support, including linked and traversed states, and accessible value that
holds destination url text fields - single and multiple line it's probably best to use native widgets for these, otherwise accessibility support will be quite difficult tab should always focus the next item, not insert a tab, unless there's a really good reason and another way to navigate always use system selection color, otherwise screen reader won't read the text ...
... in autocomplete text fields, make sure that the left or right arrow closes the popup and starts moving through the text letter by letter msaa support, including accessible value that
holds text, protected for password fields and readonly for read-only fields checkboxes space bar to toggle msaa support, including checkbox state and statechange event sliders keyboard support for moving slider: arrow keys, home, end, pgup, pgdn msaa support including role_slider, accessible value, value change events progress bars ...
HTTP logging
on all newer versions of windows, you can
hold down the windows key and press "r".
...on all newer versions of windows, you can
hold down the windows key and press "r".
JavaScript-DOM Prototypes in Mozilla
because of this, the following
holds true (assuming img1 and img2 are two different image objects in the same document): img1.__proto__ === img2.__proto__ if img1 would come from one document and img2 from another document, then the above would not be true.
...ment.prototype | |.__proto__ | element.prototype | |.__proto__ | node.prototype | |.__proto__ | object.prototype | |.__proto__ | null if you have an instance of a htmldivelement in javascript, the following will
hold true: div.__proto__ === htmldivelement.prototype which means that the following should also be true: div.__proto__ === div.constructor.prototype non standard no browser is required to provide modifiable __proto__, nor a global node, nor provide any way to get at host objects nor their associated prototypes.
source-editor.jsm
place
holdertext string the default initial text to be in the editor when it's created; by default, an empty string.
... undolimit number a number indicating how many steps the undo stack should
hold.
Localization and Plurals
the following would be better: components.utils.import("resource://gre/modules/pluralform.jsm"); let downloads = "you have one download.;you have #1 downloads."; let num = 10; // for english, this would display "you have 10 downloads." print(pluralform.get(num, downloads).replace("#1", num); notice in the above example that the code can be written to support place
holders or not use place
holders in some forms of the string.
... additionally, the localizer has control over where the place
holder is, in relation to the rest of the text.
MathML Demo: <mmultiscripts> - attach prescripts and tensor indices to a base
the scripts come in pairs, with <mprescripts/> used to indicate prescripts and <none/> used to
hold an empty position as in f b a .
...for example m c d a b the scripts come in pairs, with <mprescripts/> used to indicate prescripts and <none/> used to
hold an empty position as in f b a there are some variations possible: <mmultiscripts> a a b c d nested <msubsup>s a a b c d or &invisiblecomma; a a c b d ...
Mozilla DOM Hacking Guide
the first one is the window.location object (the same
holds true for document.location, actually).
... nsiclassinfo *mcachedclassinfo: mcachedclassinfo
holds an nsiclassinfo pointer to an instance of the relevant helper class.
Power profiling overview
in the context of computing, a fully-charged mobile device battery (as found in a laptop or smartphone)
holds a certain amount of energy, and the speed at which that stored energy is depleted depends on the power consumption of the mobile device.
... pp1: an uncore device, usually the gpu (not available on all processor models.) dram: main memory (not available on all processor models.) the following relationship
holds: pp0 + pp1 <= pkg.
Profiling with the Firefox Profiler
tip: you can quickly go deeper into the call tree by
holding down your right arrow key.
... alternatively, expand an entire tree segment by
holding alt and clicking on the arrow to the left of the collapsed tree segment.
browser.altClickSave
the preference browser.altclicksave controls whether clicking a link while
holding the alt key starts the download of that link.
... type:boolean default value: false exists by default: yes application support:firefox 13.0 status: active; last updated 2012-03-19 introduction: pushed to nightly on 2012-03-02 bugs: bug 713052 values true clicking a link while
holding the alt key starts the download of that link.
Preference reference
accessibility.tabfocusthe preference accessibility.tabfocus controls what elements receive focus when the user presses the tab key.browser.altclicksavethe preference browser.altclicksave controls whether clicking a link while
holding the alt key starts the download of that link.browser.dom.window.dump.enabledthis setting enables the dump function, which sends messages to the system console.
...by default, the reader mode in firefox mobile is only enabled if the memory is greater than 384mb.ui.alertnotificationoriginui.alertnotificationorigin controls the position and direction from which popup notifications invoked by nsialertsservice are sliding in.ui.spellcheckerunderlineui.spellcheckerunderline
holds the colour which is used to underline words not recognized by the spellchecker.ui.spellcheckerunderlinestyleui.spellcheckerunderlinestyle
holds the style which is used to underline words not recognized by the spellchecker.ui.textselectbackgroundui.textselectbackground saves the color in which the background of a text selection in the user interface or in content will be styled.ui.textselectforeg...
Introduction to NSPR
to access the data in the monitor, the thread performing the access must
hold the mutex, also described as being "in the monitor." mutual exclusion guarantees that only one thread can be in the monitor at a time and that no thread may observe or modify the monitored data without being in the monitor.
...the expression may be false only when a thread is in the monitor (
holding the monitor's mutex).
PRThreadPriority
syntax #include <prthread.h> typedef enum prthreadpriority { pr_priority_first = 0, pr_priority_low = 0, pr_priority_normal = 1, pr_priority_high = 2, pr_priority_urgent = 3, pr_priority_last = 3 } prthreadpriority; enumerators pr_priority_first place
holder.
... pr_priority_last place
holder description in general, an nspr thread of higher priority has a statistically better chance of running relative to threads of lower priority.
PR_dtoa
bufsz the size of the buffer provided to
hold the result.
...sufficient space is allocated to the return value to
hold the suppressed trailing zeros.
An overview of NSS Internals
this line is a place
holder for future sections that should explain how libpkix works and is designed.
... this line is a place
holder for how to prepare a database, how to dump a cert, and how to convert data.
NSS 3.18.1 release notes
cn = e-guven kok elektronik sertifika hizmet saglayicisi sha1 fingerprint: dd:e1:d2:a9:01:80:2e:1d:87:5e:84:b3:80:7e:4b:b1:fd:99:41:34 the following intermediate ca certificate has been added as actively distrusted because it was misused to issue certificates for domain names the
holder did not own or control.
... cn=mcs
holding test, o=mcs
holding, c=eg sha1 fingerprint: e1:f3:59:1e:76:98:65:c4:e4:47:ac:c3:7e:af:c9:e2:bf:e4:c5:76 the version number of the updated root ca list has been set to 2.4 bugs fixed in nss 3.18.1 this bugzilla query returns all the bugs fixed in nss 3.18.1: https://bugzilla.mozilla.org/buglist.cgi?resolution=fixed&classification=components&query_format=advanced&product=nss&target_milestone=3.18.1 compatibility nss 3.18.1 shared libraries are backward compatible with all older nss 3.18 shared libraries.
PKCS11 FAQ
nss typically
holds one session read-only session per slot, in which some of the non-multipart functions are handled.
...when nss needs to do anything with a private key, it calls the pcks #11 module that
holds the key.
GCIntegration - SpiderMonkey Redirect 1
many pointers in gecko are traced via ns_decl_cycle_collection_script_
holder_class and its related macros.
...as above, this means that classes governed by ns_decl_cycle_collection_script_
holder_class do not need a write barrier on their fields.
Exact Stack Rooting
however, this does not
hold true for temporaries: they are undeclared, after all.
...in the meantime, the js::rootedt class
holds an object live by storing its pointer on the stack so that the conservative scanner will find it.
JIT Optimization Outcomes
notstruct the object
holding the property is not a typed struct object.
...these thres
holds are subject to change.
JS::CompileFunction
*name, unsigned nargs, const char *const *argnames, const char16_t *chars, size_t length, js::mutablehandlefunction fun); bool js::compilefunction(jscontext *cx, js::autoobjectvector &scopechain, const js::readonlycompileoptions &options, const char *name, unsigned nargs, const char *const *argnames, js::sourcebuffer
holder &srcbuf, js::mutablehandlefunction fun); bool js::compilefunction(jscontext *cx, js::autoobjectvector &scopechain, const js::readonlycompileoptions &options, const char *name, unsigned nargs, const char *const *argnames, const char *bytes, size_t length, js::mutablehandlefunction fun); name type description c...
... srcbuf js::sourcebuffer
holder & source buffer containing the script function compile.
JS::DeflateStringToUTF8Buffer
if dstlenp is provided, it will be updated to
hold the number of bytes written to the buffer.
... if numcharsp is provided, it will be updated to
hold the number of unicode characters written to the buffer.
JSErrorReport
to use jserrorreport, your application must define a variable of type jserrorreport and allocate a buffer to
hold the text that generated the error condition.
...for unicode scripts, define a second buffer that
holds the unicode version of the text the generated the error.
JS_DefineObject
name const char * name of the property being defined in obj to
hold the new object.
...name is the property name to assign to obj to
hold the new object, and flags contains the property attributes to set for the newly created property.
JS_PushArguments
format const char * null-terminated string
holding a list of format types to convert the following arguments to.
...markp points to a void * to
hold the internally allocated stack frame pointer to pass back to js_poparguments.
Querying Places
executing a query places queries have several basic parts: the query object: nsinavhistoryquery,
holds the search parameters the query options: nsinavhistoryqueryoptions, allows configuration of the search result the history service: nsinavhistoryservice, executes the query the first first step is to create the query and options, and fill them with the parameters you want.
... containers containers
hold lists of other containers and result nodes.
An Overview of XPCOM
distribution of substantively modified versions of this document is prohibited without the explicit permission of the copyright
holder.
... distribution of the work or derivative of the work in any standard (paper) book form is prohibited unless prior permission is obtained from the copyright
holder.
Building the WebLock UI
distribution of substantively modified versions of this document is prohibited without the explicit permission of the copyright
holder.
... distribution of the work or derivative of the work in any standard (paper) book form is prohibited unless prior permission is obtained from the copyright
holder.
Component Internals
distribution of substantively modified versions of this document is prohibited without the explicit permission of the copyright
holder.
... distribution of the work or derivative of the work in any standard (paper) book form is prohibited unless prior permission is obtained from the copyright
holder.
Preface
distribution of substantively modified versions of this document is prohibited without the explicit permission of the copyright
holder.
... distribution of the work or derivative of the work in any standard (paper) book form is prohibited unless prior permission is obtained from the copyright
holder.
Resources
distribution of substantively modified versions of this document is prohibited without the explicit permission of the copyright
holder.
... distribution of the work or derivative of the work in any standard (paper) book form is prohibited unless prior permission is obtained from the copyright
holder.
Using XPCOM Components
distribution of substantively modified versions of this document is prohibited without the explicit permission of the copyright
holder.
... distribution of the work or derivative of the work in any standard (paper) book form is prohibited unless prior permission is obtained from the copyright
holder.
Using XPCOM Utilities to Make Things Easier
distribution of substantively modified versions of this document is prohibited without the explicit permission of the copyright
holder.
... distribution of the work or derivative of the work in any standard (paper) book form is prohibited unless prior permission is obtained from the copyright
holder.
Creating XPCOM components
distribution of substantively modified versions of this document is prohibited without the explicit permission of the copyright
holder.
... distribution of the work or derivative of the work in any standard (paper) book form is prohibited unless prior permission is obtained from the copyright
holder.
Interfacing with the XPCOM cycle collector
when you have something in the js object pointer you need to use mozilla::
holdjsobjects to tell the gc to trace it and keep the object alive: ...
...; mozilla::
holdjsobjects(this); ...
mozIRegistry
these are place
holders for the types of components you're designing and implementing.
... i18n xul/xptoolkit app shell clsid binding protocols this is a place
holder for potential encapsulations of particular idioms for storing clsid information in the registry and using that information, along with nsrepository, to implement some instance creation protocol on top of the core xpcom services.
nsIAppShell
void dispatchnativeevent( in prbool arealevent, in voidptr aevent ); parameters arealevent event is real or a null place
holder (macintosh).
...void getnativeevent( in prboolref arealevent, in voidptrref aevent ); parameters arealevent event is real or a null place
holder (macintosh).
nsICachingChannel
holding a reference to this key does not prevent the cached data from being removed.
...
holding a reference to this token prevents the cached data from being removed.
nsIChannel
when the channel is done, it must not continue
holding references to this object.
... note: this is a strong reference to the owner, so if the owner is also
holding a strong reference to the channel, care must be taken to explicitly drop its reference to the channel.
nsIClipboardDragDropHooks
trans the transferable
holding the list of flavors and the data for each flavor.
...trans the transferable
holding the list of flavors and the data for each flavor.
nsIConsoleService
if no messages are logged, this function will return a count of 0, but allocating a place
holder word for messages, showing as a 0-length array when called from the script.
...if no messages are logged, this function will return a count of 0, but allocating a place
holder word for messages, showing as a 0-length array when called from the script.
nsICookie
policy nscookiepolicy
holds the sites compact policy value.
... status nscookiestatus
holds the p3p status of cookie.
nsIMessageListenerManager
the message manager
holds a strong reference to listener.
... addweakmessagelistener() this is just like addmessagelistener(), except that the message manager
holds a weak reference to listener.
nsIMsgFolder
lean allowundo); void copyfolder(in nsimsgfolder srcfolder, in boolean ismovefolder,in nsimsgwindow msgwindow, in nsimsgcopyservicelistener listener ); void copyfilemessage(in nsifile file, in nsimsgdbhdr msgtoreplace,in boolean isdraft, in unsigned long newmsgflags,in nsimsgwindow msgwindow,in nsimsgcopyservicelistener listener); void acquiresemaphore(in nsisupports sem
holder); void releasesemaphore(in nsisupports sem
holder); boolean testsemaphore(in nsisupports sem
holder); void getnewmessages(in nsimsgwindow awindow, in nsiurllistener alistener); void writetofoldercache(in nsimsgfoldercache foldercache, in boolean deep); long getnumnewmessages(in boolean deep); void setnumnewmessages(in long numnewmessages); ...
...elistener listener); copyfilemessage() void copyfilemessage(in nsifile file, in nsimsgdbhdr msgtoreplace, in boolean isdraft, in unsigned long newmsgflags, in nsimsgwindow msgwindow, in nsimsgcopyservicelistener listener); acquiresemaphore() void acquiresemaphore(in nsisupports sem
holder); releasesemaphore() void releasesemaphore(in nsisupports sem
holder); testsemaphore() boolean testsemaphore(in nsisupports sem
holder); getnewmessages() void getnewmessages(in nsimsgwindow awindow, in nsiurllistener alistener); writetofoldercache() write out summary data for this folder to the given folder cache (i.e.
nsIPromptService
if you call this method from javascript, this argument is wrapped in an object with an attribute named 'value' which
holds the selected index.
...input.value
holds the value of the edit field if "ok" was pressed.
nsISelectionController
nsiselection getselection( in short type ); parameters type will
hold the type of selection.
... (selectiontype) return value will
hold the return value.
nsISelectionPrivate
void startbatchchanges(); wstring tostringwithformat(in string formattype, in unsigned long flags, in print32 wrapcolumn); attributes attribute type description cancacheframeoffset boolean frame offset cache can be used just during calling nseditor::endplace
holdertransaction.
... endplace
holdertransaction will give rise to reflow/refreshing view/scroll, and call times of nstextframe::getpointfromoffset whose return value is to be cached.
nsISessionStore
note on tabs the nsisessionstore apis referencing nsidomnode atab require you to get
hold of the tab node storing the data.
...if you just
hold a reference to some content document in the overlay's chrome window, here is how you find its corresponding tab: function tabfromdoc(doc) { var no = gbrowser.getbrowserindexfordocument(doc); return gbrowser.tabcontainer.childnodes[no]; } // example use: cc['@mozilla.org/browser/sessionstore;1'] .getservice(ci.nsisessionstore) .settabvalue(tabfromdoc(mycontentdoc), 'mykey', 'myvalue'); see also the session store api article.
nsITreeView
otherwise false iscontainer() whether the row has the potential to
hold other rows within it.
... for tree views with multi-level data, it's advisable to distinguish between a row which is an empty container (i.e., a row with the potential to
hold children but that currently has none), and a non-empty container (i.e., a row that positively does currently have children).
nsIWeakReference
it allows a consumer to
hold an indirect, non-owning reference to an xpcom object.
...do not
hold on to the produced interface permanently; that would defeat the purpose of using a non-owning nsiweakreference in the first place.
Frequently Asked Questions
the optimal solution is to arrange the lifetime of your nscomptr to correspond to exactly how long you want to
hold the reference.
... e.g., using blocks as in this sample // the most efficient scheme is to scope your |nscomptr| to live exactly as long // as you need to
hold the reference nsresult somelongfunction( nsibar* abar ) { nsresult rv; // ...
nsIMsgCloudFileProvider
afirstname the new account
holder's first name.
... alastname the new account
holder's last name.
Streams - Plugins
for instance, suppose the plug-in allocates, in npp_newstream, an 8k buffer to
hold the data written from that stream.
...the buf parameter is a pointer to the buffer
holding the data to write to the stream.
Version, UI, and Status Information - Plugins
this code declares variables to
hold the version numbers and calls npn_version to return the major and minor version numbers for the browser and the plug-in api.
... int plugin_major, plugin_minor, netscape_major, netscape_minor; // declare variables to
hold version numbers void npn_version( &plugin_major, &plugin_minor, &netscape_major, &netscape_minor ); // find version numbers finding out if a feature exists a plug-in can figure out whether it is running in a version of the browser that supports a particular feature by using version or npvers constants (see version feature constants).
Debugger.Frame - Firefox Developer Tools
(this is never one of the the debugger’s own frames; those never appear as debugger.frame instances.) push a "debugger" frame on the stack, wit
holder as its older property.
... handler methods of debugger.frame instances each debugger.frame instance inherits accessor properties
holding handler functions for spidermonkey to call when given events occur in the frame.
Measure a portion of the page - Firefox Developer Tools
when you
hold the mouse button down and then drag, you'll start to draw a rectangle, with its x, y, and diagonal dimensions displayed.
... when you stop
holding the mouse down, the rectangle that was displayed on screen when you released the button will stay there until you click again, allowing you time to take screenshots, note the information down, etc.
Dominators - Firefox Developer Tools
these concepts matter in memory analysis, because often an object may itself be small, but may
hold references to other much larger objects, and by doing this will prevent the garbage collector from freeing that extra memory.
... so when an object becomes unreachable (for example, because it is only referenced by a single local variable which goes out of scope) then any objects it references also become unreachable, as long as no other objects reference them: conversely, this means that objects are kept alive as long as some other reachable object is
holding a reference to them.
Dominators view - Firefox Developer Tools
if you suspect that an object is being leaked, this will show you exactly which objects are
holding a reference to it.
... the window gc root
holds a reference to an htmldivelement object, and that
holds a reference to an object, and so on.
Attr - Web APIs
ownerelement read only the element
holding the attribute.
... as that doesn't
hold true in cases like attr objects being returned by document.evaluate, the dom living standard reintroduced the property.
AudioParam - Web APIs
audioparam.canceland
holdattime() cancels all scheduled future changes to the audioparam but
holds its value at a given time until further changes are made using other methods.
... var compressor = audioctx.createdynamicscompressor(); compressor.thres
hold.setvalueattime(-50, audioctx.currenttime); compressor.knee.setvalueattime(40, audioctx.currenttime); compressor.ratio.setvalueattime(12, audioctx.currenttime); compressor.attack.setvalueattime(0, audioctx.currenttime); compressor.release.setvalueattime(0.25, audioctx.currenttime); specifications specification status comment web audio apithe definition of 'audioparam' in ...
DynamicsCompressorNode() - Web APIs
knee: a decibel value representing the range above the thres
hold where the curve smoothly transitions to the "ratio" portion.
... thres
hold: the decibel value above which the compression will start taking effect.
DynamicsCompressorNode.knee - Web APIs
the knee property of the dynamicscompressornode interface is a k-rate audioparam containing a decibel value representing the range above the thres
hold where the curve smoothly transitions to the compressed portion.
... // create a mediaelementaudiosourcenode // feed the htmlmediaelement into it var source = audioctx.createmediaelementsource(myaudio); // create a compressor node var compressor = audioctx.createdynamicscompressor(); compressor.thres
hold.setvalueattime(-50, audioctx.currenttime); compressor.knee.setvalueattime(40, audioctx.currenttime); compressor.ratio.setvalueattime(12, audioctx.currenttime); compressor.attack.setvalueattime(0, audioctx.currenttime); compressor.release.setvalueattime(0.25, audioctx.currenttime); // connect the audiobuffersourcenode to the destination source.connect(audioctx.destination); button.onclick = func...
Element: blur event - Web APIs
bubbles no cancelable no interface focusevent event handler property onblur sync / async sync composed yes examples simple example html <form id="form"> <input type="text" place
holder="text input"> <input type="password" place
holder="password"> </form> javascript const password = document.queryselector('input[type="password"]'); password.addeventlistener('focus', (event) => { event.target.style.background = 'pink'; }); password.addeventlistener('blur', (event) => { event.target.style.background = ''; }); result event delegation there are two ways of implementi...
... html <form id="form"> <input type="text" place
holder="text input"> <input type="password" place
holder="password"> </form> javascript const form = document.getelementbyid('form'); form.addeventlistener('focus', (event) => { event.target.style.background = 'pink'; }, true); form.addeventlistener('blur', (event) => { event.target.style.background = ''; }, true); result specifications specification status comment ui events working draft added info that this event is composed.
Element: focus event - Web APIs
bubbles no cancelable no interface focusevent event handler property onfocus sync / async sync composed yes examples simple example html <form id="form"> <input type="text" place
holder="text input"> <input type="password" place
holder="password"> </form> javascript const password = document.queryselector('input[type="password"]'); password.addeventlistener('focus', (event) => { event.target.style.background = 'pink'; }); password.addeventlistener('blur', (event) => { event.target.style.background = ''; }); result event delegation there are two ways of implementi...
... html <form id="form"> <input type="text" place
holder="text input"> <input type="password" place
holder="password"> </form> javascript const form = document.getelementbyid('form'); form.addeventlistener('focus', (event) => { event.target.style.background = 'pink'; }, true); form.addeventlistener('blur', (event) => { event.target.style.background = ''; }, true); result specifications specification status comment ui events working draft added info that this event is composed.
Comparison of Event Targets - Web APIs
eover(e) { document.getelementbyid('target').innerhtml = e.target; document.getelementbyid('relatedtarget').innerhtml = e.relatedtarget; } document.addeventlistener('click', handleclicks, false); document.addeventlistener('mouseover', handlemouseover, false); </script> </body> </html> use of target and relatedtarget the relatedtarget property for the mouseover event
holds the node that the mouse was previously over.
... for the mouseout event, it
holds the node that the mouse moved to.
FileHandle API - Web APIs
note: the above code only creates a "temporary file" that exists only while you
hold the filehandle instance.
... = function (event) { if (progress) { progress.value = event.loaded; progress.max = event.total; } } action.onsuccess = function () { console.log('yeah \o/ just read a 1gb file'); } action.onerror = function () { console.log('oups :( unable to read a 1gb file') } file storage when a file handle is created, the associated file only exists as a "temporary file" as long as you
hold the filehandle instance.
Using the Frame Timing API - Web APIs
var thres
hold = 1500; var observe_frame = new performanceobserver(function(list) { var perfentries = list.getentriesbytype("frame"); for (var i=0; i < perfentries.length; i++) { if (perfentries[i].duration > thres
hold) { console.log("warning: frame '" + thres
hold + "' exceeded!"); } } }); observe_frame.observe({entrytypes: ['frame']}); the tools will save you!
... first, perhaps using the tools will save you is a bit too strong but performance tools can certainly help identify code that is not conformant to some expected time thres
hold.
HTMLTextAreaElement - Web APIs
place
holder string: returns / sets the element's place
holder attribute, containing a hint to the user about what to enter in the control.
... the following attributes have been added: autofocus, place
holder, dirname, wrap, maxlength, required, textlength, labels, selectionstart, selectionend, selectiondirection, validity, validationmessage, and willvalidate.
IntersectionObserver.observe() - Web APIs
one observer has one set of thres
holds and one root, but can watch multiple target elements for visibility changes in keeping with those.
... when the visibility of the specified element crosses over one of the observer's visibility thres
holds (as listed in intersectionobserver.thres
holds), the observer's callback is executed with an array of intersectionobserverentry objects representing the intersection changes which occurred.
LockManager.request() - Web APIs
once the callback is invoked, no other running code on this orign can
hold `my_resource` until the callback returns.
... return; } // the lock was granted, and no other running code in this origin is
holding // the 'my_res_lock' lock until this returns.
MSGestureEvent - Web APIs
events using this interface include msgesturestart, msgestureend, msgesturetap, msgesture
hold, msgesturechange, and msinertiastart.
... gesture event types msgesturestart msgestureend msgesturetap msgesture
hold msgesturechange msinertiastart specifications not part of any specification.
TransformStream - Web APIs
const tes = { start(){this.encoder = new textencoder()}, transform(chunk, controller) { controller.enqueue(this.encoder.encode(chunk)) } } let _jstes_wm = new weakmap(); /* info
holder */ class jstextencoderstream extends transformstream { constructor() { let t = {...tes} super(t) _jstes_wm.set(this, t) } get encoding() {return _jstes_wm.get(this).encoder.encoding} } similarly, textdecoderstream can be written as such: const tes = { start(){ this.decoder = new textdecoder(this.encoding, this.options) }, transform(chunk, controller) { contro...
...ller.enqueue(this.decoder.decode(chunk)) } } let _jstds_wm = new weakmap(); /* info
holder */ class jstextdecoderstream extends transformstream { constructor(encoding = 'utf-8', {...options} = {}) { let t = {...tds, encoding, options} super(t) _jstes_wm.set(this, t) } get encoding() {return _jstds_wm.get(this).decoder.encoding} get fatal() {return _jstds_wm.get(this).decoder.fatal} get ignorebom() {return _jstds_wm.get(this).decoder.ignorebom} } chaining multiple readablestreams together this is a useful one, where multiple streams can be conjoined.
VideoPlaybackQuality.creationTime - Web APIs
if that exceeds 10% (0.1), a function called lostframesthres
holdexceeded() is called to, perhaps, update a quality indicator to show an increase in frame loss.
... var videoelem = document.getelementbyid("my_vid"); var quality = videoelem.getvideoplaybackquality(); if ((quality.corruptedvideoframes + quality.droppedvideoframes)/quality.totalvideoframes > 0.1) { lostframesthres
holdexceeded(); } specifications specification status comment media playback qualitythe definition of 'videoplaybackquality.corruptedvideoframes' in that specification.
VideoPlaybackQuality.totalVideoFrames - Web APIs
if that exceeds 10% (0.1), a function called lostframesthres
holdexceeded() is called to, perhaps, update a quality indicator to show an increase in frame loss.
... var videoelem = document.getelementbyid("my_vid"); var quality = videoelem.getvideoplaybackquality(); if ((quality.corruptedvideoframes + quality.droppedvideoframes)/quality.totalvideoframes > 0.1) { lostframesthres
holdexceeded(); } a similar algorithm might be used to attempt to switch to a lower-resolution video that requires less bandwidth, in order to avoid dropping frames.
Scissor animation - Web APIs
t html5 canvas.</canvas> body { text-align : center; } canvas { display : block; width : 280px; height : 210px; margin : auto; padding : 0; border : none; background-color : black; } button { display : block; font-size : inherit; margin : auto; padding : 0.6em; } ;(function(){ "use strict" window.addeventlistener("load", setupanimation, false); // variables to
hold the webgl context, and the color and // position of animated squares.
...or("strong").innerhtml = "stop"; timer = setinterval(drawanimation, 17); drawanimation(); } function stopanimation(evt) { button.removeeventlistener(evt.type, stopanimation, false); button.addeventlistener("click", startanimation, false); document.queryselector("strong").innerhtml = "start"; clearinterval(timer); } stopanimation({type: "click"}); } // variables to
hold the size and velocity of the square.
Web accessibility for seizures and physical reactions - Accessibility
in the article, "understanding wcag 2.0 three flashes or below thres
hold" notes generally that: “individuals who have photosensitive seizure disorders can have a seizure triggered by content that flashes at certain frequencies for more than a few flashes” and goes on to note, very specifically that: “people are even more sensitive to red flashing than to other colors, so a special test is provided for saturated red flashing”.
...working draft personalization tools 1.0 working draft three flashes or below thresh
hold understanding sc 2.3.1 understanding wcag 2.0 (older, but contains some explanations of references made in the wcag 2.1 criteria) three flashes or below thres
hold understanding success criterion 2.3.1 understanding wcag 2.1 understanding success criteria 1.4.3: contrast (minimum) web accessibility initiative (wai) web animations model w3c working draft web content accessibility guidelines (w...
Web Accessibility: Understanding Colors and Luminance - Accessibility
for more on color contrast in animation, see three flashes or below thres
hold understanding sc 2.3.1 icons also need sufficient contrast for perception.
...macknik on november 1, 2014 scientific papers photic- and pattern-induced seizures: expert consensus of the epilepsy foundation of america working group w3c issues and discussions contrast ratio math and related visual issues #695 luminance / luma confusion #236 outdated thres
hold for srgb companding in the "relative luminance" definition #308 non-srgb color spaces, outdated srgb thres
hold, and other issues in the "relative luminance" definition #360 w3c resources css color module level 3 css color module level 4 ensuring that a contrast ratio of 3:1 is provided for icons understanding success criterion 1.4.3: contrast (minimum) wcag working group's wiki page on ...
:disabled - CSS: Cascading Style Sheets
html <form action="#"> <fieldset id="shipping"> <legend>shipping address</legend> <input type="text" place
holder="name"> <input type="text" place
holder="address"> <input type="text" place
holder="zip code"> </fieldset> <br> <fieldset id="billing"> <legend>billing address</legend> <label for="billing-checkbox">same as shipping address:</label> <input type="checkbox" id="billing-checkbox" checked> <br> <input type="text" place
holder="name" disabled> <input type="text" pl...
...ace
holder="address" disabled> <input type="text" place
holder="zip code" disabled> </fieldset> </form> css input[type="text"]:disabled { background: #ccc; } javascript // wait for the page to finish loading document.addeventlistener('domcontentloaded', function () { // attach `change` event listener to checkbox document.getelementbyid('billing-checkbox').onchange = togglebilling; }, false); function togglebilling() { // select the billing text fields var billingitems = document.queryselectorall('#billing input[type="text"]'); // toggle the billing text fields for (var i = 0; i < billingitems.length; i++) { billingitems[i].disabled = !billingitems[i].disabled; } } result specifications specification status comment html living st...
Pseudo-classes - CSS: Cascading Style Sheets
:future :focus :focus-visible :focus-within :has() :host :host() :host-context() :hover :indeterminate :in-range :invalid :is() :lang() :last-child :last-of-type :left :link :local-link :not() :nth-child() :nth-col() :nth-last-child() :nth-last-col() :nth-last-of-type() :nth-of-type() :only-child :only-of-type :optional :out-of-range :past :place
holder-shown :read-only :read-write :required :right :root :scope :state() :target :target-within :user-invalid :valid :visited :where() specifications specification status comment fullscreen api living standard defined :fullscreen.
... selectors level 4 working draft defined :any-link, :blank, :local-link, :scope, :drop, :current, :past, :future, :place
holder-shown, :user-invalid, :nth-col(), :nth-last-col(), :is() and :where().
CSS reference - CSS: Cascading Style Sheets
ineoverscroll-behavior-xoverscroll-behavior-yppad (@counter-style)paddingpadding-blockpadding-block-endpadding-block-startpadding-bottompadding-inlinepadding-inline-endpadding-inline-startpadding-leftpadding-rightpadding-top@pagepage-break-afterpage-break-beforepage-break-insidepaint()paint-orderpath()pc<percentage>perspectiveperspective()perspective-originplace-contentplace-itemsplace-self::place
holderpointer-eventspolygon()<position>positionprefix (@counter-style)ptpxqqquotesrradradial-gradient()range (@counter-style)<ratio>:read-only:read-writerect()remrepeat()repeating-linear-gradient()repeating-radial-gradient():requiredresize<resolution>revertrgb()rgba():rightright@right-bottom:rootrotaterotate()rotate3d()rotatex()rotatey()rotatez()row-gapsssaturate()scalescale()scale3d()scalex()scaley()...
...roll-margin-rightscroll-margin-topscroll-paddingscroll-padding-blockscroll-padding-block-endscroll-padding-block-startscroll-padding-bottomscroll-padding-inlinescroll-padding-inline-endscroll-padding-inline-startscroll-padding-leftscroll-padding-rightscroll-padding-topscroll-snap-alignscroll-snap-stopscroll-snap-typescrollbar-colorscrollbar-width::selectionselector()sepia()<shape>shape-image-thres
holdshape-marginshape-outsidesize (@page)skew()skewx()skewy()::slottedspeak-as (@counter-style)src (@font-face)steps()<string>@stylesetstyleset()@stylisticstylistic()suffix (@counter-style)@supports@swashswash()symbols (@counter-style)symbols()system (@counter-style)ttab-sizetable-layout:targettarget-counter()target-counters()target-text()text-aligntext-align-lasttext-combine-uprighttext-decorationtex...
WebKit CSS extensions - CSS: Cascading Style Sheets
webkit-justify-items -webkit-justify-self -webkit-line-break m -webkit-mask -webkit-mask-clip -webkit-mask-composite -webkit-mask-image -webkit-mask-origin -webkit-mask-position -webkit-mask-repeat -webkit-mask-size o-r -webkit-opacity -webkit-order -webkit-perspective -webkit-perspective-origin -webkit-ruby-position s -webkit-scroll-snap-type -webkit-shape-image-thres
hold -webkit-shape-margin -webkit-shape-outside t -epub-text-decoration -webkit-text-color-decoration -webkit-text-decoration-line -webkit-text-decoration-style -epub-text-emphasis -webkit-text-emphasis -epub-text-emphasis-color -webkit-text-emphasis-color -webkit-text-emphasis-position -epub-text-emphasis-style -webkit-text-emphasis-style -webkit-text-justify -webkit-text-orientati...
... ::-webkit-file-upload-button ::-webkit-inner-spin-button ::-webkit-input-place
holder ::-webkit-media-controls ::-webkit-media-controls-current-time-display ::-webkit-media-controls-enclosure ::-webkit-media-controls-fullscreen-button ::-webkit-media-controls-mute-button ::-webkit-media-controls-overlay-enclosure ::-webkit-media-controls-panel ::-webkit-media-controls-play-button ::-webkit-media-controls-timeline ::-webkit-media-controls-time-remaining-display ::-webk...
animation-timing-function - CSS: Cascading Style Sheets
whether the animation
holds temporarily at 0%, 20%, 40%, 60% and 80%, on the 20%, 40%, 60%, 80% and 100%, or makes 5 stops between the 0% and 100% along the animation, or makes 5 stops including the 0% and 100% marks (on the 0%, 25%, 50%, 75%, and 100%) depends on which of the following jump terms is used: jump-start denotes a left-continuous function, so that the first jump happens when the animation begins; jump-...
...instead,
holding at both the 0% mark and the 100% mark, each for 1/n of the duration.
transition-timing-function - CSS: Cascading Style Sheets
whether the transition
holds temporarily at 0%, 20%, 40%, 60% and 80%, on the 20%, 40%, 60%, 80% and 100%, or makes 5 stops between the 0% and 100% along the transition, or makes 5 stops including the 0% and 100% marks (on the 0%, 25%, 50%, 75%, and 100%) depends on which of the following jump terms is used: jump-start denotes a left-continuous function, so that the first jump happens when the transition begins; ...
...instead,
holding at both the 0% mark and the 100% mark, each for 1/n of the duration jump-both includes pauses at both the 0% and 100% marks, effectively adding a step during the transition time.
Mouse gesture events - Developer guides
note: this event is sent whenever the movement of the user's fingers exceeds the number of pixels indicated by the browser.gesture.pinch.thres
hold preference.
... note: this event is sent whenever the movement of the user's fingers exceeds the number of pixels indicated by the browser.gesture.pinch.thres
hold preference.
Content categories - Developer guides
for example, the <del> and <ins> elements are transparent: <p>we
hold these truths to be <del><em>sacred & undeniable</em></del> <ins>self-evident</ins>.</p> if those elements were removed, this fragment would still be valid html (if not correct english).
... <p>we
hold these truths to be <em>sacred & undeniable</em> self-evident.</p> other content models sectioning root.
HTML attribute: rel - HTML: Hypertext Markup Language
note: apple's ios does not use this link type, nor the sizes attribute, like others mobile browsers do, to select a webpage icon for web clip or a start-up place
holder.
... note: apple's ios does not use this link type, nor the sizes attribute, like others mobile browsers do, to select a webpage icon for web clip or a start-up place
holder.
HTML elements reference - HTML: Hypertext Markup Language
element description <slot> the html <slot> element—part of the web components technology suite—is a place
holder inside a web component that you can fill with your own markup, which lets you create separate dom trees and present them together.
... <template> the html content template (<template>) element is a mechanism for
holding html that is not to be rendered immediately when a page is loaded but may be instantiated subsequently during runtime using javascript.
Memory Management - JavaScript
if the dom element
holds a large amount of data (illustrated in the above example with the "lotsofdata" property), the memory consumed by this data will never be released and can lead to memory related issues such as the browser becoming increasingly slower.
...the opposite does not
hold true as we have seen with circular references.
setter - JavaScript
val an alias for the variable that
holds the value attempted to be assigned to prop.
...it is not possible to simultaneously have a setter on a property that
holds an actual value.
Function.name - JavaScript
therefore we can't obtain the class name for virtually any class with a static method property name(): class foo { constructor() {} static name() {} } with a static name() method foo.name no longer
holds the actual class name but a reference to the name() function object.
... therefore you may not rely on the built-in function.name property to always
hold a class's name.
JSON.parse() - JavaScript
var j; function walk(
holder, key) { // the walk method is used to recursively walk the resulting structure so // that modifications can be made.
... var k; var v; var value =
holder[key]; if (value && typeof value === "object") { for (k in value) { if (object.prototype.hasownproperty.call(value, k)) { v = walk(value, k); if (v !== undefined) { value[k] = v; } else { delete value[k]; } } } } return reviver.call(
holder, key, value); } // parsing happens in four stages.
this - JavaScript
o.b = {g: independent, prop: 42}; console.log(o.b.g()); // 42 this on the object's prototype chain the same notion
holds true for methods defined somewhere on the object's prototype chain.
... this with a getter or setter again, the same notion
holds true when a function is invoked from a getter or a setter.
for await...of - JavaScript
async function getresponsesize(url) { const response = await fetch(url); // will
hold the size of the response, in bytes.
... responsesize += chunk.length; } console.log(`response size: ${responsesize} bytes`); // expected output: "response size: 1071472" return responsesize; } getresponsesize('https://jsonplace
holder.typicode.com/photos'); iterating over sync iterables and generators for await...of loop also consumes sync iterables and generators.
Image file type and format guide - Web media technologies
compression several compression methods are supported, including lossy or lossless algorithms licensing covered by the microsoft open specification promise; while microsoft
holds patents against bmp, they have published a promise not to assert its patent rights as long as specific conditions are met.
...lossless webp
holds the anim chunk, which describes the animation, and the anmf chunk, which represents a frame of an animation sequence.
Mapping the width and height attributes of media container elements to their aspect-ratio - Web media technologies
jank problems when loading images in the olden days of web development, it was always seen as a good practice to add width and height attributes to your html <img> elements, so that when browsers first loaded the page, they could put a correctly-sized place
holder box in the layout for each image to appear in when it finally loads.
... without the width and height attributes, no place
holder space would be created, and when the image finally loaded you would get a noticeable jank in the page layout.
Understanding WebAssembly text format - WebAssembly
webassembly could add an anyfunc type ("any" because the type could
hold functions of any signature), but unfortunately this anyfunc type couldn’t be stored in linear memory for security reasons.
... reference types the reference types proposal (supported in firefox 79) provides two main features: a new type, externref, which can
hold any javascript value, for example strings, dom references, objects, etc.
context-menu - Archive of obsolete content
if the total number of menu items in the main context menu from all add-ons exceeds a certain number (normally 10 but configurable with the extensions.addon-sdk.context-menu.overflowthres
hold preference) all of the menu items will instead appear in an overflow menu to avoid making the context menu too large.
/loader - Archive of obsolete content
let module = module('foo/bar', 'resource:///modules/foo/bar.js'); note that this won't actually load any module code, it just creates a place
holder for it.
Displaying annotations - Archive of obsolete content
updating main.js first, initialize an array to
hold workers associated with the matcher's content scripts: var matchers = []; in the main function, add the code to create the matcher: var matcher = pagemod.pagemod({ include: ['*'], contentscriptwhen: 'ready', contentscriptfile: [data.url('jquery-1.4.2.min.js'), data.url('matcher.js')], onattach: function(worker) { if(simplestorage.storage.annotations) { w...
Finding window handles - Archive of obsolete content
ple_ref/occ/instp/nsapplication/orderfront: * [nswindowptr orderfront:nil] */ var orderfront = sel_registername('orderfront:'); var nswindowptr = ctypes.voidptr_t(ctypes.uint64(nswindowstring)); var rez_orderfront = objc_msgsend(nswindowptr, orderfront, nil); console.log('rez_orderfront:', rez_orderfront, rez_orderfront.tostring()); objc.close(); unix under unix systems, the nativehandle
holds a string address to a gdkwindow* (the asterik/star means pointer).
Miscellaneous - Archive of obsolete content
</div> <script type="text/javascript"> var elm = document.getelementbyid("scrollarea"); elm.addeventlistener("dommousescroll", function scroll(event){ //event.detail is positive for a downward scroll, negative for an upward scroll alert("scrolling " + event.detail + " lines"); }, false); </script> if you do not receive a dommousescroll event while
holding any of the modifier keys (ctrl,shift,alt,meta) you should check the mousewheel.withcontrolkey.action and related preferences.
How to convert an overlay extension to restartless - Archive of obsolete content
: 'pixel-hbox'}, description({'value': this.stringbundle.getstringfromname('firexpixel.opacity')}), htmlinput({'id': 'opacity-range', 'type': 'range', 'min': '0', 'max': '10'}) ), hbox({'id': 'pixel-coords', 'class': 'pixel-hbox'}, label({'control': 'coord-x', 'value': 'x:'}), textbox({'id': 'coord-x', 'class': 'coord-box', 'place
holder' : '0'}), label({'control': 'coord-y', 'value': 'y:'}), textbox({'id': 'coord-y', 'class': 'coord-box', 'place
holder': '0'}) ...
Inline options - Archive of obsolete content
see mxr for what all this
holds: http://mxr.mozilla.org/mozilla-release/source/toolkit/mozapps/extensions/content/setting.xml for example you can fire this.inputchanged() etc etc.
Chapter 1: Introduction to Extensions - Archive of obsolete content
this lowers the thres
hold both to using and to developing extensions; that fact, combined with firefox's rapidly growing popularity, has created a positive feedback loop, with the number of extension users and extension developers growing explosively—there are now more than 7000 extensions and themes published at the firefox add-ons site (https://addons.mozilla.org).
2006-09-29 - Archive of obsolete content
summary: mozilla.dev.apps.thunderbird - september 22-29, 2006 announcements development for thunderjudge extension is put on
hold the author of the thunderjudge extension is currently putting the development of the extension on
hold due to several issues (more details available at the website).
2006-10-06 - Archive of obsolete content
re: plan to
hold trunk closed for lack of talkback dbaron mentioned that maybe trunk should be closed because of lack of talkbacks received ( bug 354835 is suspected).
NPObject - Archive of obsolete content
« gecko plugin api reference « scripting plugins summary npobject is a structure that
holds a pointer to an npclass and an integer reference count, and possibly also implementation specific (i.e.
NPString - Archive of obsolete content
« gecko plugin api reference « scripting plugins summary npstring is a struct that
holds a pointer to a sequence of 8-bit units (nputf8) making up a utf-8 string, and the number of 8-bit units in the utf-8 string.
Table Reflow Internals - Archive of obsolete content
special height reflow the reflow state
holds an observer and initiator observer is the table cell used as the height basis set by frame without computed height in didreflow gives its block a computed height during 3rd pass doesn't change height during 3rd pass initiator is the table containing the observer starts the 3rd pass reflow and sets a bit in the reflow state gives its block a computed height during 3rd pass could also be insid...
Theme changes in Firefox 2 - Archive of obsolete content
ab[selected="true"] > .tab-image-left tab[selected="true"] > .tab-image-middle tab[selected="true"] > .tab-image-right the following styles are new in firefox 2: .alltabs-item > .menu-iconic-left > .menu-iconic-icon .alltabs-item[busy] > .menu-iconic-left > .menu-iconic-icon .alltabs-item[selected="true"] .tab-close-button .tab-close-button > .toolbarbutton-icon .tab-close-button-place
holder .tab-close-button:hover .tab-close-button:hover:active .tabbrowser-arrowscrollbox > .scrollbutton-down .tabbrowser-arrowscrollbox > .scrollbutton-down:hover .tabbrowser-arrowscrollbox > .scrollbutton-up .tabbrowser-arrowscrollbox > .scrollbutton-up:hover .tabbrowser-tab > .tab-close-button .tabbrowser-tab:not([selected="true"]) > .tab-close-button .tabbrowser-tab:not([selected="true"])...
::-ms-clear - Archive of obsolete content
ize font-style font-weight height margin-bottom margin-left margin-right margin-top opacity outline-color outline-style outline-width padding-bottom padding-left padding-right padding-top transform transform-origin visibility width syntax ::-ms-clear example html <form> <label for="firstname">first name:</label> <input type="text" id="firstname" name="firstname" place
holder="first name"> <br> <label for="lastname">last name:</label> <input type="text" id="lastname" name="lastname" place
holder="second name"> </form> css input, label { display: block; } input[type=text]::-ms-clear { color: red; /* this sets the cross color as red.
LiveConnect Overview - Archive of obsolete content
for example, you can create a java string object and assign it to the javascript variable mystring by using the new operator with the java constructor, as follows: var mystring = new java.lang.string("hello world"); in the previous example, the variable mystring is a javaobject because it
holds an instance of the java object string.
MDN Web Docs Glossary: Definitions of Web-related terms
ssl opera browser operand operator origin ota owasp p p2p pac packet page load time page prediction parameter parent object parse parser pdf perceived performance percent-encoding php pixel place
holder names plaintext png polyfill polymorphism pop3 port prefetch preflight request prerender presto primitive privileged privileged code progressive enhancement progressive web apps promise property property (css) property (javasc...
HTML: A good basis for accessibility - Learn web development
="center">home</a> </td> <td width="200"> <a href="#" align="center">our team</a> </td> <td width="200"> <a href="#" align="center">projects</a> </td> <td width="200"> <a href="#" align="center">contact</a> </td> <td width="300"> <form width="300"> <input type="search" name="q" place
holder="search query" width="300"> </form> </td> <td width="100"> <button width="100">go!</button> </td> </tr> <!-- spacer row --> <tr id="spacer" height="10"> <td> </td> </tr> <!-- main content and aside row --> <tr id="main"> <td id="content" colspan="4" bgcolor="#ffffff"> <!-- main co...
HTML: A good basis for accessibility - Learn web development
="center">home</a> </td> <td width="200"> <a href="#" align="center">our team</a> </td> <td width="200"> <a href="#" align="center">projects</a> </td> <td width="200"> <a href="#" align="center">contact</a> </td> <td width="300"> <form width="300"> <input type="search" name="q" place
holder="search query" width="300"> </form> </td> <td width="100"> <button width="100">go!</button> </td> </tr> <!-- spacer row --> <tr id="spacer" height="10"> <td> </td> </tr> <!-- main content and aside row --> <tr id="main"> <td id="content" colspan="4" bgcolor="#ffffff"> <!-- main co...
Accessible multimedia - Learn web development
document.queryselector('.playpause'); const stopbtn = document.queryselector('.stop'); const rwdbtn = document.queryselector('.rwd'); const fwdbtn = document.queryselector('.fwd'); const timelabel = document.queryselector('.time'); next, we need to grab a reference to the video/audio player itself — add this line below the previous lines: const player = document.queryselector('video'); this
holds a reference to a htmlmediaelement object, which has several useful properties and methods available on it that can be used to wire up functionality to our buttons.
PR_Recv
buf a pointer to a buffer to
hold the data received.
PR_TransmitFile
headers a pointer to the buffer
holding the headers to be sent before sending data.
PR_Wait
the monitor object referenced must be one for which the calling thread currently
holds the lock.
PR_Write
buf a pointer to the buffer
holding the data to be written.
PR_cnvtf
bufsz the size of the buffer provided to
hold the result.
FIPS Mode - an explanation
it may not do any cryptographic operations that involve the use of cryptographic keys, nor allow any of the keys or certificates it
holds to be seen or used, except when a user has successfully authenticated to it.
NSS_3.12_release_notes.html
_flag public_mech_camellia_flag new oids (see secoidt.h) new ec signature oids sec_oid_ansix962_ecdsa_signature_recommended_digest sec_oid_ansix962_ecdsa_signature_specified_digest sec_oid_ansix962_ecdsa_sha224_signature sec_oid_ansix962_ecdsa_sha256_signature sec_oid_ansix962_ecdsa_sha384_signature sec_oid_ansix962_ecdsa_sha512_signature more id-ce and id-pe oids from rfc 3280 sec_oid_x509_
hold_instruction_code sec_oid_x509_delta_crl_indicator sec_oid_x509_issuing_distribution_point sec_oid_x509_cert_issuer sec_oid_x509_freshest_crl sec_oid_x509_inhibit_any_policy sec_oid_x509_subject_info_access camellia oids (rfc3657) sec_oid_camellia_128_cbc sec_oid_camellia_192_cbc sec_oid_camellia_256_cbc pkcs 5 v2 oids sec_oid_pkcs5_pbkdf2 sec_oid_pkcs5_pbes2 sec_oid_pkcs5_pbmac1 sec_oid_hmac_...
NSS 3.28 release notes
nss will now check if rsa-pss signing is supported by the token that
holds the private key prior to using it for tls (bug 1311950).
NSS 3.34 release notes
sslchannelinfo has two new fields (bug 1396525) sslnamedgroup originalkeagroup
holds the key exchange group of the original handshake, when the session was resumed.
Notes on TLS - SSL 3.0 Intolerant Servers
) domino-go-webserver/4.6.2.6 (and perhaps some later versions) ibm_http_server/1.3.6.3 or earlier (* update to 1.3.6.4) ibm_http_server/1.3.12.1 or earlier (* update to 1.3.12.2) java web server 2 osu/3.2 - decthreads http server for openvm strong
hold/2.2 webmail v.
NSS tools : crlutil
reasoncode non-critical code where: reasoncode: identifies the name of an extension non-critical: should be set to 0 since this is non-critical extension code: the following codes are available: unspecified (0), keycompromise (1), cacompromise (2), affiliationchanged (3), superseded (4), cessationofoperation (5), certificate
hold (6), removefromcrl (8), privilegewithdrawn (9), aacompromise (10) * add invalidity date extension: the invalidity date is a non-critical crl entry extension that provides the date on which it is known or suspected that the private key was compromised or that the certificate otherwise became invalid.
NSS tools : modutil
the purpose of %temp% is to
hold executable files (such as setup programs) or files that are used by these programs.
NSS Tools crlutil
l code where: reasoncode: identifies the name of an extension non-critical: should be set to 0 since this is non-critical extension code: the following codes are available: unspecified (0), keycompromise (1), cacompromise (2), affiliationchanged (3), superseded (4), cessationofoperation (5), certificate
hold (6), removefromcrl (8), privilegewithdrawn (9), aacompromise (10) add invalidity date extension: the invalidity date is a non-critical crl entry extension that provides the date on which it is known or suspected that the private key was compromised or that the certificate otherwise became invalid.
NSS Tools modutil
the purpose of "%temp%" is to
hold executable files (such as setup programs) or files that are used by these programs.
BaseAudioContext.createDynamicsCompressor() - Web APIs
// create a mediaelementaudiosourcenode // feed the htmlmediaelement into it var source = audioctx.createmediaelementsource(myaudio); // create a compressor node var compressor = audioctx.createdynamicscompressor(); compressor.thres
hold.setvalueattime(-50, audioctx.currenttime); compressor.knee.setvalueattime(40, audioctx.currenttime); compressor.ratio.setvalueattime(12, audioctx.currenttime); compressor.attack.setvalueattime(0, audioctx.currenttime); compressor.release.setvalueattime(0.25, audioctx.currenttime); // connect the audiobuffersourcenode to the destination source.connect(audioctx.destination); button.onclick = func...
BasicCardRequest - Web APIs
this has to conform to the structure defined by the basiccardresponse dictionary, and may look something like this: { "cardnumber' : '9999999999999999", "card
holdername' : 'mr dick straw", "cardsecuritycode" : "999", "expirymonth" : "07", "expiryyear" : "2021", "billingaddress" : { "country" : "gb", // etc.
BasicCardResponse.billingAddress - Web APIs
this has to conform to the structure defined by the basiccardresponse dictionary, and may look something like this: { "cardnumber' : '9999999999999999", "card
holdername' : 'mr.
BasicCardResponse.cardNumber - Web APIs
this has to conform to the structure defined by the basiccardresponse dictionary, and may look something like this: { "cardnumber' : '9999999999999999", "card
holdername' : 'mr.
BasicCardResponse.expiryMonth - Web APIs
this has to conform to the structure defined by the basiccardresponse dictionary, and may look something like this: { "cardnumber' : '9999999999999999", "card
holdername' : 'mr.
BasicCardResponse.expiryYear - Web APIs
this has to conform to the structure defined by the basiccardresponse dictionary, and may look something like this: { "cardnumber' : '9999999999999999", "card
holdername' : 'mr.
readValue() - Web APIs
the bluetoothremotegattdescriptor.readvalue() method returns a promise that resolves to an arraybuffer
holding a duplicate of the value property if it is available and supported.
BluetoothRemoteGATTDescriptor - Web APIs
methods bluetoothremotegattdescriptor.readvalue() returns a promise that resolves to an arraybuffer
holding a duplicate of the value property if it is available and supported.
Cache - Web APIs
it
holds the cachestorage object, by which it can access the cachestorage interface.
CacheStorage - Web APIs
async function getdata() { const cacheversion = 1; const cachename = `myapp-${ cacheversion }`; const url = 'https://jsonplace
holder.typicode.com/todos/1'; let cacheddata = await getcacheddata( cachename, url ); if ( cacheddata ) { console.log( 'retrieved cached data' ); return cacheddata; } console.log( 'fetching fresh data' ); const cachestorage = await caches.open( cachename ); await cachestorage.add( url ); cacheddata = await getcacheddata( cachename, url ); await deleteoldcache...
ClipboardEvent.clipboardData - Web APIs
the clipboardevent.clipboarddata property
holds a datatransfer object, which can be used: to specify what data should be put into the clipboard from the cut and copy event handlers, typically with a setdata(format, data) call; to obtain the data to be pasted from the paste event handler, typically with a getdata(format) call.
DOMPoint.w - Web APIs
the dompoint interface's w property
holds the point's perspective value, w, for a point in space.
DOMPoint.x - Web APIs
the dompoint interface's x property
holds the horizontal coordinate, x, for a point in space.
DOMPoint.y - Web APIs
the dompoint interface's y property
holds the vertical coordinate, y, for a point in space.
DOMPointReadOnly.w - Web APIs
the dompointreadonly interface's w property
holds the point's perspective value, w, for a read-only point in space.
Binary strings - Web APIs
the reason that brought to use utf-16 code units as place
holders for uint8 numbers is that as web applications become more and more powerful (adding features such as audio and video manipulation, access to raw data using websockets, and so forth) it has become clear that there are times when it would be helpful for javascript code to be able to quickly and easily manipulate raw binary data.
DirectoryReaderSync - Web APIs
self.requestfilesystemsync = self.webkitrequestfilesystemsync || self.requestfilesystemsync; // global for
holding the list of entry file system urls.
Document.forms - Web APIs
index].elements[index]; named form access <!doctype html> <html lang="en"> <head> <title>document.forms example</title> </head> <body> <form name="login"> <input name="email" type="email"> <input name="password" type="password"> <button type="submit">log in</button> </form> <script> var loginform = document.forms.login; // or document.forms['login'] loginform.elements.email.place
holder = 'test@example.com'; loginform.elements.password.place
holder = 'password'; </script> </body> </html> specifications specification status comment html living standardthe definition of 'document.forms' in that specification.
Document.registerElement() - Web APIs
the mytag variable
holds a constructor that you can use to create a my-tag element in the document as follows: document.body.appendchild(new mytag()); this inserts an empty my-tag element that will be visible if you use the browser's developer tools.
Introduction to the DOM - Web APIs
these elements may also have specific interfaces for dealing with the kind of data those elements
hold, as in the table object example in the previous section.
DynamicsCompressorNode.attack - Web APIs
// create a mediaelementaudiosourcenode // feed the htmlmediaelement into it var source = audioctx.createmediaelementsource(myaudio); // create a compressor node var compressor = audioctx.createdynamicscompressor(); compressor.thres
hold.setvalueattime(-50, audioctx.currenttime); compressor.knee.setvalueattime(40, audioctx.currenttime); compressor.ratio.setvalueattime(12, audioctx.currenttime); compressor.attack.setvalueattime(0, audioctx.currenttime); compressor.release.setvalueattime(0.25, audioctx.currenttime); // connect the audiobuffersourcenode to the destination source.connect(audioctx.destination); button.onclick = func...
DynamicsCompressorNode.ratio - Web APIs
// create a mediaelementaudiosourcenode // feed the htmlmediaelement into it var source = audioctx.createmediaelementsource(myaudio); // create a compressor node var compressor = audioctx.createdynamicscompressor(); compressor.thres
hold.setvalueattime(-50, audioctx.currenttime); compressor.knee.setvalueattime(40, audioctx.currenttime); compressor.ratio.setvalueattime(12, audioctx.currenttime); compressor.attack.setvalueattime(0, audioctx.currenttime); compressor.release.setvalueattime(0.25, audioctx.currenttime); // connect the audiobuffersourcenode to the destination source.connect(audioctx.destination); button.onclick = func...
DynamicsCompressorNode.release - Web APIs
// create a mediaelementaudiosourcenode // feed the htmlmediaelement into it var source = audioctx.createmediaelementsource(myaudio); // create a compressor node var compressor = audioctx.createdynamicscompressor(); compressor.thres
hold.setvalueattime(-50, audioctx.currenttime); compressor.knee.setvalueattime(40, audioctx.currenttime); compressor.ratio.setvalueattime(12, audioctx.currenttime); compressor.attack.setvalueattime(0, audioctx.currenttime); compressor.release.setvalueattime(0.25, audioctx.currenttime); // connect the audiobuffersourcenode to the destination source.connect(audioctx.destination); button.onclick = func...
Element: focusin event - Web APIs
bubbles yes cancelable no interface focusevent event handler property onfocusin sync / async sync composed yes examples live example html <form id="form"> <input type="text" place
holder="text input"> <input type="password" place
holder="password"> </form> javascript const form = document.getelementbyid('form'); form.addeventlistener('focusin', (event) => { event.target.style.background = 'pink'; }); form.addeventlistener('focusout', (event) => { event.target.style.background = ''; }); result specifications specification status comment ...
Element: focusout event - Web APIs
bubbles yes cancelable no interface focusevent event handler property onfocusout sync / async sync composed yes examples live example html <form id="form"> <input type="text" place
holder="text input"> <input type="password" place
holder="password"> </form> javascript const form = document.getelementbyid('form'); form.addeventlistener('focusin', (event) => { event.target.style.background = 'pink'; }); form.addeventlistener('focusout', (event) => { event.target.style.background = ''; }); result specifications specification status comment ...
Element: keydown event - Web APIs
<input place
holder="click here, then press down a key." size="40"> <p id="log"></p> const input = document.queryselector('input'); const log = document.getelementbyid('log'); input.addeventlistener('keydown', logkey); function logkey(e) { log.textcontent += ` ${e.code}`; } onkeydown equivalent input.onkeydown = logkey; specifications specification status ui events working dr...
Element: keyup event - Web APIs
<input place
holder="click here, then press and release a key." size="40"> <p id="log"></p> const input = document.queryselector('input'); const log = document.getelementbyid('log'); input.addeventlistener('keyup', logkey); function logkey(e) { log.textcontent += ` ${e.code}`; } onkeyup equivalent input.onkeyup = logkey; specifications specification status ui events working d...
Element.outerHTML - Web APIs
for example: var div = document.createelement("div"); div.outerhtml = "<div class=\"test\">test</div>"; console.log(div.outerhtml); // output: "<div></div>" also, while the element will be replaced in the document, the variable whose outerhtml property was set will still
hold a reference to the original element: var p = document.getelementsbytagname("p")[0]; console.log(p.nodename); // shows: "p" p.outerhtml = "<div>this div replaced a paragraph.</div>"; console.log(p.nodename); // still "p"; the returned value will contain html escaped attributes: var anc = document.createelement("a"); anc.href = "https://developer.mozilla.org?a=b&c=d"; console.log(anc.outerhtml)...
Element.setCapture() - Web APIs
example in this example, the current mouse coordinates are drawn while you mouse around after clicking and
holding down on an element.
Element.slot - Web APIs
a slot is a place
holder inside a web component that users can fill with their own markup (see using templates and slots for more information).
FileSystemEntry.fullPath - Web APIs
function gotfilesystem(fs) { let path = ""; fs.root.getfile("data.json", { create: true, exclusive: true }, function(entry) { path = fullpath; }, handleerror(error)); return path; } obviously, this is somewhat contrived, since we know that the file's full path is "/data.json", having just looked it up ourselves, but the concept
holds up for scenarios in which you don't know it.
Using FormData Objects - Web APIs
simply include an <input> element of type file in your <form>: <form enctype="multipart/form-data" method="post" name="fileinfo"> <label>your email address:</label> <input type="email" autocomplete="on" autofocus name="userid" place
holder="email" required size="32" maxlength="64" /><br /> <label>custom file label:</label> <input type="text" name="filelabel" size="12" maxlength="32" /><br /> <label>file to stash:</label> <input type="file" name="file" required /> <input type="submit" value="stash the file!" /> </form> <div></div> then you can send it using code like the following: var form = document.forms.nameditem(...
KeyboardEvent.altKey - Web APIs
key return value boolean examples <html> <head> <title>altkey example</title> <script type="text/javascript"> function showchar(e){ alert( "key keydown: " + string.fromcharcode(e.charcode) + "\n" + "charcode: " + e.charcode + "\n" + "alt key keydown: " + e.altkey + "\n" ); } </script> </head> <body onkeydown="showchar(event);"> <p> press any character key, with or without
holding down the alt key.<br /> you can also use the shift key together with the alt key.
KeyboardEvent.ctrlKey - Web APIs
syntax var ctrlkeypressed = instanceofkeyboardevent.ctrlkey return value a boolean example <html> <head> <title>ctrlkey example</title> <script type="text/javascript"> function showchar(e){ alert( "key pressed: " + e.key + "\n" + "ctrl key pressed: " + e.ctrlkey + "\n" ); } </script> </head> <body onkeypress="showchar(event);"> <p>press any character key, with or without
holding down the ctrl key.<br /> you can also use the shift key together with the ctrl key.</p> </body> </html> specifications specification status comment document object model (dom) level 3 events specificationthe definition of 'keyboardevent.ctrlkey' in that specification.
KeyboardEvent.shiftKey - Web APIs
d> <title>shiftkey example</title> <script type="text/javascript"> function showchar(e){ alert( "key pressed: " + string.fromcharcode(e.charcode) + "\n" + "charcode: " + e.charcode + "\n" + "shift key pressed: " + e.shiftkey + "\n" + "alt key pressed: " + e.altkey + "\n" ); } </script> </head> <body onkeypress="showchar(event);"> <p>press any character key, with or without
holding down the shift key.<br /> you can also use the shift key together with the alt key.</p> </body> </html> specifications specification status comment document object model (dom) level 3 events specificationthe definition of 'keyboardevent.shiftkey' in that specification.
Long Tasks API - Web APIs
the 50 ms thres
hold comes from the rail model, in particular the "response: process events in under 50 ms" section.
MediaDevices.getUserMedia() - Web APIs
if (navigator.mediadevices.getusermedia === undefined) { navigator.mediadevices.getusermedia = function(constraints) { // first get a
hold of the legacy getusermedia, if present var getusermedia = navigator.webkitgetusermedia || navigator.mozgetusermedia; // some browsers just don't implement it - return a rejected promise with an error // to keep a consistent interface if (!getusermedia) { return promise.reject(new error('getusermedia is not implemented in this browser')); } // otherwise, wrap the ca...
MediaStream Image Capture API - Web APIs
though a mediastream
holds several types of tracks and provides multiple methods for retrieving them, the imagecapture constructor will throw a domexception of type notsupportederror if mediastreamtrack.kind is not "video".
Capabilities, constraints, and settings - Web APIs
then we initialize the variables which will
hold the mediatrackconstraints objects for the video and audio tracks, as well as the variables which will
hold references to the video and audio tracks themselves, to null.
PannerNode.coneInnerAngle - Web APIs
otation vector immediately panner.orientationx.setvalueattime(x1, context.currenttime); panner.orientationy.setvalueattime(y1, context.currenttime); panner.orientationz.setvalueattime(z1, context.currenttime); // calculate the vector for -22.4 degrees // since our coneouterangle is 45, this will just about make the sound audible // if we set it to +/-22.5, the sound volume will be 0, as the thres
hold is exclusive const [x2, y2, z2] = yrotationtovector(-22.4); panner.orientationx.setvalueattime(x2, context.currenttime + 2); panner.orientationy.setvalueattime(y2, context.currenttime + 2); panner.orientationz.setvalueattime(z2, context.currenttime + 2); finally, let's connect all our nodes and start the oscillator!
PannerNode.coneOuterAngle - Web APIs
otation vector immediately panner.orientationx.setvalueattime(x1, context.currenttime); panner.orientationy.setvalueattime(y1, context.currenttime); panner.orientationz.setvalueattime(z1, context.currenttime); // calculate the vector for -22.4 degrees // since our coneouterangle is 45, this will just about make the sound audible // if we set it to +/-22.5, the sound volume will be 0, as the thres
hold is exclusive const [x2, y2, z2] = yrotationtovector(-22.4); panner.orientationx.setvalueattime(x2, context.currenttime + 2); panner.orientationy.setvalueattime(y2, context.currenttime + 2); panner.orientationz.setvalueattime(z2, context.currenttime + 2); finally, let's connect all our nodes and start the oscillator!
PannerNode.coneOuterGain - Web APIs
otation vector immediately panner.orientationx.setvalueattime(x1, context.currenttime); panner.orientationy.setvalueattime(y1, context.currenttime); panner.orientationz.setvalueattime(z1, context.currenttime); // calculate the vector for -22.4 degrees // since our coneouterangle is 45, this will just about make the sound audible // if we set it to +/-22.5, the sound volume will be 0, as the thres
hold is exclusive const [x2, y2, z2] = yrotationtovector(-22.4); panner.orientationx.setvalueattime(x2, context.currenttime + 2); panner.orientationy.setvalueattime(y2, context.currenttime + 2); panner.orientationz.setvalueattime(z2, context.currenttime + 2); finally, let's connect all our nodes and start the oscillator!
PannerNode.orientationX - Web APIs
otation vector immediately panner.orientationx.setvalueattime(x1, context.currenttime); panner.orientationy.setvalueattime(y1, context.currenttime); panner.orientationz.setvalueattime(z1, context.currenttime); // calculate the vector for -22.4 degrees // since our coneouterangle is 45, this will just about make the sound audible // if we set it to +/-22.5, the sound volume will be 0, as the thres
hold is exclusive const [x2, y2, z2] = yrotationtovector(-22.4); panner.orientationx.setvalueattime(x2, context.currenttime + 2); panner.orientationy.setvalueattime(y2, context.currenttime + 2); panner.orientationz.setvalueattime(z2, context.currenttime + 2); finally, let's connect all our nodes and start the oscillator!
PannerNode.orientationY - Web APIs
otation vector immediately panner.orientationx.setvalueattime(x1, context.currenttime); panner.orientationy.setvalueattime(y1, context.currenttime); panner.orientationz.setvalueattime(z1, context.currenttime); // calculate the vector for -22.4 degrees // since our coneouterangle is 45, this will just about make the sound audible // if we set it to +/-22.5, the sound volume will be 0, as the thres
hold is exclusive const [x2, y2, z2] = yrotationtovector(-22.4); panner.orientationx.setvalueattime(x2, context.currenttime + 2); panner.orientationy.setvalueattime(y2, context.currenttime + 2); panner.orientationz.setvalueattime(z2, context.currenttime + 2); finally, let's connect all our nodes and start the oscillator!
PannerNode.orientationZ - Web APIs
otation vector immediately panner.orientationx.setvalueattime(x1, context.currenttime); panner.orientationy.setvalueattime(y1, context.currenttime); panner.orientationz.setvalueattime(z1, context.currenttime); // calculate the vector for -22.4 degrees // since our coneouterangle is 45, this will just about make the sound audible // if we set it to +/-22.5, the sound volume will be 0, as the thres
hold is exclusive const [x2, y2, z2] = yrotationtovector(-22.4); panner.orientationx.setvalueattime(x2, context.currenttime + 2); panner.orientationy.setvalueattime(y2, context.currenttime + 2); panner.orientationz.setvalueattime(z2, context.currenttime + 2); finally, let's connect all our nodes and start the oscillator!
PaymentAddress - Web APIs
this has to conform to the structure defined by the basiccardresponse dictionary, and may look something like this: { "cardnumber' : '9999999999999999", "card
holdername' : 'pat straw", "cardsecuritycode" : "999", "expirymonth" : "07", "expiryyear" : "2021", "billingaddress" : { "country" : "gb", // etc.
Multi-touch interaction - Web APIs
<body onload="init();" style="touch-action:none"> <div id="target1"> tap,
hold or swipe me 1</div> <div id="target2"> tap,
hold or swipe me 2</div> <div id="target3"> tap,
hold or swipe me 3</div> <!-- ui for logging/debugging --> <button id="log" onclick="enablelog(event);">start/stop event logging</button> <button id="clearlog" onclick="clearlog(event);">clear the log</button> <p></p> <output></output> </body> miscellaneous functions these functions support the...
Pinch zoom gestures - Web APIs
<body onload="init();" style="touch-action:none"> <div id="target">touch and
hold with 2 pointers, then pinch in or out.<br/> the background color will change to pink if the pinch is opening (zoom in) or changes to lightblue if the pinch is closing (zoom out).</div> <!-- ui for logging/debugging --> <button id="log" onclick="enablelog(event);">start/stop event logging</button> <button id="clearlog" onclick="clearlog(event);">clear the log</button> <p></p> <output>...
PublicKeyCredential - Web APIs
publickeycredential.rawid read only secure context an arraybuffer that
holds the globally unique identifier for this publickeycredential.
PublicKeyCredentialRequestOptions - Web APIs
the publickeycredentialrequestoptions dictionary of the web authentication api
holds the options passed to navigator.credentials.get() in order to fetch a given publickeycredential.
RTCDataChannel.bufferedAmount - Web APIs
whenever this value decreases to fall to or below the value specified in the bufferedamountlowthres
hold property, the user agent fires the bufferedamountlow event.
RTCDataChannel.onbufferedamountlow - Web APIs
this event, which is represented by a simple event object, is sent when the amount of data buffered to be sent falls to or below the thres
hold specified by the channel's bufferedamountlowthres
hold.
Selection - Web APIs
typically, it
holds only one range, accessed as follows: var selobj = window.getselection(); var range = selobj.getrangeat(0); selobj is a selection object range is a range object as the selection api specification notes, the selection api was initially created by netscape and allowed multiple ranges (for instance, to allow the user to select a column from a <table>).
SpeechRecognition.onnomatch - Web APIs
the onnomatch property of the speechrecognition interface represents an event handler that will run when the speech recognition service returns a final result with no significant recognition (when the nomatch event fires.) this may involve some degree of recognition, which doesn't meet or exceed the confidence thres
hold.
Storage Access API - Web APIs
prompting heuristics currently vary across the two implementers of the storage access api — safari shows prompts for all embedded tracking content that has not previously received storage access, while firefox only prompts users after a tracking origin has requested storage access on more than a thres
hold number of sites.
TextEncoder.prototype.encodeInto() - Web APIs
if the output is expected to be long-lived, it makes sense to compute minimum allocation rounduptobucketsize(s.length), the maximum allocation size s.length * 3, and to have a chosen (as a tradeoff between memory usage and speed) thres
hold t such that if rounduptobucketsize(s.length) + t >= s.length * 3, you simply allocate for s.length * 3.
TextMetrics - Web APIs
examples baselines illustrated this example demonstrates the baselines the textmetrics object
holds.
TextRange - Web APIs
for example, when you
hold down the mouse to select the content on the page, you create a typical textrange.
ValidityState.patternMismatch - Web APIs
examples given the following: <p> <label>enter your phone number in the format (123)456-7890 (<input name="tel1" type="tel" pattern="[0-9]{3}" place
holder="###" aria-label="3-digit area code" size="2"/>)- <input name="tel2" type="tel" pattern="[0-9]{3}" place
holder="###" aria-label="3-digit prefix" size="2"/> - <input name="tel3" type="tel" pattern="[0-9]{4}" place
holder="####" aria-label="4-digit number" size="3"/> </label> </p> here we have 3 sections for a north american phone number with an implicit label encompassing all three compon...
Basic scissoring - Web APIs
a pixel is a picture element (in practice, a point) on the screen, or a single element of the drawing buffer, that area in memory that
holds your pixel data (such as rgba color components).
Boilerplate 1 - Web APIs
specifically, the html has a <p> element that contains some descriptive text about the page and may also
hold error messages; a <canvas> element; and optionally a <button>.
Clearing by clicking - Web APIs
var canvas = document.queryselector("#canvas-view"); var button = document.queryselector("#color-switcher"); canvas.addeventlistener("click", switchcolor, false); button.addeventlistener("click", switchcolor, false); // a variable to
hold the webglrenderingcontext.
Simple color animation - Web APIs
nvas { display : block; width : 280px; height : 210px; margin : auto; padding : 0; border : none; background-color : black; } button { display : inline-block; font-size : inherit; margin : auto; padding : 0.6em; } window.addeventlistener("load", function setupanimation (evt) { "use strict" window.removeeventlistener(evt.type, setupanimation, false); // a variable to
hold a timer that drives the animation.
WebGL constants - Web APIs
ext_disjoint_timer_query constant name value description query_counter_bits_ext 0x8864 the number of bits used to
hold the query result for the given target.
A simple RTCDataChannel sample - Web APIs
<div class="messagebox"> <label for="message">enter a message: <input type="text" name="message" id="message" place
holder="message text" inputmode="latin" size=60 maxlength=120 disabled> </label> <button id="sendbutton" name="sendbutton" class="buttonright" disabled> send </button> </div> finally, there's the little box into which we'll insert the messages.
Operable - Accessibility
success criteria how to conform to the criteria practical resource 2.3.1 three flashes, or below thres
hold (a) content doesn't contain any aspect that flashes more than three times per second, or flashing content is below acceptable flash and red flash thres
holds.
:any-link - CSS: Cascading Style Sheets
/* selects any element that would be matched by :link or :visited */ :any-link { color: green; } syntax :any-link examples html <a href="https://example.com">external link</a><br> <a href="#">internal target link</a><br> <a>place
holder link (won't get styled)</a> css a:any-link { border: 1px solid blue; color: orange; } /* webkit browsers */ a:-webkit-any-link { border: 1px solid blue; color: orange; } result specifications specification status comment selectors level 4the definition of ':any-link' in that specification.
:in-range - CSS: Cascading Style Sheets
<li> <input id="value1" name="value1" type="number" place
holder="1 to 10" min="1" max="10" value="12"> <label for="value1">your value is </label> </li> </ul> </form> css li { list-style: none; margin-bottom: 1em; } input { border: 1px solid black; } input:in-range { background-color: rgba(0, 255, 0, 0.25); } input:out-of-range { background-color: rgba(255, 0, 0, 0.25); border: 2px solid red; } input:in-range + label::after { ...
:link - CSS: Cascading Style Sheets
html <a href="#ordinary-target">this is an ordinary link.</a><br> <a href="">you've already visited this link.</a><br> <a>place
holder link (won't get styled)</a> css a:link { background-color: gold; color: green; } result specifications specification status comment html living standardthe definition of ':link' in that specification.
:out-of-range - CSS: Cascading Style Sheets
in the absence of such a limitation, the element can neither be "in-range" nor "out-of-range." syntax :out-of-range examples html <form action="" id="form1"> <p>values between 1 and 10 are valid.</p> <ul> <li> <input id="value1" name="value1" type="number" place
holder="1 to 10" min="1" max="10" value="12"> <label for="value1">your value is </label> </li> </ul> </form> css li { list-style: none; margin-bottom: 1em; } input { border: 1px solid black; } input:in-range { background-color: rgba(0, 255, 0, 0.25); } input:out-of-range { background-color: rgba(255, 0, 0, 0.25); border: 2px solid red; } input:in-range + label::after { ...
Border-image generator - CSS: Cascading Style Sheets
"/> <img class="image" src="https://udn.realityripple.com/samples/fb/c0b285d3da.svg" data-stateid="border6"/> </div> </div> <div id="load-actions" class="group section"> <div id="toggle-gallery" data-action="hide"> </div> <div id="load-image" class="button"> upload image </div> <input id="remote-url" type="text" place
holder="load an image from url"/> <div id="load-remote" class="button"> </div> </div> <div id="general-controls" class="group section"> <div class="name"> control box </div> <div class="separator"></div> <div class="property"> <div class="name">scale</div> <div class="ui-input-slider" data-topic="scale" ...
CSS Grid Layout and Progressive Enhancement - CSS: Cascading Style Sheets
2fr; grid-template-areas: "img content"; margin-bottom: 1em; } .media::after { content: ""; display: block; clear: both; } .media .image { float: left; width: 150px; margin-right: 20px; } .media .text { padding: 10px; align-self: end; } <div class="media"> <div class="image"><img src="https://udn.realityripple.com/samples/89/f993f273dd.png" alt="place
holder"></div> <div class="text">this is a media object example.
Subgrid - CSS: Cascading Style Sheets
no implicit grid in a subgridded dimension if you need to autoplace items, and do not know how many items you will have, take care when creating a subgrid, as it will prevent additional rows being created to
hold those items.
CSS Shapes - CSS: Cascading Style Sheets
reference properties shape-image-thres
hold shape-margin shape-outside data types <basic-shape> guides overview of css shapes shapes from box values basic shapes shapes from images edit shape paths in css — firefox developer tools external resources a list of css shapes resources css shapes 101 creating non-rectangular layouts with css shapes how to use css shapes in your web design how to get started with css...
Animatable CSS properties - CSS: Cascading Style Sheets
scroll-padding scroll-padding-block scroll-padding-block-end scroll-padding-block-start scroll-padding-bottom scroll-padding-inline scroll-padding-inline-end scroll-padding-inline-start scroll-padding-left scroll-padding-right scroll-padding-top scroll-snap-coordinate scroll-snap-destination scrollbar-color shape-image-thres
hold shape-margin shape-outside tab-size text-decoration text-decoration-color text-decoration-thickness text-emphasis text-emphasis-color text-indent text-shadow text-underline-offset top transform transform-origin translate vertical-align visibility width word-spacing z-index zoom ...
Mozilla CSS extensions - CSS: Cascading Style Sheets
moz-handler-crashed :-moz-handler-disabled ::-moz-inline-table l :-moz-last-node :-moz-list-bullet :-moz-list-number :-moz-loading :-moz-locale-dir(ltr) :-moz-locale-dir(rtl) :-moz-lwtheme :-moz-lwtheme-brighttext :-moz-lwtheme-darktext n – r :-moz-native-anonymous :-moz-only-whitespace ::-moz-page ::-moz-page-sequence ::-moz-pagebreak ::-moz-pagecontent :-moz-place
holderobsolete since gecko 51 ::-moz-place
holderdeprecated since gecko 51 ::-moz-progress-bar ::-moz-range-progress ::-moz-range-thumb ::-moz-range-track :-moz-read-only :-moz-read-write s ::-moz-scrolled-canvas ::-moz-scrolled-content ::-moz-scrolled-page-sequence ::-moz-selectiondeprecated since gecko 62 :-moz-submit-invalid :-moz-suppressed ::-moz-svg-foreign-content t ::...
Pseudo-elements - CSS: Cascading Style Sheets
index of standard pseudo-elements ::after (:after) ::backdrop ::before (:before) ::cue ::cue-region ::first-letter (:first-letter) ::first-line (:first-line) ::grammar-error ::marker ::part() ::place
holder ::selection ::slotted() ::spelling-error browser lowest version support of internet explorer 8.0 :pseudo-element 9.0 :pseudo-element ::pseudo-element firefox (gecko) 1.0 (1.0) :pseudo-element 1.0 (1.5) :pseudo-element ::pseudo-element opera 4.0 :pseudo-element 7.0 :pseudo-element ::pseudo-e...
<alpha-value> - CSS: Cascading Style Sheets
examples setting text color opacity here an alpha value is used to set partially transparent text: /* <rgba()> */ color: rgba(34, 12, 64, 0.6); color: rgba(34.0 12 64 / 60%); setting shape image thres
hold here an alpha value is used to determine which parts of an image are considered part of a shape: /* shape-image-thres
hold */ shape-image-thres
hold: 70%; shape-image-thres
hold: 0.7; specifications specification status comment css color module level 4the definition of '<alpha-value>' in that specification.
Event reference
riptexecute beforescriptexecute menu events dommenuitemactive dommenuiteminactive window events close popup events popuphidden popuphiding popupshowing popupshown tab events visibilitychange battery events chargingchange chargingtimechange dischargingtimechange levelchange call events alerting busy callschanged cfstatechange connecting dialing disconnected disconnecting error held,
holding incoming resuming statechange voicechange sensor events compassneedscalibration devicemotion deviceorientation orientationchange smartcard events icccardlockerror iccinfochange smartcard-insert smartcard-remove stkcommand stksessionend cardstatechange sms and ussd events delivered received sent ussdreceived frame events mozbrowserclose mozbrowsercontextmenu mozbrowsererror mozbrowseric...
Adding captions and subtitles to HTML5 video - Developer guides
les-menu'; subtitlesmenu.appendchild(createmenuitem('subtitles-off', '', 'off')); for (var i = 0; i < video.texttracks.length; i++) { subtitlesmenu.appendchild(createmenuitem('subtitles-' + video.texttracks[i].language, video.texttracks[i].language, video.texttracks[i].label)); } videocontainer.appendchild(subtitlesmenu); } this code creates a documentfragment, which is used to
hold an unordered list containing our subtitles menu.
Creating a cross-browser video player - Developer guides
ned function, altervolume(direction) has been created that deals with this: var altervolume = function(dir) { var currentvolume = math.floor(video.volume * 10) / 10; if (dir === '+') { if (currentvolume < 1) video.volume += 0.1; } else if (dir === '-') { if (currentvolume > 0) video.volume -= 0.1; } } this function makes use of the media api's volume attribute, which
holds the current volume value of the video.
Constraint validation - Developer guides
:place
holder-shown css pseudo-class see :place
holder-shown :valid :invalid css pseudo-classes the :valid and :invalid pseudo-classes are used to represent <input> elements whose content validates and fails to validate respectively according to the input's type setting.
User input and controls - Developer guides
drag & drop drag & drop allows your application’s users to click and
hold the mouse button down over an element, drag it to another location, and release the mouse button to drop the element there.
Writing forward-compatible websites - Developer guides
if you have a single code path that works in all the top engines, it means that you are either using features where browser behavior has already converged or, if the behavior hasn't quite converged yet, your code works regardless of which engine's behavior standards turn out to up
hold.
HTML attribute: pattern - HTML: Hypertext Markup Language
examples given the following: <p> <label>enter your phone number in the format (123)456-7890 (<input name="tel1" type="tel" pattern="[0-9]{3}" place
holder="###" aria-label="3-digit area code" size="2"/>)- <input name="tel2" type="tel" pattern="[0-9]{3}" place
holder="###" aria-label="3-digit prefix" size="2"/> - <input name="tel3" type="tel" pattern="[0-9]{4}" place
holder="####" aria-label="4-digit number" size="3"/> </label> </p> here we have 3 sections for a north american phone number with an implicit label encompassing all three compon...
<a>: The Anchor element - HTML: Hypertext Markup Language
using the download attribute to save a <canvas> as a png to save a <canvas> element’s contents as an image, you can create a link with a download attribute and the canvas data as a data: url: example painting app with save link html <p>paint by
holding down the mouse button and moving it.
<col> - HTML: Hypertext Markup Language
in addition to the standard pixel and percentage values, this attribute might take the special form 0*, which means that the width of each column in the group should be the minimum width necessary to
hold the column's contents.
<input type="color"> - HTML: Hypertext Markup Language
because users can write colors in many different ways (such as rgb(255, 255, 0)), one way to work around this is to set a pattern attribute equal to either #[0-9a-f]{6} or #[0-9a-fa-f]{6} (preferably the latter because some users may not expect a different result with just a letter-case change) and set a place
holder attribute equal to a color representing the expected format of the user's input, such as #ff0000.
<input type="date"> - HTML: Hypertext Markup Language
days and years dynamically // (the months are always the same, therefore hardcoded) populatedays(monthselect.value); populateyears(); } function populatedays(month) { // delete the current set of <option> elements out of the // day <select>, ready for the next set to be injected while(dayselect.firstchild){ dayselect.removechild(dayselect.firstchild); } // create variable to
hold new number of days to inject var daynum; // 31 or 30 days?
<input type="datetime-local"> - HTML: Hypertext Markup Language
ths are always the same, therefore hardcoded) populatedays(monthselect.value); populateyears(); populatehours(); populateminutes(); } function populatedays(month) { // delete the current set of <option> elements out of the // day <select>, ready for the next set to be injected while(dayselect.firstchild){ dayselect.removechild(dayselect.firstchild); } // create variable to
hold new number of days to inject var daynum; // 31 or 30 days?
<input type="range"> - HTML: Hypertext Markup Language
note: the following input attributes do not apply to the input range: accept, alt, checked, dirname, formaction, formenctype, formmethod, formnovalidate, formtarget, height, maxlength, minlength, multiple, pattern, place
holder, readonly, required, size, src, and width.
<slot> - HTML: Hypertext Markup Language
the html <slot> element—part of the web components technology suite—is a place
holder inside a web component that you can fill with your own markup, which lets you create separate dom trees and present them together.
background_color - Web app manifests
type string mandatory no the background_color member defines a place
holder background color for the application page to display before its stylesheet is loaded.
Codecs used by WebRTC - Web media technologies
if you select avc, make sure you're; aware of any potential fees you may need to pay; that said, the patent
holders have generally said that most typical web site developers shouldn't need to worry about paying the license fees, which are typically focused more on the developers of the encoding and decoding software.
Web Performance
time to hero element), or a thres
hold over a period of time.
media - SVG: Scalable Vector Graphics
svg"> <style> rect { fill: black; } </style> <style media="all and (min-width: 600px)"> rect { fill: seagreen; } </style> <text y="15">resize the window to see the effect</text> <rect y="20" width="200" height="200" /> </svg> usage notes value <media-query-list> default value all animatable yes <media-query-list> this value
holds a media query that needs to match in order for the style sheet to be applied.
tableValues - SVG: Scalable Vector Graphics
ient)" style="filter: url(#componenttransfer1);" /> <rect x="0" y="0" width="200" height="200" fill="url(#gradient)" style="filter: url(#componenttransfer2); transform: translatex(220px);" /> </svg> usage notes value <list-of-numbers> default value empty list resulting in identity transfer animatable yes <list-of-numbers> this value
holds a comma- and/or space-separated list of <number>s, which define a lookup table for the color component transfer function.
<a> - SVG: Scalable Vector Graphics
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-place
holder, 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 categoriescontainer elementpermitted contentany number of the following elements, in any order:animation elementsdescriptive elementssh...
<circle> - SVG: Scalable Vector Graphics
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-place
holder, 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 categoriesbasic shape element, graphics element, shape elementpermitted contentany number of the following elements, in any order:anima...
<ellipse> - SVG: Scalable Vector Graphics
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-place
holder, 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 categoriesbasic shape element, graphics element, shape elementpermitted contentany number of the following elements, in any order:anima...
<foreignObject> - SVG: Scalable Vector Graphics
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-place
holder, 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 categoriesnonepermitted contentany elements or character data specifications specification status comment ...
<g> - SVG: Scalable Vector Graphics
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-place
holder, 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 categoriescontainer element, structural elementpermitted contentany number of the following elements, in any order:animation elementsde...
<line> - SVG: Scalable Vector Graphics
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-place
holder, 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 categoriesbasic shape element, graphics element, shape elementpermitted contentany number of the following elements, in any order:anima...
<marker> - SVG: Scalable Vector Graphics
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-place
holder, 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 categoriescontainer elementpermitted contentany number of the following elements, in any order:animation elementsdescriptive elementssh...
<path> - SVG: Scalable Vector Graphics
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-place
holder, 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 categoriesgraphics element, shape elementpermitted contentany number of the following elements, in any order:animation elementsdescript...
<polygon> - SVG: Scalable Vector Graphics
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-place
holder, 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 categoriesbasic shape element, graphics element, shape elementpermitted contentany number of the following elements, in any order:anima...
<polyline> - SVG: Scalable Vector Graphics
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-place
holder, 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 categoriesbasic shape element, graphics element, shape elementpermitted contentany number of the following elements, in any order:anima...
<rect> - SVG: Scalable Vector Graphics
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-place
holder, 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 categoriesbasic shape element, graphics element, shape elementpermitted contentany number of the following elements, in any order:anima...
<svg> - SVG: Scalable Vector Graphics
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-place
holder, 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 categoriescontainer element, structural elementpermitted contentany number of the following elements, in any order:animation elementsde...
<symbol> - SVG: Scalable Vector Graphics
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-place
holder, 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 categoriescontainer element, structural elementpermitted contentany number of the following elements, in any order:animation elementsde...
<text> - SVG: Scalable Vector Graphics
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-place
holder, 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 categoriesgraphics element, text content elementpermitted contentcharacter data and any number of the following elements, in any order:...
<textPath> - SVG: Scalable Vector Graphics
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-place
holder, 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 xlink attributes xlink:title usage notes categoriestext content element, text content child elementpermitted contentcharacter data and any number...
<tspan> - SVG: Scalable Vector Graphics
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-place
holder, 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 categoriestext content element, text content child elementpermitted contentcharacter data and any number of the following elements, in ...
<use> - SVG: Scalable Vector Graphics
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-place
holder, 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 xlink attributes xlink:href, xlink:title usage notes categoriesgraphics element, graphics referencing element, structural elementpermitted conte...
Web Components
<slot> a place
holder inside a web component that you can fill with your own markup, which lets you create separate dom trees and present them together.
Using the WebAssembly JavaScript API - WebAssembly
')) .then(function(results) { // add code here }); now let’s access the data in the tables — add the following lines to your code in the indicated place: var tbl = results.instance.exports.tbl; console.log(tbl.get(0)()); // 13 console.log(tbl.get(1)()); // 42 this code accesses each function reference stored in the table in turn, and instantiates them to print the values they
hold to the console — note how each function reference is retrieved with a table.prototype.get() call, then we add an extra set of parentheses on the end to actually invoke the function.
Compiling an Existing C Module to WebAssembly - WebAssembly
to prove that it worked, turn your result buffer into a blob and use it on an <img> element: const blob = new blob([result], {type: 'image/webp'}); const bloburl = url.createobjecturl(blob); const img = document.createelement('img'); img.src = bloburl; document.body.appendchild(img) be
hold, the glory of a new webp image.