Search completed in 2.60 seconds.
Testopia
te
stopia is a test case management extension for bugzilla.
... te
stopia 3.0 (not yet released) if you upgraded to bugzilla 5.0, you probably noticed that te
stopia 2.5 is not compatible with this version.
... despite bugzilla 5.0 has already been released a few months ago, we don't plan to release a fix for te
stopia immediately, because it's currently under heavy work to make te
stopia a fully self-contained extension, which means that all tr_*.cgi scripts which are currently in the bugzilla/ root directory are being moved into extensions/te
stopia/lib/.
...And 11 more matches
AudioScheduledSourceNode.stop() - Web APIs
the
stop() method on audioscheduledsourcenode schedules a sound to cease playback at the specified time.
... if no time is specified, then the sound
stops playing immediately.
... each time you call
stop() on the same node, the specified time replaces any previously-scheduled
stop time that hasn't occurred yet.
...And 7 more matches
MediaStreamTrack.stop() - Web APIs
the mediastreamtrack.
stop() method
stops the track.
... syntax track.
stop() description calling
stop() tells the user agent that the track's source—whatever that source may be, including files, network streams, or a local camera or microphone—is no longer needed by the mediastreamtrack.
... since multiple tracks may use the same source (for example, if two tabs are using the device's microphone), the source itself isn't necessarily immediately
stopped.
...And 7 more matches
RTCRtpTransceiver.stop() - Web APIs
the
stop() method in the rtcrtptransceiver interface permanently
stops the transceiver by
stopping both the associated rtcrtpsender and rtcrtpreceiver.
... note: until recently, the
stopped property was provided to return true if the connection is
stopped.
...if it's
stopped, the transceiver has been
stopped.
...And 7 more matches
PublicKeyCredentialRequestOptions - Web APIs
the publickeycredentialreque
stoptions dictionary of the web authentication api holds the options passed to navigator.credentials.get() in order to fetch a given publickeycredential.
... properties publickeycredentialreque
stoptions.challenge a buffersource, emitted by the relying party's server and used as a cryptographic challenge.
... publickeycredentialreque
stoptions.timeout optional a numerical hint, in milliseconds, which indicates the time the caller is willing to wait for the retrieval operation to complete.
...And 5 more matches
MediaRecorder.onstop - Web APIs
the mediarecorder.on
stop event handler (part of the mediarecorder api) handles the
stop event, allowing you to run code in response to media recording via a mediarecorder being
stopped.
... the
stop event is thrown either as a result of the mediarecorder.
stop() method being invoked, or when the media stream being captured ends.
... in each case, the
stop event is preceded by a dataavailable event, making the blob captured up to that point available for you to use in your application.
...And 4 more matches
MediaRecorder.stop() - Web APIs
the mediarecorder.
stop() method (part of the mediarecorder api) is used to
stop media capture.
... when the
stop() method is invoked, the ua queues a task that runs the following steps: if mediarecorder.state is "inactive", raise a dom invalidstate error and terminate these steps.
... set the mediarecorder.state to "inactive" and
stop capturing media.
...And 4 more matches
stop-opacity - SVG: Scalable Vector Graphics
the
stop-opacity attribute defines the opacity of a given color gradient
stop.
... the opacity value used for the gradient calculation is the product of the value of
stop-opacity and the opacity of the value of the
stop-color attribute.
... for
stop-color values that donʼt include explicit opacity information, the opacity is treated as 1.
...And 4 more matches
StopIteration - Archive of obsolete content
the
stopiteration object was a spidermonkey-specific feature and is removed in firefox 58+.
... the
stopiteration object was used to tell the end of the iteration in the legacy iterator protocol.
... syntax
stopiteration description
stopiteration is a part of legacy iterator protocol, and it will be removed at the same time as legacy iterator and legacy generator.
...And 3 more matches
Event.stopPropagation() - Web APIs
the
stoppropagation() method of the event interface prevents further propagation of the current event in the capturing and bubbling phases.
...if you want to
stop those behaviors, see the preventdefault() method.
... syntax event.
stoppropagation(); parameters none.
...And 3 more matches
RTCRtpTransceiver.stopped - Web APIs
the read-only
stopped property on the rtcrtptransceiver interface indicates whether or not the transceiver's associated sender and receiver have both been
stopped.
... the transceiver is
stopped if the
stop() method has been called or if a change to either the local or the remote description has caused the transceiver to be
stopped for some reason.
... syntax var is
stopped = rtcrtptransceiver.
stopped; value a boolean value which is true if the transceiver's sender will no longer send data, and its receiver will no longer receive data.
...And 3 more matches
stop-color - SVG: Scalable Vector Graphics
the
stop-color attribute indicates what color to use at a gradient
stop.
...so, specifying a
stop-color with the value transparent is equivalent to specifying a
stop-color with the value black and a
stop-opacity with the value 0.
... note: as a presentation attribute,
stop-color can be used as a css property.
...And 3 more matches
<stop> - SVG: Scalable Vector Graphics
the svg <
stop> element defines a color and its position to use on a gradient.
... html,body,svg { height:100% } <svg viewbox="0 0 10 10" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <defs> <lineargradient id="mygradient" gradienttransform="rotate(90)"> <
stop offset="5%"
stop-color="gold" /> <
stop offset="95%"
stop-color="red" /> </lineargradient> </defs> <!-- using my linear gradient --> <circle cx="5" cy="5" r="4" fill="url('#mygradient')" /> </svg> attributes offset this attribute defines where the gradient
stop is placed along the gradient vector.
... value type: <number>|<percentage>; default value: 0; animatable: yes
stop-color this attribute defines the color of the gradient
stop.
...And 3 more matches
JS_ThrowStopIteration
this article covers features introduced in spidermonkey js1.8 throw a
stopiteration exception.
... syntax bool js_throw
stopiteration(jscontext *cx); name type description cx jscontext * the context in which to throw the
stopiteration object.
... description js_throw
stopiteration throws the appropriate
stopiteration object for the function currently executing in cx.
...And 2 more matches
CanvasGradient.addColorStop() - Web APIs
the canvasgradient.addcolor
stop() method adds a new color
stop, defined by an offset and a color, to a given canvas gradient.
... syntax void gradient.addcolor
stop(offset, color); parameters offset a number between 0 and 1, inclusive, representing the position of the color
stop.
... color a css <color> value representing the color of the
stop.
...And 2 more matches
SVGStopElement - Web APIs
the svg
stopelement interface corresponds to the <
stop> element.
...onaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">svgelement</text></a><polyline points="481,25 491,20 491,30 481,25" stroke="#d4dde4" fill="none"/><line x1="491" y1="25" x2="499" y2="25" stroke="#d4dde4"/><line x1="499" y1="25" x2="499" y2="90" stroke="#d4dde4"/><line x1="499" y1="90" x2="482" y2="90" stroke="#d4dde4"/><a xlink:href="/docs/web/api/svg
stopelement" target="_top"><rect x="341" y="65" width="140" height="50" fill="#f4f7f8" stroke="#d4dde4" stroke-width="2px" /><text x="411" y="94" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">svg
stopelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} properties this interfa...
... svg
stopelement.offset read only an svganimatednumber corresponding to the offset of the given element.
...And 2 more matches
Window.stop() - Web APIs
the window.
stop()
stops further resource loading in the current browsing context, equivalent to the
stop button in the browser.
... because of how scripts are executed, this method cannot interrupt its parent document's loading, but it will
stop its images, new windows, and other still-loading objects.
... syntax window.
stop() example window.
stop(); specification specification status comment html living standardthe definition of 'window.
stop()' in that specification.
...And 2 more matches
JS_IsStopIteration
this article covers features introduced in spidermonkey 31 determine whether the value is a
stopiteration exception or not.
... syntax // added in spidermonkey 42 bool js_is
stopiteration(js::value v); // obsolete since spidermonkey 42 bool js_is
stopiteration(jsval v); name type description v js::value the value to check.
... description js_is
stopiteration returns true if v is
stopiteration, otherwise false.
... see also mxr id search for js_is
stopiteration js_throw
stopiteration bug 918170 bug 1184564 -- changed jsval to js::value ...
OscillatorNode.stop() - Web APIs
the
stop method of the oscillatornode interface specifies the time to
stop playing the tone.
... syntax oscillator.
stop(when); //
stop playing oscillator at when parameters when optional an optional double representing the audio context time when the oscillator should
stop.
...if the time is equal to or before the current audio context time, the oscillator will
stop playing immediately.
... // create web audio api context var audioctx = new (window.audiocontext || window.webkitaudiocontext)(); // create oscillator node var oscillator = audioctx.createoscillator(); oscillator.connect(audioctx.destination); oscillator.start(); oscillator.
stop(audioctx.currenttime + 2); //
stop 2 seconds after the current time specifications specification status comment web audio apithe definition of '
stop' in that specification.
scroll-snap-stop - CSS: Cascading Style Sheets
the scroll-snap-
stop css property defines whether the scroll container is allowed to "pass over" possible snap positions.
... /* keyword values */ scroll-snap-
stop: normal; scroll-snap-
stop: always; /* global values */ scroll-snap-type: inherit; scroll-snap-type: initial; scroll-snap-type: unset; syntax values normal when the visual viewport of this element's scroll container is scrolled, it may "pass over" possible snap positions.
...: space-between; flex-flow: column nowrap; font-family: monospace; } .container { display: flex; overflow: auto; outline: 1px dashed lightgray; flex: none; } .container.x { width: 100%; height: 128px; flex-flow: row nowrap; } .container.y { width: 256px; height: 256px; flex-flow: column nowrap; } /* definite scroll snap */ .mandatory-scroll-snapping > div { scroll-snap-
stop: always; } .proximity-scroll-snapping > div { scroll-snap-
stop: normal; } /* scroll-snap */ .x.mandatory-scroll-snapping { scroll-snap-type: x mandatory; } .y.mandatory-scroll-snapping { scroll-snap-type: y mandatory; } .x.proximity-scroll-snapping { scroll-snap-type: x proximity; } .y.proximity-scroll-snapping { scroll-snap-type: y proximity; } .container > div { text-align: cent...
...rtl</div> <div>2</div> <div>3</div> <div>4</div> <div>5</div> </div> result specifications specification status comment css scroll snap module level 1the definition of 'scroll-snap-
stop' in that specification.
HTMLIFrameElement.stop()
the
stop() method of the htmliframeelement interface is used to
stop loading the content of the <iframe>.
... syntax instanceofhtmliframeelement.
stop(); returns void.
... examples
stopreload.addeventlistener('touchend',function() { if(
stopreload.textcontent === 'x') { browser.
stop(); } else { browser.reload(); } }); specification not part of any specification.
BluetoothRemoteGATTCharacteristic.stopNotifications() - Web APIs
the bluetoothremotegattcharacteristic.
stopnotifications() method returns a promise to the bluetoothremotegattcharacteristic instance when there is no longer an active notification on it.
... syntax bluetoothremotegattcharacteristic.
stopnotifications().then(function(bluetoothremotegattcharacteristic) { ...
... specifications specification status comment web bluetooththe definition of '
stopnotifications()' in that specification.
Element.tabStop - Web APIs
the tab
stop property of the element interface returns a boolean indicating if the element can receive input focus via the tab key.
...the tab
stop property would decouple the tabbable property from the tab index.
... syntax var istab
stop = element.tab
stop; element.tab
stop = (true|false); example // tbd ...
Event.stopImmediatePropagation() - Web APIs
the
stopimmediatepropagation() method of the event interface prevents other listeners of the same event from being called.
...if
stopimmediatepropagation() is invoked during one such call, no remaining listeners will be called.
... syntax event.
stopimmediatepropagation(); specifications specification status comment domthe definition of 'event.
stopimmediatepropagation()' in that specification.
Sensor.stop() - Web APIs
the
stop method of the sensor interface deactivates the current sensor.
... syntax sensor.
stop() parameters none.
... return value undefined example // tbd specifications specification status comment generic sensor apithe definition of '
stop' in that specification.
SpeechRecognition.stop() - Web APIs
the
stop() method of the web speech api
stops the speech recognition service from listening to incoming audio, and attempts to return a speechrecognitionresult using the audio captured so far.
... syntax myspeechrecognition.
stop(); returns void.
...rammars = speechrecognitionlist; var diagnostic = document.queryselector('.output'); var bg = document.queryselector('html'); document.body.onclick = function() { recognition.start(); console.log('ready to receive a color command.'); } abortbtn.onclick = function() { recognition.abort(); console.log('speech recognition aborted.'); } recognition.onspeechend = function() { recognition.
stop(); console.log('speech recognition has
stopped.'); } specifications specification status comment web speech apithe definition of '
stop()' in that specification.
PublicKeyCredentialRequestOptions.allowCredentials - Web APIs
allowcredentials is an optional property of the publickeycredentialreque
stoptions dictionary which indicates the existing credentials acceptable for retrieval.
... syntax allowcredentials = publickeycredentialreque
stoptions.allowcredentials value an array whose elements are objects with the following properties: type a string describing type of public-key credential to be created.
PublicKeyCredentialRequestOptions.challenge - Web APIs
the challenge property of the publickeycredentialreque
stoptions dictionary is a buffersource used as a cryptographic challenge.
... syntax challenge = publickeycredentialreque
stoptions.challenge value a buffersource which is at least 16 bytes long.
PublicKeyCredentialRequestOptions.extensions - Web APIs
extensions, an optional property of the publickeycredentialreque
stoptions dictionary, is an object providing the client extensions and their input values.
... syntax extensions = publickeycredentialreque
stoptions.extensions value an object with various keys and values.
PublicKeyCredentialRequestOptions.rpId - Web APIs
the rpid property, of the publickeycredentialreque
stoptions dictionary, is an optional property which indicates the relying party's identifier as a usvstring.
... syntax rpid = publickeycredentialreque
stoptions.rpid value a usvstring for the identifier of the relying party.
PublicKeyCredentialRequestOptions.timeout - Web APIs
the timeout property, of the publickeycredentialreque
stoptions dictionary, represents an hint, given in milliseconds, for the time the script is willing to wait for the completion of the retrieval operation.
... syntax timeout = publickeycredentialreque
stoptions.timeout value a numerical hint, expressed in milliseconds, giving the time to wait for the creation operation to complete.
PublicKeyCredentialRequestOptions.userVerification - Web APIs
userverification is an optional property of the publickeycredentialreque
stoptions.
... syntax userverification = publickeycredentialreque
stoptions.userverification value a string qualifying how the user verification should be part of the authentication process.
stop - Archive of obsolete content
« xul reference home
stop() return type: no return value equivalent to pressing the
stop button, this method
stops the currently loading document.
Index - Web APIs
181 audioscheduledsourcenode api, audio, audioscheduledsourcenode, interface, media, reference, web audio api, sound the audioscheduledsourcenode interface—part of the web audio api—is a parent interface for several types of audio source node interfaces which share the ability to be started and
stopped, optionally at specified times.
... specifically, this interface defines the start() and
stop() methods, as well as the onended event handler.
...this event is sent to the node when the concrete interface (such as audiobuffersourcenode, oscillatornode, or constantsourcenode) determines that it has
stopped playing.
...And 59 more matches
repeating-conic-gradient() - CSS: Cascading Style Sheets
<angular-color-
stop> a color-
stop's <color> value, followed by one or two optional
stop positions, (an <angle> along the gradient's circumference axis).
... the last color
stop minus the first color-
stop angle defines the size of the repeating gradient.
... <color-hint> th color-hint is an interpolation hint defining how the gradient progresses between adjacent color
stops.
...And 22 more matches
conic-gradient() - CSS: Cascading Style Sheets
<angular-color-
stop> a color-
stop's <color> value, followed by one or two optional
stop positions, (an <angle> along the gradient's circumference axis).
... <color-hint> th color-hint is an interpolation hint defining how the gradient progresses between adjacent color
stops.
... the length defines at which point between two color
stops the gradient color should reach the midpoint of the color transition.
...And 20 more matches
Using CSS gradients - CSS: Cascading Style Sheets
these are called color
stops.
... <div class="auto-spaced-linear-gradient"></div> div { width: 120px; height: 120px; } .auto-spaced-linear-gradient { background: linear-gradient(red, yellow, blue, orange); } positioning color
stops you don't have to leave your color
stops at their default positions.
...if you leave a location unspecified, the position of that particular color
stop will be automatically calculated for you, with the first color
stop being at 0% and the last color
stop being at 100%, and any other color
stops being half way between their adjacent color
stops.
...And 19 more matches
linear-gradient() - CSS: Cascading Style Sheets
syntax /* a gradient tilted 45 degrees, starting blue and finishing red */ linear-gradient(45deg, blue, red); /* a gradient going from the bottom right to the top left corner, starting blue and finishing red */ linear-gradient(to left top, blue, red); /* color
stop: a gradient going from the bottom to top, starting blue, turning green at 40% of its length, and finishing red */ linear-gradient(0deg, blue, green 40%, red); /* color hint: a gradient going from the left to right, starting red, getting to the midpoint color 10% of the way across the length of the gradient, taking the rest of the 90% of the length to change to blue */ linear-gradi...
...ent(.25turn, red, 10%, blue); /* multi-position color
stop: a gradient tilted 45 degrees, with a red bottom-left half and a blue top-right half, with a hard line where the gradient changes from red to blue */ linear-gradient(45deg, red 0 50%, blue 50% 100%); values <side-or-corner> the position of the gradient line's starting point.
... <linear-color-
stop> a color-
stop's <color> value, followed by one or two optional
stop positions, (each being either a <percentage> or a <length> along the gradient's axis).
...And 19 more matches
Event reference
canplay the browser can play the media, but estimates that not enough data has been loaded to play the media up to its end without having to
stop for further buffering of content.
... canplaythrough the browser estimates it can play the media up to its end without
stopping for content buffering.
... ended playback has
stopped because the end of the media was reached.
...And 16 more matches
nsIWebProgressListener
for any given request, onstatechange() is called once with the state_start flag, zero or more times with the state_transferring flag or once with the state_redirecting flag, and then finally once with the state_
stop flag.
... note: for document requests, a second state_
stop is generated (see the description of state_is_window for more details).
...the request is complete when onstatechange() is called for the same request with the state_
stop flag set.
...And 15 more matches
Using Breakpoints in Venkman - Archive of obsolete content
basic breakpoints the
stop button and debugger keyword are useful features of the javascript debugger, but when you are debugging deep in code—especially code you have authored yourself and are responsible for troubleshooting—you're going to need breakpoints.
...hard breakpoints are the ones that actually
stop program execution.
...future breakpoints are used when you want to
stop in a script that has not yet been compiled.
...And 13 more matches
Video and Audio APIs - Learn web development
eatures; the html is dominated by the video player and its controls: <div class="player"> <video controls> <source src="video/sintel-short.mp4" type="video/mp4"> <source src="video/sintel-short.webm" type="video/webm"> <!-- fallback content here --> </video> <div class="controls"> <button class="play" data-icon="p" aria-label="play pause toggle"></button> <button class="
stop" data-icon="s" aria-label="
stop"></button> <div class="timer"> <div></div> <span aria-label="timer">00:00</span> </div> <button class="rwd" data-icon="b" aria-label="rewind"></button> <button class="fwd" data-icon="f" aria-label="fast forward"></button> </div> </div> the whole player is wrapped in a <div> element, so it can all be styled as one unit if needed.
... the controls html is probably the most interesting: we have four <button>s — play/pause,
stop, rewind, and fast forward.
... at the top of this file, insert the following code: const media = document.queryselector('video'); const controls = document.queryselector('.controls'); const play = document.queryselector('.play'); const
stop = document.queryselector('.
stop'); const rwd = document.queryselector('.rwd'); const fwd = document.queryselector('.fwd'); const timerwrapper = document.queryselector('.timer'); const timer = document.queryselector('.timer span'); const timerbar = document.queryselector('.timer div'); here we are creating constants to hold references to all the objects we want to manipulate.
...And 13 more matches
Gradients in SVG - SVG: Scalable Vector Graphics
basic example <svg width="120" height="240" version="1.1" xmlns="http://www.w3.org/2000/svg"> <defs> <lineargradient id="gradient1"> <
stop class="
stop1" offset="0%"/> <
stop class="
stop2" offset="50%"/> <
stop class="
stop3" offset="100%"/> </lineargradient> <lineargradient id="gradient2" x1="0" x2="0" y1="0" y2="1"> <
stop offset="0%"
stop-color="red"/> <
stop offset="50%"
stop-color="black"
stop-opacity="0"/> <
stop offset="100%"
stop-color="blue"/> </lineargradient> <style...
... type="text/css"><![cdata[ #rect1 { fill: url(#gradient1); } .
stop1 {
stop-color: red; } .
stop2 {
stop-color: black;
stop-opacity: 0; } .
stop3 {
stop-color: blue; } ]]></style> </defs> <rect id="rect1" x="10" y="10" rx="15" ry="15" width="100" height="100"/> <rect x="10" y="120" rx="15" ry="15" width="100" height="100" fill="url(#gradient2)"/> </svg> screenshotlive sample above is an example of a linear gradient being applied to a <rect> element.
... inside the linear gradient are several <
stop> nodes.
...And 13 more matches
Venkman Introduction - Archive of obsolete content
the toolbar contains icons for
stop, continue, step over, step into, step out, profile, and pretty print commands.
... these commands should be self explanatory, with the possible exception of
stop, which causes the debugger to
stop when the next line of javascript is executed, and the profile button, which can be used to measure execution times for your scripts.
...
stop button waiting for execution also note that when you are currently executing javascript and click the
stop button, the javascript
stops immediately.
...And 11 more matches
repeating-linear-gradient() - CSS: Cascading Style Sheets
it is similar to linear-gradient() and takes the same arguments, but it repeats the color
stops infinitely in all directions so as to cover its entire container.
... the length of the gradient that repeats is the distance between the first and last color
stop.
... if the first color does not have a color-
stop-length, the color-
stop-length defaults to 0.
...And 11 more matches
JavaScript Daemons Management - Archive of obsolete content
in such a condition it is difficult and unnatural to keep track of all events started and then to
stop them when appropriate through the cleartimeout() function.
... a possible approach to solve this problem is to nest all the information needed by each animation to start,
stop, etc.
...his && this instanceof daemon)) { return; } if (arguments.length < 2) { throw new typeerror("daemon - not enough arguments"); } if (oowner) { this.owner = oowner }; this.task = ftask; if (isfinite(nrate) && nrate > 0) { this.rate = math.floor(nrate); } if (nlen > 0) { this.length = math.floor(nlen); } if (fonstart) { this.onstart = fonstart; } if (finit) { this.on
stop = finit; finit.call(oowner, this.index, this.length, this.backw); } } /* create the daemon.blank() constructor and the global daemon.context object */ daemon.blank = function () {}; daemon.context = daemon.blank.prototype; /* make love with the gc :-) */ daemon.blank.prototype = /* important!
...And 9 more matches
Applying styles and colors - Web APIs
for example: var lineargradient = ctx.createlineargradient(0, 0, 150, 150); var radialgradient = ctx.createradialgradient(75, 75, 0, 75, 75, 100); once we've created a canvasgradient object we can assign colors to it by using the addcolor
stop() method.
... gradient.addcolor
stop(position, color) creates a new color
stop on the gradient object.
... you can add as many color
stops to a gradient as you need.
...And 9 more matches
Looping code - Learn web development
a condition, which is a true/false test to determine whether the loop continues to run, or
stops — usually when the counter reaches a certain value.
...if he has reached 10 portions (the point where the condition is no longer true, so the loop exits), he can
stop collecting and go home.
... a condition — as mentioned before, this defines when the loop should
stop looping.
...And 8 more matches
imgIDecoderObserver
void ondiscard(in imgirequest arequest); void onimageisanimated(in imgirequest arequest); void onstartcontainer(in imgirequest arequest, in imgicontainer acontainer); void onstartdecode(in imgirequest arequest); void onstartframe(in imgirequest arequest, in unsigned long aframe); void onstartrequest(in imgirequest arequest); void on
stopcontainer(in imgirequest arequest, in imgicontainer acontainer); void on
stopdecode(in imgirequest arequest, in nsresult status, in wstring statusarg); void on
stopframe(in imgirequest arequest, in unsigned long aframe); void on
stoprequest(in imgirequest arequest, in boolean aislastpart); methods native code only!ondataavailable decode notification.
... on
stopcontainer() warning: do not implement this.
...void on
stopcontainer( in imgirequest arequest, in imgicontainer acontainer ); parameters arequest the request on which data is available, or null if being called for an imgidecoder object.
...And 8 more matches
Anatomy of a video game - Game development
building a better main loop in javascript there are two obvious issues with our previous main loop: main() pollutes the window object (where all global variables are stored) and the example code did not leave us with a way to
stop the loop unless the whole tab is closed or refreshed.
... for the second issue,
stopping the main loop, you will need to cancel the call to main() with window.cancelanimationframe().
...*/ ;(function () { function main() { mygame.
stopmain = window.requestanimationframe( main ); // your main loop contents } main(); // start the cycle })(); we now have a variable declared in our mygame namespace, which we call
stopmain, that contains the id returned from our main loop's most recent call to requestanimationframe().
...And 7 more matches
Cooperative asynchronous JavaScript: Timeouts and intervals - Learn web development
introduction for a long time, the web platform has offered javascript programmers a number of functions that allow them to asynchronously execute code after a certain time interval has elapsed, and to repeatedly execute a block of code asynchronously until you tell it to
stop.
... settimeout() returns an identifier value that can be used to refer to the timeout later, such as when you want to
stop it.
...you'll probably want a way to
stop such tasks, otherwise you may end up getting errors when the browser can't complete any further versions of the task, or if the animation being handled by the task has finished.
...And 7 more matches
Using the Browser API
demo to demonstrate basic usage of this api, we have created a simple browser api demo that provides buttons allowing you to (re)load web pages,
stop loading, move forward and back in history, and zoom in and out of the page.
...when you press the keyboard's return button, the 'submit' event is fired, which we handle like this: urlform.addeventlistener('submit',function(e) { e.preventdefault(); browser.src = urlbar.value; urlbar.blur(); }); we first call preventdefault() to
stop the form just submitting and reloading the page — which is really not what we want.
...finally, we call blur() on the url bar to
stop focusing it, so the keyboard moves off the screen, allowing us to get our full screen view back.
...And 7 more matches
nsIDOMEvent
nseventptr getinternalnsevent(); violates the xpcom interface guidelines boolean getpreventdefault(); deprecated since gecko 16.0 void initevent(in domstring eventtypearg, in boolean canbubblearg, in boolean cancelablearg); boolean isdispatch
stopped(); violates the xpcom interface guidelines void preventbubble(); obsolete since gecko 24 void preventcapture(); obsolete since gecko 24 void preventdefault(); void serialize(in ipcmessageptr amsg, in boolean aserializeinterfacetype); violates the xpcom interface guidelines void settarget(in nsidomeventtarget atarget); native code only!
... void
stopimmediatepropagation(); void
stoppropagation(); attributes attribute type description bubbles boolean used to indicate whether or not an event is a bubbling event.
... violates the xpcom interface guidelines isdispatch
stopped() boolean isdispatch
stopped(); parameters none.
...And 7 more matches
Recording a media element - Web APIs
you can
stop the video by clicking the creatively-named "
stop" button.
... <div class="right"> <div id="
stopbutton" class="button">
stop </div> <h2>recording</h2> <video id="recording" width="160" height="120" controls></video> <a id="downloadbutton" class="button"> download </a> </div> on the right we see a
stop button and the <video> element which will be used to play back the recorded video.
... let preview = document.getelementbyid("preview"); let recording = document.getelementbyid("recording"); let startbutton = document.getelementbyid("startbutton"); let
stopbutton = document.getelementbyid("
stopbutton"); let downloadbutton = document.getelementbyid("downloadbutton"); let logelement = document.getelementbyid("log"); let recordingtimems = 5000; most of these are references to elements we need to work with.
...And 7 more matches
suffix - CSS: Cascading Style Sheets
" (full
stop followed by a space)computed valueas specified formal syntax <symbol>where <symbol> = <string> | <image> | <custom-ident>where <image> = <url> | <image()> | <image-set()> | <element()> | <paint()> | <cross-fade()> | <gradient>where <image()> = image( <image-tags>?
..., <color-
stop-list> )<repeating-linear-gradient()> = repeating-linear-gradient( [ <angle> | to <side-or-corner> ]?
... , <color-
stop-list> )<radial-gradient()> = radial-gradient( [ <ending-shape> | <size> ]?
...And 7 more matches
Anonymous Content - Archive of obsolete content
either the event is retargeted so that the bound element becomes the target, or the event is
stopped and flow proceeds to the next phase.
...
stop) is specific to the event type.
... in general, ui events are retargeted and mutation events are
stopped.
...And 6 more matches
More Event Handlers - Archive of obsolete content
example 1 : source view <vbox oncommand="alert(event.currenttarget.tagname);"> <button label="ok"/> <checkbox label="show images"/> </vbox>
stop event propagation once you handle an event, regardless of where in the propagation the event is, you will likely want to
stop the event from being sent to further elements, essentially
stopping the capturing or bubbling phases from continuing.
...if a capturing event
stops the event propagation, none of the later capturing listeners, nor any of the bubbling listeners will ever receive notification about the events.
... to manually
stop event propagation, call the event object's
stoppropagation method, as in the following example.
...And 6 more matches
nsIWebNavigation
it provides methods and attributes to direct an object to navigate to a new location,
stop or restart an in process load, or determine where the object has previously gone.
... method overview void goback void goforward void gotoindex( in long index ) void loaduri(in wstring uri , in unsigned long loadflags , in nsiuri referrer , in nsiinputstream postdata, in nsiinputstream headers) void reload(in unsigned long reloadflags) void
stop(in unsigned long
stopflags) constants load flags constant value description load_flags_mask 65535 this flag defines the range of bits that may be specified.
... load_flags_
stop_content 2048 if this flag is set,
stop() will be called before the load starts and will
stop both content and network activity (the default is to only
stop network activity).
...And 6 more matches
-webkit-box-reflect - CSS: Cascading Style Sheets
, <color-
stop-list> )<repeating-linear-gradient()> = repeating-linear-gradient( [ <angle> | to <side-or-corner> ]?
... , <color-
stop-list> )<radial-gradient()> = radial-gradient( [ <ending-shape> | <size> ]?
..., <color-
stop-list> )<repeating-radial-gradient()> = repeating-radial-gradient( [ <ending-shape> | <size> ]?
...And 6 more matches
additive-symbols - CSS: Cascading Style Sheets
, <color-
stop-list> )<repeating-linear-gradient()> = repeating-linear-gradient( [ <angle> | to <side-or-corner> ]?
... , <color-
stop-list> )<radial-gradient()> = radial-gradient( [ <ending-shape> | <size> ]?
..., <color-
stop-list> )<repeating-radial-gradient()> = repeating-radial-gradient( [ <ending-shape> | <size> ]?
...And 6 more matches
negative - CSS: Cascading Style Sheets
, <color-
stop-list> )<repeating-linear-gradient()> = repeating-linear-gradient( [ <angle> | to <side-or-corner> ]?
... , <color-
stop-list> )<radial-gradient()> = radial-gradient( [ <ending-shape> | <size> ]?
..., <color-
stop-list> )<repeating-radial-gradient()> = repeating-radial-gradient( [ <ending-shape> | <size> ]?
...And 6 more matches
pad - CSS: Cascading Style Sheets
, <color-
stop-list> )<repeating-linear-gradient()> = repeating-linear-gradient( [ <angle> | to <side-or-corner> ]?
... , <color-
stop-list> )<radial-gradient()> = radial-gradient( [ <ending-shape> | <size> ]?
..., <color-
stop-list> )<repeating-radial-gradient()> = repeating-radial-gradient( [ <ending-shape> | <size> ]?
...And 6 more matches
prefix - CSS: Cascading Style Sheets
, <color-
stop-list> )<repeating-linear-gradient()> = repeating-linear-gradient( [ <angle> | to <side-or-corner> ]?
... , <color-
stop-list> )<radial-gradient()> = radial-gradient( [ <ending-shape> | <size> ]?
..., <color-
stop-list> )<repeating-radial-gradient()> = repeating-radial-gradient( [ <ending-shape> | <size> ]?
...And 6 more matches
symbols - CSS: Cascading Style Sheets
, <color-
stop-list> )<repeating-linear-gradient()> = repeating-linear-gradient( [ <angle> | to <side-or-corner> ]?
... , <color-
stop-list> )<radial-gradient()> = radial-gradient( [ <ending-shape> | <size> ]?
..., <color-
stop-list> )<repeating-radial-gradient()> = repeating-radial-gradient( [ <ending-shape> | <size> ]?
...And 6 more matches
background-image - CSS: Cascading Style Sheets
, <color-
stop-list> )<repeating-linear-gradient()> = repeating-linear-gradient( [ <angle> | to <side-or-corner> ]?
... , <color-
stop-list> )<radial-gradient()> = radial-gradient( [ <ending-shape> | <size> ]?
..., <color-
stop-list> )<repeating-radial-gradient()> = repeating-radial-gradient( [ <ending-shape> | <size> ]?
...And 6 more matches
background - CSS: Cascading Style Sheets
, <color-
stop-list> )<repeating-linear-gradient()> = repeating-linear-gradient( [ <angle> | to <side-or-corner> ]?
... , <color-
stop-list> )<radial-gradient()> = radial-gradient( [ <ending-shape> | <size> ]?
..., <color-
stop-list> )<repeating-radial-gradient()> = repeating-radial-gradient( [ <ending-shape> | <size> ]?
...And 6 more matches
border-image-source - CSS: Cascading Style Sheets
, <color-
stop-list> )<repeating-linear-gradient()> = repeating-linear-gradient( [ <angle> | to <side-or-corner> ]?
... , <color-
stop-list> )<radial-gradient()> = radial-gradient( [ <ending-shape> | <size> ]?
..., <color-
stop-list> )<repeating-radial-gradient()> = repeating-radial-gradient( [ <ending-shape> | <size> ]?
...And 6 more matches
content - CSS: Cascading Style Sheets
, <color-
stop-list> )<repeating-linear-gradient()> = repeating-linear-gradient( [ <angle> | to <side-or-corner> ]?
... , <color-
stop-list> )<radial-gradient()> = radial-gradient( [ <ending-shape> | <size> ]?
..., <color-
stop-list> )<repeating-radial-gradient()> = repeating-radial-gradient( [ <ending-shape> | <size> ]?
...And 6 more matches
mask-border-source - CSS: Cascading Style Sheets
, <color-
stop-list> )<repeating-linear-gradient()> = repeating-linear-gradient( [ <angle> | to <side-or-corner> ]?
... , <color-
stop-list> )<radial-gradient()> = radial-gradient( [ <ending-shape> | <size> ]?
..., <color-
stop-list> )<repeating-radial-gradient()> = repeating-radial-gradient( [ <ending-shape> | <size> ]?
...And 6 more matches
mask-image - CSS: Cascading Style Sheets
, <color-
stop-list> )<repeating-linear-gradient()> = repeating-linear-gradient( [ <angle> | to <side-or-corner> ]?
... , <color-
stop-list> )<radial-gradient()> = radial-gradient( [ <ending-shape> | <size> ]?
..., <color-
stop-list> )<repeating-radial-gradient()> = repeating-radial-gradient( [ <ending-shape> | <size> ]?
...And 6 more matches
nsIDOMWindowUtils
t aforces, in pruint32 count, in long amodifiers, [optional] in boolean aignorerootscrollframe); void setcssviewport(in float awidthpx, in float aheightpx); void setdisplayport(in float axpx, in float aypx, in float awidthpx, in float aheightpx); void setresolution(in float axresolution, in float ayresolution); void startpccountprofiling(); void
stoppccountprofiling(); void suppresseventhandling(in boolean asuppress); void suspendtimeouts(); nsidomfile wrapdomfile(nsifile afile); attributes attribute type description currentinnerwindowid unsigned long long the id of the window's current inner window.
... this should be used after a call to
stoppccountprofiling().
... this should be used after a call to
stoppccountprofiling().
...And 5 more matches
nsIMsgCloudFileProvider
constants the following constants are used for the status codes passed to the on
stoprequest functions of the nsirequestobserver's used by the asynchronous methods of nsimsgcloudfileprovider.
... uploadcanceled 0x8055311d returned when uploading has
stopped because it was cancelled by the user.
... acallback the nsirequestobserver callback to receive request start and
stop notices.
...And 5 more matches
RTCRemoteOutboundRtpStreamStats.localId - Web APIs
example in this example, we have a pair of functions: the first, networkteststart(), captures an initial report, and the second, networktest
stop(), captures a second report, then uses the two reports to output some information about the network conditions...
... let startreport; async function networkteststart(pc) { if (pc) { startreport = await pc.getstats(); } } given an rtcpeerconnection, pc, this calls its getstats() method to obtain a statistics report object, which it stores in startreport for use once the end-of-test data has been collected by networktest
stop().
... networktest
stop() the networktest
stop() function obtains a second report, endreport, then uses the two reports together to determine several...
...And 5 more matches
Using the Screen Capture API - Web APIs
setup first, some constants are set up to reference the elements on the page to which we'll need access: the <video> into which the captured screen contents will be streamed, a box into which logged output will be drawn, and the start and
stop buttons that will turn on and off capture of screen imagery.
... finally, event listeners are established to detect user clicks on the start and
stop buttons.
... const videoelem = document.getelementbyid("video"); const logelem = document.getelementbyid("log"); const startelem = document.getelementbyid("start"); const
stopelem = document.getelementbyid("
stop"); // options for getdisplaymedia() var displaymediaoptions = { video: { cursor: "always" }, audio: false }; // set event listeners for the start and
stop buttons startelem.addeventlistener("click", function(evt) { startcapture(); }, false);
stopelem.addeventlistener("click", function(evt) {
stopcapture(); }, false); logging content to make logging of errors and other issues easy, this example overrides certain console methods to output their messages to the <pre> block whose id is log.
...And 5 more matches
cross-fade() - CSS: Cascading Style Sheets
, <color-
stop-list> )<repeating-linear-gradient()> = repeating-linear-gradient( [ <angle> | to <side-or-corner> ]?
... , <color-
stop-list> )<radial-gradient()> = radial-gradient( [ <ending-shape> | <size> ]?
..., <color-
stop-list> )<repeating-radial-gradient()> = repeating-radial-gradient( [ <ending-shape> | <size> ]?
...And 5 more matches
mask - CSS: Cascading Style Sheets
, <color-
stop-list> )<repeating-linear-gradient()> = repeating-linear-gradient( [ <angle> | to <side-or-corner> ]?
... , <color-
stop-list> )<radial-gradient()> = radial-gradient( [ <ending-shape> | <size> ]?
..., <color-
stop-list> )<repeating-radial-gradient()> = repeating-radial-gradient( [ <ending-shape> | <size> ]?
...And 5 more matches
radial-gradient() - CSS: Cascading Style Sheets
<linear-color-
stop> a color-
stop's <color> value, followed by an one or two optional
stop positions (either a <percentage> or a <length> along the gradient's axis).
...including two
stop positions is equivalent to declaring two color
stops with the same color at the two positions.
... <color-hint> th color-hint is an interpolation hint defining how the gradient progresses between adjacent color
stops.
...And 5 more matches
repeating-radial-gradient() - CSS: Cascading Style Sheets
it is similar to radial-gradient() and takes the same arguments, but it repeats the color
stops infinitely in all directions so as to cover its entire container, similar to repeating-linear-gradient() .
... with each repetition, the positions of the color
stops are shifted by a multiple of the dimensions of the basic radial gradient (the distance between the last color
stop and the first).
... thus, the position of each ending color
stop coincides with a starting color
stop; if the color values are different, this will result in a sharp visual transition, which can be mitigated by repeating the first color as the last color.
...And 5 more matches
shape-outside - CSS: Cascading Style Sheets
, <color-
stop-list> )<repeating-linear-gradient()> = repeating-linear-gradient( [ <angle> | to <side-or-corner> ]?
... , <color-
stop-list> )<radial-gradient()> = radial-gradient( [ <ending-shape> | <size> ]?
..., <color-
stop-list> )<repeating-radial-gradient()> = repeating-radial-gradient( [ <ending-shape> | <size> ]?
...And 5 more matches
LocalMediaStream - Web APIs
do not use localmediastream; you need to update any code that does use it as soon as possible or your content or application will
stop working.
... see
stopping a video stream in mediastreamtrack to learn how.
... the primary reason for this interface to exist was to add a
stop() method to its mediastream parent interface.
...And 4 more matches
Communicating using "port" - Archive of obsolete content
removelistener():
stop listening to a message.
... var pagemodscript = "window.addeventlistener('click', function(event) {" + " self.port.emit('click', event.target.tostring());" + " event.
stoppropagation();" + " event.preventdefault();" + "}, false);" + "self.port.on('warning', function(message) {" + "window.alert(message);" + "});" var pagemod = require('sdk/page-mod').pagemod({ include: ['*'], contentscript: pagemodscript, onattach: function(worker) { worker.port.on('click'...
...to
stop listening for a particular message, use port.removelistener().
...And 3 more matches
widget - Archive of obsolete content
we could implement the main user interface as a widget hosting an array of buttons to control play/pause/
stop functions.
... the widget's content is specified using html like this: <html> <body> <img src="play.png" id="play-button"> <img src="pause.png" id="pause-button"> <img src="
stop.png" id="
stop-button"> </body> </html> we just include three icons, and assign an id to each one.
... next, we write a content script that listens for click events on each icon and sends the corresponding message to the main add-on code: var play_button = document.getelementbyid("play-button"); play_button.onclick = function() { self.port.emit("play"); } var pause_button = document.getelementbyid("pause-button"); pause_button.onclick = function() { self.port.emit("pause"); } var
stop_button = document.getelementbyid("
stop-button");
stop_button.onclick = function() { self.port.emit("
stop"); } we save this file in the add-on's data directory as "button-script.js".
...And 3 more matches
Index - Archive of obsolete content
305 updating addons broken by private browsing changes add-ons, reference after reading this document, contact josh matthews with further questions or clarifications, or file a bug if your extension has
stopped working due to a change described here and you are having trouble updating it.
...however, you need to make sure that the base libraries like libc and pthreads are loaded before you tell gdb to
stop loading shared libraries.
... 1317
stop xul methods, xul reference no summary!
...And 3 more matches
2006-10-20 - Archive of obsolete content
adding extension to extensions/ folder originally posted on oct 19th: chri
stopher finke is currently learning how to compile firefox.
... chri
stopher finke is asking the community members for tutorials or any tips on how to get started.
... on october 20th chri
stopher finke responded to his original post.
...And 3 more matches
Advanced text formatting - Learn web development
= '<dl>\n <dt>bacon</dt>\n <dd>the glue that binds the world together.</dd>\n <dt>eggs</dt>\n <dd>the glue that binds the cake together.</dd>\n <dt>coffee</dt>\n <dd>the drink that gets the world running in the morning.</dd>\n <dd>a light brown color.</dd>\n</dl>'; const solutionentry = htmlsolution; textarea.addeventlistener('input', updatecode); window.addeventlistener('load', updatecode); //
stop tab key tabbing out of textarea and // make it write a tab at the caret position instead textarea.onkeydown = function(e){ if (e.keycode === 9) { e.preventdefault(); insertatcaret('\t'); } if (e.keycode === 27) { textarea.blur(); } }; function insertatcaret(text) { const scrollpos = textarea.scrolltop; const caretpos = textarea.selectionstart; const front = (textarea...
...as confucius' quotes site says:</p> <p>it does not matter how slowly you go as long as you do not
stop.</p> <p>i also love the concept of positive thinking, and the need to eliminate negative self talk (as mentioned in affirmations for positive thinking.)</p> </textarea> <div class="playable-buttons"> <input id="reset" type="button" value="reset"> <input id="solution" type="button" value="show solution"> </div> html { font-family: sans-serif; } h2 { font-size: 16px; } .a11y-label { m...
...as <a href="http://www.brainyquote.com/quotes/authors/c/confucius.html"><cite>confucius\' quotes site</cite></a> says:</p>\n\n<blockquote cite="http://www.brainyquote.com/quotes/authors/c/confucius.html">\n <p>it does not matter how slowly you go as long as you do not
stop.</p>\n</blockquote>\n\n<p>i also love the concept of positive thinking, and <q cite="http://www.affirmationsforpositivethinking.com">the need to eliminate negative self talk</q> (as mentioned in <a href="http://www.affirmationsforpositivethinking.com"><cite>affirmations for positive thinking</cite></a>.)</p>'; const solutionentry = htmlsolution; textarea.addeventlistener('input', updatecode); wi...
...And 3 more matches
HTML text fundamentals - Learn web development
} else { textarea.value = userentry; solution.value = 'show solution'; } updatecode(); }); var htmlsolution = '<h1>my short story</h1>\n<p>i am a statistician and my name is trish.</p>\n<p>my legs are made of cardboard and i am married to a fish.</p>'; var solutionentry = htmlsolution; textarea.addeventlistener('input', updatecode); window.addeventlistener('load', updatecode); //
stop tab key tabbing out of textarea and // make it write a tab at the caret position instead textarea.onkeydown = function(e){ if (e.keycode === 9) { e.preventdefault(); insertatcaret('\t'); } if (e.keycode === 27) { textarea.blur(); } }; function insertatcaret(text) { var scrollpos = textarea.scrolltop; var caretpos = textarea.selectionstart; var front = (textarea.value...
...so, for example, we expect a red traffic light to mean "
stop," and a green traffic light to mean "go." things can get tricky very quickly if the wrong semantics are applied.
...rea.value = solutionentry; solution.value = 'hide solution'; } else { textarea.value = userentry; solution.value = 'show solution'; } updatecode(); }); var htmlsolution = '<ul>\n<li>milk</li>\n<li>eggs</li>\n<li>bread</li>\n<li>hummus</li>\n</ul>'; var solutionentry = htmlsolution; textarea.addeventlistener('input', updatecode); window.addeventlistener('load', updatecode); //
stop tab key tabbing out of textarea and // make it write a tab at the caret position instead textarea.onkeydown = function(e){ if (e.keycode === 9) { e.preventdefault(); insertatcaret('\t'); } if (e.keycode === 27) { textarea.blur(); } }; function insertatcaret(text) { var scrollpos = textarea.scrolltop; var caretpos = textarea.selectionstart; var front = (textarea.value...
...And 3 more matches
Arrays - Learn web development
stop looping at the item number equal to the length of the array.
... this works for an array of any length, but in this case it
stops looping at item number 7 (this is good, as the last item — which we want the loop to include — is item 6).
...in this line we currently have i <= 0, which is a conditional test that causes the for loop to only run once, because it is saying "
stop when i is no longer less than or equal to 0", and i starts at 0.
...And 3 more matches
Introduction to automated testing - Learn web development
note: one problem with our watch command above is that our csslint/autoprefixer combination throws full-blown errors when a css error is encountered, which
stops the watch working.
...the top menu allows you to:
stop the session give someone else a url so they can observe the test remotely.
... once you
stop the session, you'll return to the manual tests tab, where you'll see an entry for each of the previous manual sessions you started.
...And 3 more matches
HTML parser threading
the nsistreamlistener methods (onstartrequest, ondataavailable and on
stoprequest) are called on the main thread.
...ondataavailable and on
stoprequest on the main thread post runnables on to the parser thread.
... there runnables obtain mtokenizermutex and call dodataavailable and do
stoprequest, repectively, on the parser thread.
...And 3 more matches
Download
this property becomes true as soon as the cancel() method is called, though the
stopped property might remain false until the cancellation request has been processed.
... temporary files or part files may still exist even if they are expected to be deleted, until the
stopped property becomes true.
...
stopped read only boolean indicates that the download never started, has been completed successfully, failed, or has been canceled.
...And 3 more matches
nsIWebSocketListener
void onacknowledge(in nsisupports acontext, in pruint32 asize); void onbinarymessageavailable(in nsisupports acontext, in acstring amsg); void onmessageavailable(in nsisupports acontext, in autf8string amsg); void onserverclose(in nsisupports acontext, in unsigned short acode, in autf8string areason); void onstart(in nsisupports acontext); void on
stop(in nsisupports acontext, in nsresult astatuscode); methods onacknowledge() called to acknowledge a message sent via nsiwebsocketchannel.sendmsg() or nsiwebsocketchannel.sendbinarymsg().
...in the case of errors, on
stop() may be called without this method ever getting called.
...any listener that receives onstart() will also receive on
stop().
...And 3 more matches
Mail composition back end
ns_imethod onstatus(const char *amsgid, - the message id for the message being sent const prunichar *amsg) = 0; - a message concerning the status of the send operation on
stopsending the on
stopsending interface is called when the sending operation has completed.
... ns_imethod on
stopsending(const char *amsgid, - the message id for the message being sent nsresult astatus, - the resulting status for the send operation const prunichar *amsg, - a message concerning the status of the send operation nsifilespec *returnfilespec) = 0; - an nsifilespec which will specify the file that was created (this is used if the dont_deliver_p argument is set to pr_true) nsimsgcopyservicelistener the nsimsgcopyservicelistener interface will notify the implementor or the progress and completion of the copy operation that follows successful send operations.
...rogress( pruint32 aprogress, - the progress so far pruint32 aprogressmax) = 0; - the maximum progress (aprogress should be used as a numerator and aprogressmax as a denominator for a message sent percentage) nsisupports *listenerdata) = 0; - the nsisupports pointer passed in to the original copy operation on
stopcopy the on
stopcopy interface is called when the copy operation has completed.
...And 3 more matches
AudioScheduledSourceNode - Web APIs
the audioscheduledsourcenode interface—part of the web audio api—is a parent interface for several types of audio source node interfaces which share the ability to be started and
stopped, optionally at specified times.
... specifically, this interface defines the start() and
stop() methods, as well as the onended event handler.
... unless stated otherwise, nodes based upon audioscheduledsourcenode output silence when not playing (that is, before start() is called and after
stop() is called).
...And 3 more matches
KeyboardEvent: code values - Web APIs
"numpadenter" 0xe01d "controlright" "controlright" 0xe01e "unidentified" "launchmail" 0xe01f "unidentified" "" 0xe020 "audiovolumemute" "audiovolumemute" 0xe021 "launchapp2" "" 0xe022 "mediaplaypause" "mediaplaypause" 0xe023 "unidentified" "" 0xe024 "media
stop" "media
stop" 0xe025 ~ 0xe02b "unidentified" "" 0xe02c "unidentified" "eject" 0xe02d "unidentified" "" 0xe02e "audiovolumedown" "volumedown" (was "volumedown" until chrome 50) 0xe02f "unidentified" "" 0xe030 "audiovolumeup" "volumeup" (was "volumeup" ...
...sleft" 0xe05c "metaright" "osright" 0xe05d "contextmenu" "contextmenu" 0xe05e "power" "" 0xe05f ~ 0xe064 "unidentified" "" 0xe065 "browsersearch" "browsersearch" 0xe066 "browserfavorites" "browserfavorites" 0xe067 "browserrefresh" "browserrefresh" 0xe068 "browser
stop" "browser
stop" 0xe069 "browserforward" "browserforward" 0xe06a "browserback" "browserback" 0xe06b "launchapp1" "" 0xe06c "launchmail" "" 0xe06d "launchmediaplayer" ("mediaselect" prior to firefox 49) "" 0xe06e ~ 0xe0f0 "unidentified" "" 0xe0f1 (hanja key with korean keyboard layout) ...
... 0x007f "pause" "pause" 0x0080 "unidentified" "" 0x0081 "numpadcomma" "" 0x0082 "lang1" "hangulmode" 0x0083 "lang2" "hanja" 0x0084 "intlyen" "intlyen" 0x0085 "osleft" "osleft" 0x0086 "osright" "osright" 0x0087 "contextmenu" "contextmenu" 0x0088 "browser
stop" "cancel" 0x0089 "again" "" 0x008a "props" "" 0x008b "undo" "undo" 0x008c "select" "" 0x008d "copy" "copy" 0x008e "open" "" 0x008f "paste" "paste" 0x0090 "find" "" 0x0091 "cut" "cut" 0x0092 "help" "help" 0x0093 "unidentified" "" ...
...And 3 more matches
Key Values - Web APIs
appcommand_media_rewind gdk_key_audiorewind (0x1008ff3e) qt::key_audiorewind (0x010000c5) keycode_media_rewind (89) "media
stop"
stops the current media activity (such as playing, recording, pausing, forwarding, or rewinding).
... has no effect if the media is currently
stopped already.
... vk_media_
stop (0xb2) appcommand_media_
stop gdk_key_audio
stop (0x1008ff15) qt::key_media
stop (0x01000081) keycode_media_
stop (86) "mediatracknext" [1] seeks to the next media or program track.
...And 3 more matches
Using the MediaStream Recording API - Web APIs
we'll declare some variables for the record and
stop buttons, and the <article> that will contain the generated audio players: const record = document.queryselector('.record'); const
stop = document.queryselector('.
stop'); const soundclips = document.queryselector('.sound-clips'); finally for this section, we set up the basic getusermedia structure: if (navigator.mediadevices && navigator.mediadevices.getusermedia) { console.log('getusermedia...
... lastly, we use the mediarecorder.
stop() method to
stop the recording when the
stop button is pressed, and finalize the blob ready for use somewhere else in our application.
...
stop.onclick = function() { mediarecorder.
stop(); console.log(mediarecorder.state); console.log("recorder
stopped"); record.style.background = ""; record.style.color = ""; } note that the recording may also
stop naturally if the media stream ends (e.g.
...And 3 more matches
Simple color animation - Web APIs
the user can start,
stop and restart the animation by clicking the button.
...a click event handler additionally enables the basic user interaction of starting and
stopping the animation.
... var button = document.queryselector("#animation-onoff"); var verb = document.queryselector("strong"); function startanimation(evt) { button.removeeventlistener(evt.type, startanimation, false); button.addeventlistener("click",
stopanimation, false); verb.innerhtml="
stop"; // setup animation loop by redrawing every second.
...And 3 more matches
Advanced techniques: Creating and sequencing audio - Web APIs
the interface consists of master controls, which allow us to play/
stop the sequencer, and adjust the bpm (beats per minute) to speed up or slow down the "music".
... the oscillator now we can create an oscillatornode and set its wave to the one we've created: function playsweep() { let osc = audioctx.createoscillator(); osc.setperiodicwave(wave); osc.frequency.value = 440; osc.connect(audioctx.destination); osc.start(); osc.
stop(audioctx.currenttime + 1); } controlling amplitude this is great, but wouldn't it be nice if we had an amplitude envelope to go with it?
...eduledvalues(audioctx.currenttime); sweepenv.gain.setvalueattime(0, audioctx.currenttime); // set our attack sweepenv.gain.linearramptovalueattime(1, audioctx.currenttime + attacktime); // set our release sweepenv.gain.linearramptovalueattime(0, audioctx.currenttime + sweeplength - releasetime); osc.connect(sweepenv).connect(audioctx.destination); osc.start(); osc.
stop(audioctx.currenttime + sweeplength); } note: we'll talk about the property baseaudiocontext.currenttime later, so don't worry if you're unsure of it for now.
...And 3 more matches
Audio for Web games - Game development
to play a specific sound from the file, we just use the known start and
stop times for each audio sprite.
... var myaudio = document.createelement("audio"); myaudio.src = "mysprite.mp3"; myaudio.play(); myaudio.pause(); you'll need to sample the current time to know when to
stop.
... here's an example of an audio sprite player — first let's set up the user interface in html: <audio id="myaudio" src="https://udn.realityripple.com/samples/f0/2909c16512.mp3"></audio> <button data-start="18" data-
stop="19">0</button> <button data-start="16" data-
stop="17">1</button> <button data-start="14" data-
stop="15">2</button> <button data-start="12" data-
stop="13">3</button> <button data-start="10" data-
stop="11">4</button> <button data-start="8" data-
stop="9">5</button> <button data-start="6" data-
stop="7">6</button> <button data-start="4" data-
stop="5">7</button> <button data-start="2" data-
stop="3...
...And 2 more matches
Introduction to events - Learn web development
if they are, we call the preventdefault() function on the event object — which
stops the form submission — and then display an error message in the paragraph below our form to tell the user what's wrong: const form = document.queryselector('form'); const fname = document.getelementbyid('fname'); const lname = document.getelementbyid('lname'); const para = document.queryselector('p'); form.onsubmit = function(e) { if (fname.value === '' || lname.value === '') { e.preven...
...tdefault(); para.textcontent = 'you need to fill in both names!'; } } obviously, this is pretty weak form validation — it wouldn't
stop the user validating the form with spaces or numbers entered into the fields, for example — but it is ok for example purposes.
... fixing the problem with
stoppropagation() this is a very annoying behavior, but there is a way to fix it!
...And 2 more matches
Message manager overview
utes are: childcount : contains the number of children (typically, browser windows) getchildat() : get the child at the given index loadframescript() : load a frame script into every tab in the browser broadcastasyncmessage() : send a message to frame scripts addmessagelistener() : start listening to a specific message from all frame scripts removemessagelistener() :
stop listening to a specific message interfaces nsiframescriptloader nsimessagelistenermanager nsimessagebroadcaster how to access access it using components.classes: // chrome script let globalmm = cc["@mozilla.org/globalmessagemanager;1"] .getservice(ci.nsimessagelistenermanager); you can also access it as the mm property of services.j...
... childcount : contains the number of children (typically, browser tabs) getchildat() : get the child at the given index loadframescript() : load a frame script into every tab in this window broadcastasyncmessage() : send a message to all frame scripts in this window addmessagelistener() : start listening to a specific message from frame scripts removemessagelistener() :
stop listening to a specific message interfaces nsiframescriptloader nsimessagelistenermanager nsimessagebroadcaster how to access you can access it as a property of the browser window: // chrome script let windowmm = window.messagemanager; browser message manager note that in this context, "browser" refers to the xul <browser> obj...
... its most important functions are: loadframescript() : load a frame script into this browser frame (tab) sendasyncmessage() : send a message to all frame scripts in this browser frame addmessagelistener() : start listening to a specific message from frame scripts removemessagelistener() :
stop listening to a specific message interfaces nsiprocesschecker nsiframescriptloader nsimessagelistenermanager nsimessagesender how to access the browser message manager can be accessed as a property of the xul <browser> element: // chrome script let browsermm = gbrowser.selectedbrowser.messagemanager; content process content...
...And 2 more matches
source-editor.jsm
to
stop listening for the event, call removeeventlistener().
...otherwise, the search
stops if the end of the text is reached.
...otherwise, the search
stops if the beginning of the text is reached.
...And 2 more matches
Hacking Tips
js> function f () { return 1; } js> dis(f); flags: loc op ----- -- main: 00000: one 00001: return 00002:
stop source notes: ofs line pc delta desc args ---- ---- ----- ------ -------- ------ 0: 1 0 [ 0] newline 1: 2 0 [ 0] colspan 2 3: 2 2 [ 2] colspan 9 getting the bytecode of a function (from gdb) in jsopcode.cpp, a function named js::disassembleatpc can print the bytecode of a script.
...to work-around this issue you can use the recording feature of gdb, to step one instruction, and settle back to where you came from with the following set of gdb commands: (gdb) record full (gdb) si (gdb) record goto 0 (gdb) record
stop if you have a core file, you can use the gdb unwinder the same way, or do everything from the command line as follow: $ gdb -ex 'enable unwinder .* spidermonkey' -ex 'bt 0' -ex 'thread apply all backtrace' -ex 'quit' out/dist/bin/js corefile the gdb unwinder is supposed to be loaded by dist/bin/js-gdb.py and load python scripts which are located in js/src/gdb/mozilla under gdb.
... viewing the mirgraph of ion/odin compilations (from gdb) with gdb instrumentation, we can call iongraph program within gdb when the execution is
stopped.
...And 2 more matches
nsIRequestObserver
inherits from: nsisupports last changed in gecko 1.0 method overview void onstartrequest(in nsirequest arequest, in nsisupports acontext); void on
stoprequest(in nsirequest arequest, in nsisupports acontext, in nsresult astatuscode); methods onstartrequest() called to signify the beginning of an asynchronous request.
... on
stoprequest() called to signify the end of an asynchronous request.
...note: an exception thrown from on
stoprequest is generally ignored.
...And 2 more matches
nsIUpdateChecker
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 checkforupdates(in nsiupdatechecklistener listener, in boolean force); void
stopchecking(in unsigned short duration); constants constant value description current_check 1 constant for the
stopchecking() method indicating that only the current update check should be
stopped.
... current_session 2 constant for the
stopchecking() method indicating that all update checks during the current session should be
stopped.
... any_checks 3 constant for the
stopchecking() method indicating that all update checking should be
stopped.
...And 2 more matches
CustomEvent - Web APIs
event.cancelbubble a historical alias to event.
stoppropagation().
... event.
stopimmediatepropagation() for this particular event, prevent all other listeners from being called.
... event.
stoppropagation()
stops the propagation of events further along in the dom.
...And 2 more matches
Examples of web and XML development using the DOM - Web APIs
the event listener handles the event by executing the function
stopevent, which changes the value in the bottom cell of the table.
... however,
stopevent also calls an event object method, event.
stoppropagation, which keeps the event from bubbling any further up into the dom.
...but the
stopevent method has
stopped propagation, and so after the data in the table is updated, the event phase is effectively ended, and an alert box is displayed to confirm this.
...And 2 more matches
Event - Web APIs
event.cancelbubble a historical alias to event.
stoppropagation().
... event.
stopimmediatepropagation() for this particular event, prevent all other listeners from being called.
... event.
stoppropagation()
stops the propagation of events further along in the dom.
...And 2 more matches
EventTarget.addEventListener() - Web APIs
lick', capturehandler, capture); middle.addeventlistener('click', nonecapturehandler, nonecapture); inner1.addeventlistener('click', passivehandler, passive); inner2.addeventlistener('click', nonepassivehandler, nonepassive); function oncehandler(event) { alert('outer, once'); } function noneoncehandler(event) { alert('outer, none-once, default'); } function capturehandler(event) { //event.
stopimmediatepropagation(); alert('middle, capture'); } function nonecapturehandler(event) { alert('middle, none-capture, default'); } function passivehandler(event) { // unable to preventdefault inside passive event listener invocation.
... event.preventdefault(); alert('inner1, passive, open new page'); } function nonepassivehandler(event) { event.preventdefault(); //event.
stoppropagation(); alert('inner2, none-passive, default, not open new page'); } result click the outer, middle, inner containers respectively to see how the options work.
... note: because objects are stored in variables by reference, you can return an object from a function to keep it alive (preserve it in memory so you don't lose the data) after that function
stops executing.
...And 2 more matches
MediaRecorder - Web APIs
mediarecorder.
stop()
stops recording, at which point a dataavailable event containing the final blob of saved data is fired.
...these are fatal errors that
stop recording.
... mediarecorder.on
stop an eventhandler called to handle the
stop event, which occurs when media recording ends, either when the mediastream ends — or after the mediarecorder.
stop() method is called.
...And 2 more matches
Reporting API - Web APIs
deprecated feature usage (when you are using something that will
stop working soon in browsers).
... reports sent to endpoints can be retrieved independently of the running of the websites they relate to, which is useful — a crash for example could bring down a web site and
stop anything running, but a report could still be obtained to give the developer some clues as to why it happened.
...this method is not as failsafe as the report-to method described above — any page crash could
stop you retrieving the reports — but it is easier to set up, and more flexible.
...And 2 more matches
Controlling multiple parameters with ConstantSourceNode - Web APIs
<div class="controls"> <div class="left"> <div id="playbutton" class="button"> ▶️ </div> </div> <div class="right"> <span>volume: </span> <input type="range" min="0.0" max="1.0" step="0.01" value="0.8" name="volume" id="volumecontrol"> </div> </div> <p>use the button above to start and
stop the tones, and the volume control to change the volume of the notes e and g in the chord.</p> css .controls { width: 400px; position: relative; vertical-align: middle; height: 44px; } .button { font-size: 32px; cursor: pointer; user-select: none; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; -o-user-select: none; } .right { width: 50%; fo...
... function toggleplay(event) { if (playing) { playbutton.innerhtml = "▶️";
stoposcillators(); } else { playbutton.innerhtml = "⏸"; startoscillators(); } } if the playing variable indicates we're already playing the oscillators, we change the playbutton's content to be the unicode character "right-pointing triangle" (▶️) and call
stoposcillators() to shut down the oscillators.
... see
stopping the oscillators below for that code.
...And 2 more matches
CSS Animations tips and tricks - CSS: Cascading Style Sheets
this article is a collection of tips and tricks we've found that may make your work easier, including how to run a
stopped animation again.
...instead, you have to use clever tricks to get a
stopped animation to replay.
... of course, we also need to add an event handler to our "run" button so it'll actually do something: document.queryselector(".runbutton").addeventlistener("click", play, false); result
stopping an animation simply removing the animation-name applied to an element will make it jump or cut to its next state.
...And 2 more matches
<video>: The Video Embed element - HTML: Hypertext Markup Language
autoplay a boolean attribute; if specified, the video automatically begins to play back as soon as it can do so without
stopping to finish loading the data.
... canplay the browser can play the media, but estimates that not enough data has been loaded to play the media up to its end without having to
stop for further buffering of content.
... canplaythrough the browser estimates it can play the media up to its end without
stopping for content buffering.
...And 2 more matches
SVG documentation index - SVG: Scalable Vector Graphics
44 color svg, svg attribute the color attribute is used to provide a potential indirect value, currentcolor, for the fill, stroke,
stop-color, flood-color, and lighting-color attributes.
... 197
stop-color needsexample, svg, svg attribute the
stop-color attribute indicates what color to use at a gradient
stop.
... 198
stop-opacity needsexample, svg, svg attribute the
stop-opacity attribute defines the opacity of a given color gradient
stop.
...And 2 more matches
port - Archive of obsolete content
main add-on code: // content-script.js self.port.on("mymessage", function handlemymessage(mymessagepayload) { // handle the message }); in the main add-on code, to listen for "mymessage" sent from a a content script: // main.js worker.port.on("mymessage", function handlemymessage(mymessagepayload) { // handle the message }); once() often you'll want to receive a message just once, then
stop listening.
...to
stop listening for a particular message, use port.removelistener().
...when it receives this message, the script logs the first paragraph of the document and then calls removelistener() to
stop listening.
...this means that if "main.js" sends the message twice in successive lines, and the listener
stops listening as soon as it receives the first message, then the listener will still receive the second message.
Examples and demos from articles - Archive of obsolete content
in such a condition is difficult and unnatural to keep track of all events started and then to
stop them when appropriate through the cleartimeout() function.
... a possible approach to solve this problem is to nest all the informations needed by each animation to start,
stop, etc.
...in such a condition is difficult and unnatural to keep track of all events started and then to
stop them when appropriate through the cleartimeout() function.
... a possible approach to solve this problem is to nest all the informations needed by each animation to start,
stop, etc.
StringView - Archive of obsolete content
*/ /* instances' methods */ stringview.prototype.makeindex = function (nchrlength, nstartfrom) { var atarget = this.rawdata, nchrend, nrawlength = atarget.length, nstartidx = nstartfrom || 0, nidxend = nstartidx, n
stopatchr = isnan(nchrlength) ?
... infinity : nchrlength; if (nchrlength + 1 > atarget.length) { throw new rangeerror("stringview.prototype.makeindex - the offset can\'t be major than the length of the array - 1."); } switch (this.encoding) { case "utf-8": var npart; for (nchrend = 0; nidxend < nrawlength && nchrend < n
stopatchr; nchrend++) { npart = atarget[nidxend]; nidxend += npart > 251 && npart < 254 && nidxend + 5 < nrawlength ?
...2 : 1; } break; case "utf-16": for (nchrend = nstartidx; nidxend < nrawlength && nchrend < n
stopatchr; nchrend++) { nidxend += atarget[nidxend] > 0xd7bf /* 55231 */ && nidxend + 1 < atarget.length ?
... characterslength optional a number expressing (in codepoints) the location at which to
stop extracting characters.
Block and Line Layout Cheat Sheet - Archive of obsolete content
this flag causes the nsblockreflowstate's constructor to set the brs_i
stopmarginroot and brs_isbottommarginroot flags.
... brs_i
stopmarginroot this flag is set in the nsblockreflowstate constructor when reflowing a "block margin root" frame (i.e., a frame with the ns_block_margin_root flag set, for which margins apply by default).
...in this case, the flag won't be set, so subsequent calls to shouldapplytopmargin() will continue crawl the line list.) this flag is also set in the nsblockreflowstate constructor if brs_i
stopmarginroot is set; that is, if the frame being reflowed is a margin root by default.
... ll_understandsnwhitespace ll_textstartswithnbsp ll_firstletterstyleok ll_i
stopofpage ll_updatedband ll_impactedbyfloaters ll_lastfloaterwasletterframe ll_canplacefloater ll_knowstrictmode ll_instrictmode ll_lineendsinbr perframedata (why isn't this just stored in the frame?) mflags pfd_relativepos pfd_istextframe pfd_isnonemptytextframe pfd_isnonwhitespacetextframe pfd_isletterframe pfd_issticky pfd_isbullet perspandata in nslinelayout,...
jspage - Archive of obsolete content
pe==3){l=l.parentnode;}return true;}).create({attempt:browser.engine.gecko})()){l=false; }}}}return $extend(this,{event:a,type:j,page:i,client:c,rightclick:e,wheel:h,relatedtarget:l,target:g,code:b,key:m,shift:a.shiftkey,control:a.ctrlkey,alt:a.altkey,meta:a.metakey}); }});event.keys=new hash({enter:13,up:38,down:40,left:37,right:39,esc:27,space:32,backspace:8,tab:9,"delete":46});event.implement({
stop:function(){return this.
stoppropagation().preventdefault(); },
stoppropagation:function(){if(this.event.
stoppropagation){this.event.
stoppropagation();}else{this.event.cancelbubble=true;}return this;},preventdefault:function(){if(this.event.preventdefault){this.event.preventdefault(); }else{this.event.returnvalue=false;}return this;}});function class(b){if(b instanceof function){b={initialize:b};}va...
...h[e].keys.contains(g)){return this; }h[e].keys.push(g);var f=e,a=element.events.get(e),c=g,i=this;if(a){if(a.onadd){a.onadd.call(this,g);}if(a.condition){c=function(j){if(a.condition.call(this,j)){return g.call(this,j); }return true;};}f=a.base||f;}var d=function(){return g.call(i);};var b=element.nativeevents[f];if(b){if(b==2){d=function(j){j=new event(j,i.getwindow()); if(c.call(i,j)===false){j.
stop();}};}this.addlistener(f,d);}h[e].values.push(d);return this;},removeevent:function(c,b){var a=this.retrieve("events");if(!a||!a[c]){return this; }var f=a[c].keys.indexof(b);if(f==-1){return this;}a[c].keys.splice(f,1);var e=a[c].values.splice(f,1)[0];var d=element.events.get(c);if(d){if(d.onremove){d.onremove.call(this,b); }c=d.base||c;}return(element.nativeevents[c])?this.removelistener(c,e):th...
...,check:function(){if(!this.timer){return true;}switch(this.options.link){case"cancel":this.cancel();return true;case"chain":this.chain(this.caller.bind(this,arguments)); return false;}return false;},start:function(b,a){if(!this.check(b,a)){return this;}this.from=b;this.to=a;this.time=0;this.transition=this.gettransition(); this.starttimer();this.onstart();return this;},complete:function(){if(this.
stoptimer()){this.oncomplete();}return this;},cancel:function(){if(this.
stoptimer()){this.oncancel(); }return this;},onstart:function(){this.fireevent("start",this.subject);},oncomplete:function(){this.fireevent("complete",this.subject);if(!this.callchain()){this.fireevent("chaincomplete",this.subject); }},oncancel:function(){this.fireevent("cancel",this.subject).clearchain();},pause:function(){this.s...
...toptimer();return this;},resume:function(){this.starttimer(); return this;},
stoptimer:function(){if(!this.timer){return false;}this.time=$time()-this.time;this.timer=$clear(this.timer);return true;},starttimer:function(){if(this.timer){return false; }this.time=$time()-this.time;this.timer=this.step.periodical(math.round(1000/this.options.fps),this);return true;}});fx.compute=function(c,b,a){return(b-c)*a+c; };fx.durations={"short":250,normal:500,"long":1000};fx.css=new class({extends:fx,prepare:function(d,e,b){b=$splat(b);var c=b[1];if(!$chk(c)){b[1]=b[0]; b[0]=d.getstyle(e);}var a=b.map(this.parse);return{from:a[0],to:a[1]};},parse:function(a){a=$lambda(a)();a=(typeof a=="string")?a.split(" "):$splat(a); return a.map(function(c){c=string(c);var b=false;fx.css.parsers.each(function(f,e){if(b){...
Theme changes in Firefox 2 - Archive of obsolete content
ton:active #downloads-button:active #forward-button[buttondown="true"] #history-button:active #home-button:active #mail-button #mail-button:active #mail-button[disabled="true"] #mail-button[open="true"] #new-tab-button:active #new-tab-button[checked="true"] #new-window-button:active #new-window-button[checked="true"] #paste-button:active #print-button:active #reload-button:active #
stop-button:active .messagebutton .messageimage .messagetext browsermessage toolbar[iconsize="small"] #bookmarks-button:active toolbar[iconsize="small"] #copy-button:active toolbar[iconsize="small"] #cut-button:active toolbar[iconsize="small"] #downloads-button:active toolbar[iconsize="small"] #history-button:active toolbar[iconsize="small"] #home-button:active toolbar[iconsize="small"] #ma...
...button:active toolbar[iconsize="small"] #mail-button[disabled="true"] toolbar[iconsize="small"] #mail-button[open="true"] toolbar[iconsize="small"] #new-tab-button:active toolbar[iconsize="small"] #new-window-button:active toolbar[iconsize="small"] #paste-button:active toolbar[iconsize="small"] #print-button:active toolbar[iconsize="small"] #reload-button:active toolbar[iconsize="small"] #
stop-button:active toolbar[mode="icons"] .toolbarbutton-text toolbar[mode="text"] .toolbarbutton-1 > .toolbarbutton-text toolbar[mode="text"] .toolbarbutton-1 > stack > toolbarbutton > .toolbarbutton-text toolbar[mode="text"] .toolbarbutton-icon the following styles need to be added to your theme to be compatible with firefox 2: #back-button .toolbarbutton-menubutton-dropmarker #back-button:...
...over:active #history-button[checked="true"] #home-button:hover #home-button:hover:active #new-tab-button:hover #new-tab-button:hover:active #new-window-button:hover #new-window-button:hover:active #paste-button:hover #paste-button:hover:active #print-button:hover #print-button:hover:active #reload-button:hover #reload-button:hover:active #searchbar[empty="true"] .searchbar-textbox #
stop-button:hover #
stop-button:hover:active #urlbar-icons-spacer #urlbar-spacer #urlbar[level="high"] #lock-icon:active #urlbar[level="high"] #lock-icon:hover #urlbar[level="low"] #lock-icon:active #urlbar[level="low"] #lock-icon:hover .autocomplete-treebody::-moz-tree-cell(suggesthint) .autocomplete-treebody::-moz-tree-cell-text(suggestfirst, treecolautocompletecomment) .autocomplete-treebo...
...n:hover toolbar[iconsize="small"] #new-window-button:hover:active toolbar[iconsize="small"] #paste-button:hover toolbar[iconsize="small"] #paste-button:hover:active toolbar[iconsize="small"] #print-button:hover toolbar[iconsize="small"] #print-button:hover:active toolbar[iconsize="small"] #reload-button:hover toolbar[iconsize="small"] #reload-button:hover:active toolbar[iconsize="small"] #
stop-button:hover toolbar[iconsize="small"] #
stop-button:hover:active toolbarbutton.bookmark-item-microsummarized you may need to make changes to other styles as well.
-ms-content-zoom-snap-type - Archive of obsolete content
proximity indicates that the motion of the content after the contact is picked up may be adjusted if the content would normally
stop "close enough" to a snap-point.
...the snap-point that is selected is the one that is closest to where the content zoom factor would normally
stop.
...snap-points can change the animation that runs when the user lifts his or her finger so that you can adjust where the content will
stop.
... by placing snap-points, you can make it easy for your users to manipulate your content and make it
stop at convenient or key places.
CSS and JavaScript accessibility best practices - Learn web development
absolute positioning (as used in this example) is generally seen as one of the best mechanisms of hiding content for visual effect, because it doesn't
stop screen readers from getting to it.
...if there are errors (if(errorlist.innerhtml !== '')) then we
stop the form submitting (using preventdefault()), and display any error messages that have been created (see below).
...the code features two functions that show and hide the zoomed-in image; these are run by the following lines that set them as event handlers: imgthumb.onmouseover = showimg; imgthumb.onmouseout = hideimg; imgthumb.onfocus = showimg; imgthumb.onblur = hideimg; the first two lines run the functions when the mouse pointer hovers over and
stops hovering over the thumbnail, respectively.
... this won't allow us to access the zoomed view by keyboard though — to allow that, we've included the last two lines, which run the functions when the image is focused and blurred (when focus
stops).
Accessible multimedia - Learn web development
here is a <a href="rabbit320.mp4">link to the video</a> instead.</p> </video> <div class="controls"> <button class="playpause">play</button> <button class="
stop">
stop</button> <button class="rwd">rwd</button> <button class="fwd">fwd</button> <div class="time">00:00</div> </div> </section> javascript basic setup we've inserted some simple control buttons below our video.
... we will first need to store references to each of the controls — add the following to the top of your javascript file: const playpausebtn = 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 ou...
...add it to your code, at the bottom: playpausebtn.onclick = function() { if(player.paused) { player.play(); playpausebtn.textcontent = 'pause'; } else { player.pause(); playpausebtn.textcontent = 'play'; } }; next, add this code to the bottom, which controls the
stop button:
stopbtn.onclick = function() { player.pause(); player.currenttime = 0; playpausebtn.textcontent = 'play'; }; there is no
stop() function available on htmlmediaelements, so instead we pause() it, and at the same time set the currenttime to 0.
...if either conditions are true, we simply
stop the video, to avoid the user interface going wrong if they attempt to fast forward when the video is not playing, or fast forward past the end of the video.
Client-side form validation - Learn web development
if the user tries to send the data, the browser will submit the form, provided there is nothing else
stopping it from doing so (e.g., javascript).
... note: a key point here is that setting the novalidate attribute on the form is what
stops the form from showing its own error message bubbles, and allows us to instead display the custom error messages in the dom in some manner of our own choosing.
...if not, we run showerror() to show the appropriate error, and
stop the form submitting with preventdefault().
...function addevent(element, event, callback) { let previouseventcallback = element["on"+event]; element["on"+event] = function (e) { const output = callback(e); // a callback that returns `false`
stops the callback chain // and interrupts the execution of the event callback.
From object to iframe — other embedding technologies - Learn web development
!2d-2.273568166412784!3d53.473310471916975!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x487bae6c05743d3d%3a0xf82fddd1e49fc0a1!2sthe+lowry!5e0!3m2!1sen!2suk!4v1518171785211" width="600" height="450" frameborder="0" style="border:0" allowfullscreen>\n</iframe>'; let solutionentry = htmlsolution; textarea.addeventlistener('input', updatecode); window.addeventlistener('load', updatecode); //
stop tab key tabbing out of textarea and // make it write a tab at the caret position instead textarea.onkeydown = function(e){ if (e.keycode === 9) { e.preventdefault(); insertatcaret('\t'); } if (e.keycode === 27) { textarea.blur(); } }; function insertatcaret(text) { const scrollpos = textarea.scrolltop; const caretpos = textarea.selectionstart; const front = (textarea...
...one important note is that you should never add both allow-scripts and allow-same-origin to your sandbox attribute — in that case, the embedded content could bypass the same-origin policy that
stops sites from executing scripts, and use javascript to turn off sandboxing altogether.
...for virtually all applications, it's time to
stop delivering content that depends on plugins and start taking advantage of web technologies instead.
... note: due to its inherent issues and the lack of support for flash, adobe announced that they would
stop supporting it at the end of 2020.
Basic math in JavaScript — numbers and operators - Learn web development
before you start to get worried about your brain melting,
stop right there!
...for now, let's look at a quick example: <button>start machine</button> <p>the machine is
stopped.</p> const btn = document.queryselector('button'); const txt = document.queryselector('p'); btn.addeventlistener('click', updatebtn); function updatebtn() { if (btn.textcontent === 'start machine') { btn.textcontent = '
stop machine'; txt.textcontent = 'the machine has started!'; } else { btn.textcontent = 'start machine'; txt.textcontent = 'the machine is
stopped.'; }...
...if the button is currently saying "start machine" when it is pressed, we change its label to "
stop machine", and update the label as appropriate.
... if the button is currently saying "
stop machine" when it is pressed, we swap the display back again.
Adding a new todo form: Vue events, methods, and models - Learn web development
to prevent the browser from posting to the server, we need to
stop the event’s default action from bubbling up through the page (event.preventdefault(), in vanilla javascript).
...here is a list of event modifiers: .
stop:
stops the event from propagating.
... equivalent to event.
stoppropagation() in regular javascript events.
... in this case, we need to use the .prevent handler to
stop the browser’s default submit action.
Browser API
they are necessary to be able to implement back, forward,
stop, and reload buttons.
... htmliframeelement.
stop() allows
stopping of the <iframe>'s content loading.
... mozbrowseraudioplaybackchange sent when audio starts or
stops playing within the browser <iframe> content.
...apcz) starts or
stops.
Extras
ext> </mtd> </mtr> <mtr> <mtd> <mtext><input value="type" size="4"/></mtext> </mtd> <mtd><mn>4</mn></mtd> </mtr> </mtable> <mo>]</mo> </mrow> </math> <math display="block"> <msqrt> <mpadded width="30px" height="15px" depth="15px" voffset="-15px"> <mtext> <svg width="30px" height="30px"> <defs> <radialgradient id="radgrad1" cx="50%" cy="50%" r="50%" fx="50%" fy="50%"> <
stop offset="0%" style="
stop-color:rgb(255,255,255);
stop-opacity:1;"/> <
stop offset="100%" style="
stop-color:rgb(255,0,0);
stop-opacity:.8;"/> </radialgradient> </defs> <g transform="translate(15,15)"> <g> <animatetransform attributename="transform" attributetype="xml" type="rotate" from="360" to="...
... l 20 10 l 30 15 l 20 20 l 15 30 l 10 20 l 0 15 l 10 10"/> </g> </g> </g> </svg> </mtext> </mpadded> </msqrt> <mo>=</mo> <msubsup> <mo>∫</mo> <mn>0</mn> <mfrac> <mi>π</mi> <mn>2</mn> </mfrac> </msubsup> <msup> <mi>θ</mi> <mtext> <svg width="15px" height="15px"> <defs> <radialgradient id="radgrad2" cx="50%" cy="50%" r="50%" fx="50%" fy="50%"> <
stop offset="0%" style="
stop-color:rgb(255,255,255);
stop-opacity:1;"/> <
stop offset="100%" style="
stop-color:rgb(0,0,255);
stop-opacity:.9;"/> </radialgradient> </defs> <g> <animatemotion path="m0,0 l3,0 l2,5 l5,5 l0,4 l5,2 z" begin="0s" dur="0.5s" repeatcount="indefinite"/> <circle fill="url(#radgrad2)" r="5px" cx="5px" cy="5px"/> </g> </s...
...vg> </mtext> </msup> <mrow> <mo>ⅆ</mo> <mi>θ</mi> </mrow> </math> <div style="width: 300px; margin-left: auto; margin-right: auto;"> <svg width="300px" height="250px"> <defs> <lineargradient id="grad1" x1="0%" y1="0%" x2="100%" y2="0%"> <
stop offset="0%" style="
stop-color:rgb(0,0,255);
stop-opacity:1"/> <
stop offset="100%" style="
stop-color:rgb(0,255,0);
stop-opacity:1"/> </lineargradient> <lineargradient id="grad2" x1="0%" y1="0%" x2="0%" y2="100%"> <
stop offset="0%" style="
stop-color:rgb(255,0,0);
stop-opacity:1"/> <
stop offset="100%" style="
stop-color:rgb(255,255,0);
stop-opacity:1"/> </lineargradient> <radialgradient id="grad3" cx="50%" cy="50%" r="50%" fx="50%" fy="50%"> <
stop offset="0%" style="
stop-color:rgb(0,255,255);
stop-opacity:1"/> <
stop offset="100%" style="
stop-color:rgb(255,25...
...5,255);
stop-opacity:.8"/> </radialgradient> </defs> <rect width="300" height="250" fill="url(#grad1)"/> <g transform="translate(150,125)"> <g> <animatetransform attributename="transform" attributetype="xml" type="rotate" from="0" to="360" dur="6s" repeatcount="indefinite"/> <g transform="translate(-50,-35)"> <rect width="100" height="70" fill="url(#grad2)"/> <switch> <foreignobject width="100" height="70" requiredextensions="http://www.w3.org/1998/math/mathml"> <math display="block"> <mrow> <mo>(</mo> <mtable> <mtr> <mtd><mi>cos</mi><mi>θ</mi></mtd> <mtd><mo>−</mo><mi>sin</mi><mi>θ</mi></mtd> </mtr> <mtr> <mtd><mi>sin</mi><mi>θ</mi></mtd> <mtd><mi>cos</mi><mi>θ</mi></mtd> </mtr> </mtable> <mo>)</mo> </mrow>...
JS::PerfMeasurement
it is a
stopwatch profiler -- that is, it counts events that occur while code of interest is running; it does not do call traces or sampling.
...void
stop() and call this to
stop timing again.
... the counter variables do not update in real time; they only change when
stop is called.
... counter values are accumulated across many start/
stop cycles, and you can modify their values if you want;
stop simply adds counts read back from the os to whatever is already in each counter.
Necko walkthrough
has onstartrequest, on
stoprequest, ondataavailable, the three functions in which channel responses are received asynchronously.
... receive response get a callback to each of these: nsistreamlistener::onstartrequest (header info) nsistreamlistener::ondataavailable (data in single or multiple chunks) nsistreamlistener::on
stoprequest (no more data from http) this all happens on the main thread, in a non-blocking fashion: make your request on the main thread, then carry on and get the async response later, also on the main thread.
...back on the main thread: nsinputstreampump::oninputstreamready this function in turn calls nsinputstreampump::onstatestart, nsinputstreampump::onstatetransfer and nsinputstreampump::onstate
stop.
... these functions call nsistreamlistener::onstartrequest, nsistreamlistener::ondataavailable and nsistreamlistener::on
stoprequest respectively.
Shell global objects
stoptimingmutator()
stop accounting time to mutator vs gc and dump the results.
... disabletrackallocations()
stop capturing the js stack at every allocation.
...depending on truthiness, you should continue to wait for compilation to happen or
stop execution.
...disable it by setting environment variable tloptions=disablemainthread
stoptracelogger()
stop logging the mainthread.
Observer Notifications
xpcom-shutdown assortment of critical services
stop operating.
... xpcom-shutdown-threads shuts down the thread manager, causing all nsthreads to finish processing any events already queued and
stop accepting new events.
... inspector-unhighlighting - sent every time the highlighter
stops highlighting a node.
... if you're using a message manager to communicate with a script that may be running in a different process, you might need to know when the message manager has disconnected from the other end of the conversation, so you can
stop sending it messages or expecting to receive messages.
nsIAutoCompleteSearch
toolkit/components/autocomplete/nsiautocompletesearch.idlscriptable this interface is implemented by search providers to start and
stop autocomplete.
...method overview void startsearch(in astring searchstring, in astring searchparam, in nsiautocompleteresult previousresult, in nsiautocompleteobserver listener); void
stopsearch(); methods startsearch() search for a given string and notify a listener (either synchronously or asynchronously) of the result.
...
stopsearch()
stop all searches that are in progress.
... void
stopsearch(); parameters none.
nsICachingChannel
an error of ns_error_document_not_cached will be sent to the listener's on
stoprequest if network io is necessary to complete the request.
...an error of ns_error_document_not_cached will be sent to the listener's on
stoprequest in this case.
...the listener will only see onstartrequest followed by on
stoprequest.
...this value is undefined before the channel fires its onstartrequest notification and after the channel fires its on
stoprequest notification.
nsIHttpServer
}, registerprefixhandler: function(prefix, handlercallback) { server.registerprefixhandler(prefix, function (request, response) { var req = createhttprequest(request); var resp = new httpresponse(response); handlercallback(req, resp); }); }, close: function(){ server.
stop(function(){}); }, get port() { return server.identity.primaryport } } } reference : mozilla-release/netwerk/test/httpserver/nsihttpserver.idl [scriptable, uuid(cea8812e-faa6-4013-9396-f9936cbb74ec)] interface nsihttpserver : nsisupports { /** * starts up this server, listening upon the given port.
... * desired * @throws ns_error_already_initialized * if this server is already started * @throws ns_error_not_available * if the server is not started and cannot be started on the desired port * (perhaps because the port is already in use or because the process does * not have privileges to do so) * @note * behavior is undefined if this method is called after
stop() has been * called on this but before the provided callback function has been * called.
... */ void start(in long port); /** * shuts down this server if it is running (including the period of time after *
stop() has been called but before the provided callback has been called).
... * * @param callback * an asynchronous callback used to notify the user when this server is *
stopped and all pending requests have been fully served * @throws ns_error_null_pointer * if callback is null * @throws ns_error_unexpected * if this server is not running */ void
stop(in nsihttpserver
stoppedcallback callback); /** * associates the local file represented by the string file with all requests * which match request.
nsIMsgWindow
method overview void displayhtmlinmessagepane(in astring title, in astring body, in boolean clearmsghdr); void
stopurls(); void closewindow(); attributes attribute type description windowcommands nsimsgwindowcommands this allows the backend code to send commands to the ui, such as clearmsgpane.
...
stopped boolean check if a running url been
stopped.
...
stopurls() this is equivalent to calling
stop(nsiwebnavigation::
stop_network) on the nsiwebnavigation object.
... void
stopurls(); closewindow() when the msg window is being unloaded from the content window, this notification can be used to force a flush on anything the message window hangs on.
nsIServerSocketListener
inherits from: nsisupports last changed in gecko 1.7 method overview void onsocketaccepted(in nsiserversocket aserv, in nsisockettransport atransport); void on
stoplistening(in nsiserversocket aserv, in nsresult astatus); methods onsocketaccepted() this method is called when a client connection is accepted.
... on
stoplistening() this method is called when the listening socket
stops for some reason.
...void on
stoplistening( in nsiserversocket aserv, in nsresult astatus ); parameters aserv the server socket.
... astatus the reason why the server socket
stopped listening.
MailNews fakeserver
the server presents the following api to the handler: <caption> server api </caption> name arguments returns description closesocket none nothing closes the socket and
stops the test.
... // set up a nsimsgincomingserver locally localserver.someactionrequiringconnection(); server.performtest(); // nothing will be executed until the connection is closed // localserver.closecachedconnections() is generally a good way to do so server.resettest(); // set up second test server.performtest(); transaction = server.playtransaction(); // finished with tests server.
stop(); } currently, fakeserver provides no means to keep a persistent connection past a test, requiring connections to be closed, possibly forcibly.
...the server provides the following api to xpcshell tests: <caption> nsmailserver xpcshell api </caption> name arguments returns description performtest none nothing runs until the test is forcibly aborted or
stopped normally is
stopped none if the server is
stopped helper for performtest istestfinished none if the test is finished helper for performtest playtransaction none the transaction the transaction is an object with two properties: us, and them; us is an array of responses we sent, them an array of commands received resettest none nothing prepares the server for the next test without closing the connection start port number nothin...
...g starts the server listening
stop none nothing
stops the server and closes the connection using fakeserver in qa testing debug output from fakeservers it is possible to get the fakeservers to dump to the console the commands they have sent and received.
Migrating from Firebug - Firefox Developer Tools
stop script execution on dom mutation in firebug you can break on dom mutations, that means that when an element is changed, the script execution is
stopped at the related line within the javascript file, which caused the change.
...to
stop the script execution there, you need to set a breakpoint on the line with the modification within the debugger panel.
... step through code once the script execution is
stopped, you can step through the code using the continue (f8), step over (f10), step into (f11) and step out (shift+f11) options.
...the main difference is that it is empty when the script execution is not
stopped, i.e.
AudioContext.createMediaStreamDestination() - Web APIs
when the button is
stopped, the oscillator and mediarecorder both
stop.
...
stopping the mediarecorder causes the dataavailable event to fire, and the event data is pushed into the chunks array.
... after that, the
stop event fires, a new blob is made of type opus — which contains the data in the chunks array, and a new window (tab) is then opened that points to a url created from the blob.
...d = false; var chunks = []; var ac = new audiocontext(); var osc = ac.createoscillator(); var dest = ac.createmediastreamdestination(); var mediarecorder = new mediarecorder(dest.stream); osc.connect(dest); b.addeventlistener("click", function(e) { if (!clicked) { mediarecorder.start(); osc.start(0); e.target.innerhtml = "
stop recording"; clicked = true; } else { mediarecorder.
stop(); osc.
stop(0); e.target.disabled = true; } }); mediarecorder.ondataavailable = function(evt) { // push each chunk (blobs) in an array chunks.push(evt.data); }; mediarecorder.on
stop = function(evt) { // make blob out of our blobs, and ope...
BaseAudioContext.decodeAudioData() - Web APIs
the buttons in the example simply run getdata() to load the track and start it playing, and
stop it playing, respectively.
... when the
stop() method is called on the source, the source is cleared out.
... note: you can run the example live (or view the source.) // define variables var audioctx = new (window.audiocontext || window.webkitaudiocontext)(); var source; var pre = document.queryselector('pre'); var myscript = document.queryselector('script'); var play = document.queryselector('.play'); var
stop = document.queryselector('.
stop'); // use xhr to load an audio track, and // decodeaudiodata to decode it and stick it in a buffer.
...setype = 'arraybuffer'; request.onload = function() { var audiodata = request.response; audioctx.decodeaudiodata(audiodata, function(buffer) { source.buffer = buffer; source.connect(audioctx.destination); source.loop = true; }, function(e){ console.log("error with decoding audio data" + e.err); }); } request.send(); } // wire up buttons to
stop and play audio play.onclick = function() { getdata(); source.start(0); play.setattribute('disabled', 'disabled'); }
stop.onclick = function() { source.
stop(0); play.removeattribute('disabled'); } // dump script to pre element pre.innerhtml = myscript.innerhtml; new promise-based syntax ctx.decodeaudiodata(audiodata).then(function(decodeddata) { // use the decoded data here }); ...
Console.profileEnd() - Web APIs
the profileend method
stops recording a profile previously started with console.profile().
...doing so enables you to
stop only that profile if you have multiple profiles being recorded.
... if console.profileend() is passed a profile name, and it matches the name of a profile being recorded, then that profile is
stopped.
... if console.profileend() is not passed a profile name, the most recently started profile is
stopped.
Console.timeEnd() - Web APIs
stops a timer that was previously started by calling console.time().
... syntax console.timeend(label); parameters label the name of the timer to
stop.
... once
stopped, the elapsed time is automatically displayed in the web console along with an indicator that the time has ended.
...ontinue"); console.timelog("answer time"); alert("do a bunch of other stuff..."); console.timeend("answer time"); the output from the example above shows the time taken by the user to dismiss the first alert box, followed by the time it took for the user to dismiss the second alert: notice that the timer's name is displayed when the timer value is logged using timelog() and again when it's
stopped.
console - Web APIs
console.profileend()
stops the profiler.
... console.timeend()
stops the specified timer and logs the elapsed time in seconds since it started.
...to
stop the timer, and to get the elapsed time in milliseconds, just call the console.timeend() method, again passing the timer's name as the parameter.
...click to continue"); console.timelog("answer time"); alert("do a bunch of other stuff..."); console.timeend("answer time"); will log the time needed by the user to dismiss the alert box, log the time to the console, wait for the user to dismiss the second alert, and then log the ending time to the console: notice that the timer's name is displayed both when the timer is started and when it's
stopped.
MediaStreamTrack: ended event - Web APIs
the ended event of the mediastreamtrack interface is fired when playback or streaming has
stopped because the end of the media was reached or because no further data is available.
... bubbles no cancelable no interface event event handler property mediastreamtrack.onended usage notes ended events fire when the media stream track's source permanently
stops sending data on the stream.
... a remote peer has permanently
stopped sending data; pausing media does not generate an ended event.
... track.addeventlistener('ended', () => { let statuselem = document.getelementbyid("status-icon"); statuselem.src = "/images/
stopped-icon.png"; }) you can also set up the event handler using the mediastreamtrack.onended property: track.onended = function() { let statuselem = document.getelementbyid("status-icon"); statuselem.src = "/images/
stopped-icon.png"; } specifications specification status comment media capture and streamsthe definition of 'ended' in that specification.
MediaStream Recording API - Web APIs
recording
stops automatically when the source media
stops playing.
... you can
stop recording at any time by calling mediarecorder.
stop().
... example here, we use an html canvas as source of the mediastream, and
stop recording after 9 seconds.
... } } function download() { var blob = new blob(recordedchunks, { type: "video/webm" }); var url = url.createobjecturl(blob); var a = document.createelement("a"); document.body.appendchild(a); a.style = "display: none"; a.href = url; a.download = "test.webm"; a.click(); window.url.revokeobjecturl(url); } // demo: to download after 9sec settimeout(event => { console.log("
stopping"); mediarecorder.
stop(); }, 9000); examining and controlling the recorder status you can also use the properties of the mediarecorder object to determine the state of the recording process, and its pause() and resume() methods to pause and resume recording of the source media.
RTCRtpTransceiver - Web APIs
properties currentdirection read only a string from the enum rtcrtptransceiverdirection which indicates the transceiver's current directionality, or null if the transceiver is
stopped or has never participated in an exchange of offers and answers.
...
stopped indicates whether or not sending and receiving using the paired rtcrtpsender and rtcrtpreceiver has been permanently disabled, either due to sdp offer/answer, or due to a call to
stop().
...
stop() permanently
stops the rtcrtptransceiver.
... the associated sender
stops sending data, and the associated receiver likewise
stops receiving and decoding incoming data.
SpeechRecognition - Web APIs
speechrecognition.abort()
stops the speech recognition service from listening to incoming audio, and doesn't attempt to return a speechrecognitionresult.
... speechrecognition.
stop()
stops the speech recognition service from listening to incoming audio, and attempts to return a speechrecognitionresult using the audio captured so far.
... soundend fired when any sound — recognisable speech or not — has
stopped being detected.
... speechend fired when speech recognised by the speech recognition service has
stopped being detected.
Using readable streams - Web APIs
as an example, have a look at our simple random stream demo (see it live also), which creates a custom stream, enqueues some random strings into it, and then reads the data out of the stream again once the
stop string generation button is pressed.
...we also close the stream, as we’ve
stopped enqueuing chunks to it.
...reateelement('li'); listitem.textcontent = string; list1.appendchild(listitem); }, 1000); button.addeventlistener('click', function() { clearinterval(interval); readstream(); controller.close(); }) }, pull(controller) { // we don't really need a pull in this example }, cancel() { // this is called if the reader cancels, // so we should
stop generating strings clearinterval(interval); } }); in the readstream() function itself, we lock a reader to the stream using readablestream.getreader(), then follow the same kind of pattern we saw earlier — reading each chunk with read(), checking whether done is true and then ending the process if so, and reading the next chunk and processing it if not, before running the read() method a...
...this example works much the same way as our simple random stream, except that when the button is pressed to
stop generating random strings, the custom stream is taken and teed, and both resulting streams are then read: function teestream() { const teedoff = stream.tee(); readstream(teedoff[0], list2); readstream(teedoff[1], list3); } pipe chains one very experimental feature of streams is the ability to pipe streams into one another (called a pipe chain).
Signaling and video calling - Web APIs
it's important to note, however, that ice negotiation does not
stop once media is flowing.
... ending the call the closevideocall() function, shown below, is responsible for
stopping the streams, cleaning up, and disposing of the rtcpeerconnection object: function closevideocall() { var remotevideo = document.getelementbyid("received_video"); var localvideo = document.getelementbyid("local_video"); if (mypeerconnection) { mypeerconnection.ontrack = null; mypeerconnection.onremovetrack = null; mypeerconnection.onremovestream = null; mypeerconnection...
....onicecandidate = null; mypeerconnection.oniceconnectionstatechange = null; mypeerconnection.onsignalingstatechange = null; mypeerconnection.onicegatheringstatechange = null; mypeerconnection.onnegotiationneeded = null; if (remotevideo.srcobject) { remotevideo.srcobject.gettracks().foreach(track => track.
stop()); } if (localvideo.srcobject) { localvideo.srcobject.gettracks().foreach(track => track.
stop()); } mypeerconnection.close(); mypeerconnection = null; } remotevideo.removeattribute("src"); remotevideo.removeattribute("srcobject"); localvideo.removeattribute("src"); remotevideo.removeattribute("srcobject"); document.getelementbyid("hangup-button").disabled = true; targetusername = null; } after pulling references to ...
... for both remote and local video streams, we iterate over each track, calling the mediastreamtrack.
stop() method to close each one.
WindowOrWorkerGlobalScope.setInterval() - Web APIs
console.log(a); console.log(b); } example 2: alternating two colors the following example calls the flashtext() function once a second until the
stop button is pressed.
... } function
stoptextcolor() { clearinterval(nintervid); } </script> </head> <body onload="changecolor();"> <div id="my_box"> <p>hello world</p> </div> <button onclick="
stoptextcolor();">
stop</button> </body> </html> example 3: typewriter simulation the following example simulates typewriter by first clearing and then slowly typing content into the nodelist that matches a specified group...
... <!doctype html> <html> <head> <meta charset="utf-8" /> <title>javascript typewriter - mdn example</title> <script> function typewriter (sselector, nrate) { function clean () { clearinterval(nintervid); btyping = false; bstart = true; ocurrent = null; asheets.length = nidx = 0; } function scroll (osheet, npos, beraseand
stop) { if (!osheet.hasownproperty('parts') || amap.length < npos) { return true; } var orel, bexit = false; if (amap.length === npos) { amap.push(0); } while (amap[npos] < osheet.parts.length) { orel = osheet.parts[amap[npos]]; scroll(orel, npos + 1, beraseand
stop) ?
... amap[npos]++ : bexit = true; if (beraseand
stop && (orel.ref.nodetype - 1 | 1) === 3 && orel.ref.nodevalue) { bexit = true; ocurrent = orel.ref; spart = ocurrent.nodevalue; ocurrent.nodevalue = ''; } osheet.ref.appendchild(orel.ref); if (bexit) { return false; } } amap.length--; return true; } function typewrite () { if (spart.length === 0 && scroll(asheets[nidx], 0, true) && nidx++ === asheets.length - 1) { clean(); return; } ocurrent.nodevalue += spart.charat(0); spart = spart.slice(1); } function sheet (onode) { this.ref = onode; if (!onode.haschildnodes()) { return; } this.parts = array.prototype.slice.call(onode.childnodes); for (var nchild = 0; nchild < this.parts.length; nchild...
Basic concepts of CSS Scroll Snap - CSS: Cascading Style Sheets
the below example demonstrates scroll snapping along the y axis, with scroll-snap-align used on the section element to dictate the point the scrolling should
stop.
...when we snap to the start of the second and third sections, the scrolling
stops 40 pixels away from the start of the section.
... the scroll-snap-
stop property the scroll-snap-
stop property tells the browser whether it should snap to each defined snap point — meaning that in our examples above we would
stop at the start of each section — or be able to skip past sections.
... note: the scroll-snap-
stop property is currently marked at risk in the current candidate recommendation spec, therefore it may be removed.
Cross-browser audio basics - Developer guides
e of creating an <audio> element, setting the media to play, playing and pausing, and then playing from 5 seconds into the audio: var myaudio = document.createelement('audio'); if (myaudio.canplaytype('audio/mpeg')) { myaudio.setattribute('src','audiofile.mp3'); } if (myaudio.canplaytype('audio/ogg')) { myaudio.setattribute('src','audiofile.ogg'); } alert('play'); myaudio.play(); alert('
stop'); myaudio.pause(); alert('play from 5 seconds in'); myaudio.currenttime = 5; myaudio.play(); let's explore the available properties and methods in more detail.
... myaudio.pause(); note: there is no
stop method — to implement a
stop function, you'd have to pause the media then set the currenttime property value to 0.
... myaudio.addeventlistener("canplay", function() { //audio is ready to play }); canplaythrough canplaythrough is similar to canplay but it lets you know that the media is ready to be played all the way through (that is to say that the file has completely downloaded, or it is estimated that it will download in time so that buffering
stops do not occur).
... waiting the waiting event is triggered when playback has
stopped due to lack of media data, although it is expected to resume once data becomes available.
Creating a cross-browser video player - Developer guides
the control set most browser's default video controls have the following functionality: play/pause mute volume control progress bar skip ahead go fullscreen the custom control set will also support this functionality, with the addition of a
stop button.
... <ul id="video-controls" class="controls"> <li><button id="playpause" type="button">play/pause</button></li> <li><button id="
stop" type="button">
stop</button></li> <li class="progress"> <progress id="progress" value="0" min="0"> <span id="progress-bar"></span> </progress> </li> <li><button id="mute" type="button">mute/unmute</button></li> <li><button id="volinc" type="button">vol+</button></li> <li><button id="voldec" type="button">vol-</button></li> <li><button id="fs" type="button">f...
... as mentioned earlier, the browser's default controls now need to be disabled, and the custom controls need to be displayed: // hide the default controls video.controls = false; // display the user defined video controls videocontrols.style.display = 'block'; with that done, a variable pointing to each of the buttons is now required: var playpause = document.getelementbyid('playpause'); var
stop = document.getelementbyid('
stop'); var mute = document.getelementbyid('mute'); var volinc = document.getelementbyid('volinc'); var voldec = document.getelementbyid('voldec'); var progress = document.getelementbyid('progress'); var progressbar = document.getelementbyid('progress-bar'); var fullscreen = document.getelementbyid('fs'); using these handles, events can now be attached to each of the ...
...
stop stop.addeventlistener('click', function(e) { video.pause(); video.currenttime = 0; progress.value = 0; }); the media api doesn't have a
stop method, so to mimic this the video is paused, and its currenttime (i.e.
<audio>: The Embed Audio element - HTML: Hypertext Markup Language
canplay the browser can play the media, but estimates that not enough data has been loaded to play the media up to its end without having to
stop for further buffering of content.
... canplaythrough the browser estimates it can play the media up to its end without
stopping for content buffering.
... ended playback has
stopped because the end of the media was reached.
... waiting playback has
stopped because of a temporary lack of data usage notes browsers don't all support the same file types and audio codecs; you can provide multiple sources inside nested <source> elements, and the browser will then use the first one it understands: <audio controls> <source src="myaudio.mp3" type="audio/mpeg"> <source src="myaudio.ogg" type="audio/ogg"> <p>your browser doesn't support html...
<input type="button"> - HTML: Hypertext Markup Language
a simple button we'll begin by creating a simple button with a click event handler that starts our machine (well, it toggles the value of the button and the text content of the following paragraph): <form> <input type="button" value="start machine"> </form> <p>the machine is
stopped.</p> const button = document.queryselector('input'); const paragraph = document.queryselector('p'); button.addeventlistener('click', updatebutton); function updatebutton() { if (button.value === 'start machine') { button.value = '
stop machine'; paragraph.textcontent = 'the machine has started!'; } else { button.value = 'start machine'; paragraph.textcontent = 'the machin...
...e is
stopped.'; } } the script gets a reference to the htmlinputelement object representing the <input> in the dom, saving this refence in the variable button.
... <form> <input type="button" value="start machine" accesskey="s"> </form> <p>the machine is
stopped.</p> const button = document.queryselector('input'); const paragraph = document.queryselector('p'); button.addeventlistener('click', updatebutton); function updatebutton() { if (button.value === 'start machine') { button.value = '
stop machine'; paragraph.textcontent = 'the machine has started!'; } else { button.value = 'start machine'; paragraph.textcontent = 'the mac...
...hine is
stopped.'; } } note: the problem with the above example of course is that the user will not know what the access key is!
SVG Presentation Attributes - SVG: Scalable Vector Graphics
ll fill-opacity fill-rule filter flood-color flood-opacity font-family font-size font-size-adjust font-stretch font-style font-variant font-weight glyph-orientation-horizontal glyph-orientation-vertical image-rendering kerning letter-spacing lighting-color marker-end marker-mid marker-start mask opacity overflow pointer-events shape-rendering solid-color solid-opacity
stop-color
stop-opacity stroke stroke-dasharray stroke-dashoffset stroke-linecap stroke-linejoin stroke-miterlimit stroke-opacity stroke-width text-anchor text-decoration text-rendering transform unicode-bidi vector-effect visibility word-spacing writing-mode attributes alignment-baseline it specifies how an object is aligned along the font baseline with respect to its parent.
... value: nonezero|evenodd|inherit; animatable: yes color it provides a potential indirect value (currentcolor) for the fill, stroke,
stop-color, flood-color and lighting-color presentation attributes.
... value: auto|optimizespeed|crispedges|geometricprecision |inherit; animatable: yes solid-color - value:; animatable: - solid-opacity - value:; animatable: -
stop-color indicates what color to use at that gradient
stop.
... value: currentcolor|<color>|<icccolor>|inherit; animatable: yes
stop-opacity defines the opacity of a given gradient
stop.
spreadMethod - SVG: Scalable Vector Graphics
examples of spreadmethod with linear gradients svg <svg width="220" height="150" xmlns="http://www.w3.org/2000/svg"> <defs> <lineargradient id="padgradient" x1="33%" x2="67%"> <
stop offset="0%"
stop-color="fuchsia"/> <
stop offset="100%"
stop-color="orange"/> </lineargradient> <lineargradient id="reflectgradient" spreadmethod="reflect" x1="33%" x2="67%"> <
stop offset="0%"
stop-color="fuchsia"/> <
stop offset="100%"
stop-color="orange"/> </lineargradient> <lineargradient id="repeatgradient" spreadmethod="repeat" ...
... x1="33%" x2="67%"> <
stop offset="0%"
stop-color="fuchsia"/> <
stop offset="100%"
stop-color="orange"/> </lineargradient> </defs> <rect fill="url(#padgradient)" x="10" y="0" width="200" height="40"/> <rect fill="url(#reflectgradient)" x="10" y="50" width="200" height="40"/> <rect fill="url(#repeatgradient)" x="10" y="100" width="200" height="40"/> </svg> result notice that the middle third of each gradient is the same.
... examples of spreadmethod with radial gradients svg <svg width="340" height="120" xmlns="http://www.w3.org/2000/svg"> <defs> <radialgradient id="radialpadgradient" cx="75%" cy="25%" r="33%" fx="64%" fy="18%" fr="17%"> <
stop offset="0%"
stop-color="fuchsia"/> <
stop offset="100%"
stop-color="orange"/> </radialgradient> <radialgradient id="radialreflectgradient" spreadmethod="reflect" cx="75%" cy="25%" r="33%" fx="64%" fy="18%" fr="17%"> <
stop offset="0%"
stop-color="fuchsia"/> <
stop offset="100%"
stop-color="orange"/> </radialgradient> <radialgradient id="radialrepeatgradient"...
... spreadmethod="repeat" cx="75%" cy="25%" r="33%" fx="64%" fy="18%" fr="17%"> <
stop offset="0%"
stop-color="fuchsia"/> <
stop offset="100%"
stop-color="orange"/> </radialgradient> </defs> <rect fill="url(#radialpadgradient)" x="10" y="10" width="100" height="100"/> <rect fill="url(#radialreflectgradient)" x="120" y="10" width="100" height="100"/> <rect fill="url(#radialrepeatgradient)" x="230" y="10" width="100" height="100"/> </svg> result specifications specification status comment scalable vector graphics (svg) 2the definition of 'spreadmethod for <radialgradient>' in that specification.
xlink:href - SVG: Scalable Vector Graphics
if this element has no defined gradient
stops, and the referenced element does (possibly due to its own xlink:href attribute), then this element inherits the gradient
stop from the referenced element.
... inheritance can be indirect to an arbitrary level; thus, if the referenced element inherits attribute or gradient
stops due to its own xlink:href attribute, then the current element can inherit those attributes or gradient
stops.
...if this element has no defined gradient
stops, and the referenced element does (possibly due to its own xlink:href attribute), then this element inherits the gradient
stop from the referenced element.
... inheritance can be indirect to an arbitrary level; thus, if the referenced element inherits attribute or gradient
stops due to its own xlink:href attribute, then the current element can inherit those attributes or gradient
stops.
<radialGradient> - SVG: Scalable Vector Graphics
html,body,svg { height:100% } <svg viewbox="0 0 10 10" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <defs> <radialgradient id="mygradient"> <
stop offset="10%"
stop-color="gold" /> <
stop offset="95%"
stop-color="red" /> </radialgradient> </defs> <!-- using my linear gradient --> <circle cx="5" cy="5" r="4" fill="url('#mygradient')" /> </svg> attributes cx this attribute defines the x coordinate of the end circle of the radial gradient.
...the gradient will be drawn such that the 0% <
stop> is mapped to the perimeter of the start circle.
...the gradient will be drawn such that the 100% <
stop> is mapped to the perimeter of the end circle.
...events, shape-rendering, stroke, stroke-dasharray, stroke-dashoffset, stroke-linecap, stroke-linejoin, stroke-miterlimit, stroke-opacity, stroke-width, transform, vector-effect, visibility xlink attributes xlink:href, xlink:title usage notes categoriesgradient elementpermitted contentany number of the following elements, in any order:descriptive elements<animate>, <animatetransform>, <set>, <
stop> specifications specification status comment scalable vector graphics (svg) 2the definition of '<radialgradient>' in that specification.
SVG In HTML Introduction - SVG: Scalable Vector Graphics
source here is the source to the example: <html> <head> <title>xtech svg demo</title> <style>
stop.begin {
stop-color:yellow; }
stop.end {
stop-color:green; } body.invalid
stop.end {
stop-color:red; } #err { display:none; } body.invalid #err { display:inline; } </style> <script> function signalerror() { document.getelementbyid('body').setattribute("class", "invalid"); } </script> </head> <body id="body" style="position:absolute; z-index:0; border:1px solid black; left:5%; top:5%; width:90%; height:90%;"> <form> <fieldset> ...
...end> <p><label>enter something:</label> <input type="text"> <span id="err">incorrect value!</span></p> <p><input type="button" value="activate!" onclick="signalerror();"></p> </fieldset> </form> <svg viewbox="0 0 100 100" preserveaspectratio="xmidymid slice" style="width:100%; height:100%; position:absolute; top:0; left:0; z-index:-1;"> <lineargradient id="gradient"> <
stop class="begin" offset="0%"/> <
stop class="end" offset="100%"/> </lineargradient> <rect x="0" y="0" width="100" height="100" style="fill:url(#gradient)" /> <circle cx="50" cy="50" r="30" style="fill:url(#gradient)" /> </svg> </body> </html> discussion the page is mainly regular html, css and javascript.
...the gradient color
stops have their colors set by css.
... when the user enters something incorrect into the form, the script sets the invalid attribute on the <body>, and a style rule changes the gradient end-
stop color to red.
jpm - Archive of obsolete content
--
stop-on-error by default, jpm test keeps running tests even after tests fail.
... specify --
stop-on-error to
stop running tests after the first failure: jpm test --
stop-on-error --tbpl print test output in treeherder format --times number run tests number of times: jpm test --times 2 -v --verbose verbose operation.
...you can
stop reading this section.
Install script template - Archive of obsolete content
* you should not
stop the install process because the function failed, * you still have a chance to install the plugin for the already * installed gecko browsers.
... * you should not
stop the install process because the function failed, * you still have a chance to install the plugin for the already * installed gecko browsers.
... * you should not
stop the install process because the function failed.
splitter - Archive of obsolete content
for: <vbox/> <splitter/> <vbox height="500"> <vbox height="100"/> </vbox> ...the splitter can be dragged down to the 100px intrinsic height of the lower box, where it will
stop (or collapse if the splitter has a collapse attribute).
... for: <vbox/> <splitter/> <vbox height="500" minheight="200"> <vbox height="100"/> </vbox> ...the splitter can be dragged down to the 200px minheight, where it will
stop or collapse.
... for: <vbox/> <splitter/> <vbox height="500" style="min-height: 50"> <vbox height="100"/> </vbox> ...the splitter can be dragged down below the 100px intrinsic height of the lower box, causing the child box to overflow, until reaching the min-height, at which point it will
stop or collapse.
tabbrowser - Archive of obsolete content
box, gettabforbrowser, gettabmodalpromptbox, goback, gobackgroup, goforward, goforwardgroup, gohome, gotoindex, loadgroup, loadonetab, loadtabs, loaduri, loaduriwithflags, movetabto, pintab, reload, reloadalltabs, reloadtab, reloadwithflags, removealltabsbut, removecurrenttab, removeprogresslistener, removetab, removetabsprogresslistener,replacegroup, selecttabatindex, seticon, showonlythesetabs,
stop, unpintab attributes autocompleteenabled type: boolean set to true to enable autocomplete of fields.
...if the event argument is supplied, the default event handling will be prevented and propagation
stopped.
...
stop() return type: no return value equivalent to pressing the
stop button, this method
stops the currently loading document.
Mobile touch controls - Game development
touchmove is fired when they move the finger on the screen while touching it touchend is fired when the user
stops touching the screen touchcancel is fired when a touch is cancelled, for example when the user moves their finger outside of the screen.
... this approach uses the generally available this.game.input object, but you can also detect the actions on any game objects like sprites or buttons by using oninputover, oninputout, oninputdown, oninputup, ondragstart, or ondrag
stop: this.button.events.oninputover.add(itemtouched, this); function itemtouched(button, pointer) { // do something } that way you'll be able to attach an event to any object in the game, like the player's ship, and react to the actions performed by the user.
... moving the player could be managed by creating the four directional buttons, but we can take the advantage of touch screens and drag the player's ship around: var player = this.game.add.sprite(30, 30, 'ship'); player.inputenabled = true; player.input.enabledrag(); player.events.ondragstart.add(ondragstart, this); player.events.ondrag
stop.add(ondrag
stop, this); function ondragstart(sprite, pointer) { // do something when dragging } we can pull the ship around and do something in the meantime, and react when the drag is
stopped.
Getting started with HTML - Learn web development
f(solution.value === 'show solution') { textarea.value = solutionentry; solution.value = 'hide solution'; } else { textarea.value = userentry; solution.value = 'show solution'; } updatecode(); }); var htmlsolution = '<em>this is my text.</em>'; var solutionentry = htmlsolution; textarea.addeventlistener('input', updatecode); window.addeventlistener('load', updatecode); //
stop tab key tabbing out of textarea and // make it write a tab at the caret position instead textarea.onkeydown = function(e){ if (e.keycode === 9) { e.preventdefault(); insertatcaret('\t'); } if (e.keycode === 27) { textarea.blur(); } }; function insertatcaret(text) { var scrollpos = textarea.scrolltop; var caretpos = textarea.selectionstart; var front = (textarea.value...
... 'hide solution'; } else { textarea.value = userentry; solution.value = 'show solution'; } updatecode(); }); var htmlsolution = '<p>a link to my <a href="https://www.mozilla.org/" title="the mozilla homepage" target="_blank">favorite website</a>.</p>'; var solutionentry = htmlsolution; textarea.addeventlistener('input', updatecode); window.addeventlistener('load', updatecode); //
stop tab key tabbing out of textarea and // make it write a tab at the caret position instead textarea.onkeydown = function(e){ if (e.keycode === 9) { e.preventdefault(); insertatcaret('\t'); } if (e.keycode === 27) { textarea.blur(); } }; function insertatcaret(text) { var scrollpos = textarea.scrolltop; var caretpos = textarea.selectionstart; var front = (textarea.value...
..."https://en.wikipedia.org/wiki/rush_%28band%29" title="rush wikipedia article">rush</a>.\ my favourite rush album is currently <a href="http://www.deezer.com/album/942295">moving pictures</a>.</p>\ <img src="https://udn.realityripple.com/samples/4b/9bb5edda5d.jpg">'; var solutionentry = htmlsolution; textarea.addeventlistener('input', updatecode); window.addeventlistener('load', updatecode); //
stop tab key tabbing out of textarea and // make it write a tab at the caret position instead textarea.onkeydown = function(e){ if (e.keycode === 9) { e.preventdefault(); insertatcaret('\t'); } if (e.keycode === 27) { textarea.blur(); } }; function insertatcaret(text) { var scrollpos = textarea.scrolltop; var caretpos = textarea.selectionstart; var front = (textarea.value...
Images in HTML - Learn web development
olution = '<img src="https://udn.realityripple.com/samples/ec/5a13bd14f6.jpg"\n alt="the head and torso of a dinosaur skeleton; it has a large head with long sharp teeth"\n width="200"\n height="171"\n title="a t-rex on display in the manchester university museum">'; var solutionentry = htmlsolution; textarea.addeventlistener('input', updatecode); window.addeventlistener('load', updatecode); //
stop tab key tabbing out of textarea and // make it write a tab at the caret position instead textarea.onkeydown = function(e){ if (e.keycode === 9) { e.preventdefault(); insertatcaret('\t'); } if (e.keycode === 27) { textarea.blur(); } }; function insertatcaret(text) { var scrollpos = textarea.scrolltop; var caretpos = textarea.selectionstart; var front = (textarea.value...
...for example, there would be nothing to
stop you from doing this: <div class="figure"> <img src="images/dinosaur.jpg" alt="the head and torso of a dinosaur skeleton; it has a large head with long sharp teeth" width="400" height="341"> <p>a t-rex on display in the manchester university museum.</p> </div> this is ok.
.../udn.realityripple.com/samples/ec/5a13bd14f6.jpg"\n alt="the head and torso of a dinosaur skeleton; it has a large head with long sharp teeth"\n width="200"\n height="171">\n <figcaption>a t-rex on display in the manchester university museum</figcaption>\n</figure>'; var solutionentry = htmlsolution; textarea.addeventlistener('input', updatecode); window.addeventlistener('load', updatecode); //
stop tab key tabbing out of textarea and // make it write a tab at the caret position instead textarea.onkeydown = function(e){ if (e.keycode === 9) { e.preventdefault(); insertatcaret('\t'); } if (e.keycode === 27) { textarea.blur(); } }; function insertatcaret(text) { var scrollpos = textarea.scrolltop; var caretpos = textarea.selectionstart; var front = (textarea.value...
Making decisions in your code — conditionals - Learn web development
if the previous choice matches the expression/value, the browser
stops executing the code block here, and moves on to any code that appears below the switch statement.
...eatecalendar(days, choice) {\n list.innerhtml = \'\';\n h1.textcontent = choice;\n for(let i = 1; i <= days; i++) {\n const listitem = document.createelement(\'li\');\n listitem.textcontent = i;\n list.appendchild(listitem);\n }\n }\n\ncreatecalendar(31,\'january\');'; let solutionentry = jssolution; textarea.addeventlistener('input', updatecode); window.addeventlistener('load', updatecode); //
stop tab key tabbing out of textarea and // make it write a tab at the caret position instead textarea.onkeydown = function(e){ if (e.keycode === 9) { e.preventdefault(); insertatcaret('\t'); } if (e.keycode === 27) { textarea.blur(); } }; function insertatcaret(text) { const scrollpos = textarea.scrolltop; const caretpos = textarea.selectionstart; const front = (textarea.
...hite\');\n break;\n case \'yellow\':\n update(\'yellow\',\'darkgray\');\n break;\n case \'psychedelic\':\n update(\'lime\',\'purple\');\n break;\n }\n}\n\nfunction update(bgcolor, textcolor) {\n html.style.backgroundcolor = bgcolor;\n html.style.color = textcolor;\n}'; let solutionentry = jssolution; textarea.addeventlistener('input', updatecode); window.addeventlistener('load', updatecode); //
stop tab key tabbing out of textarea and // make it write a tab at the caret position instead textarea.onkeydown = function(e){ if (e.keycode === 9) { e.preventdefault(); insertatcaret('\t'); } if (e.keycode === 27) { textarea.blur(); } }; function insertatcaret(text) { const scrollpos = textarea.scrolltop; const caretpos = textarea.selectionstart; const front = (textarea.
Client-side storage - Learn web development
'.forget'); const form = document.queryselector('form'); const nameinput = document.queryselector('#entername'); const submitbtn = document.queryselector('#submitname'); const forgetbtn = document.queryselector('#forgetname'); const h1 = document.queryselector('h1'); const personalgreeting = document.queryselector('.personal-greeting'); next up, we need to include a small event listener to
stop the form from actually submitting itself when the submit button is pressed, as this is not the behavior we want.
... add this snippet below your previous code: //
stop the form from submitting when a button is pressed form.addeventlistener('submit', function(e) { e.preventdefault(); }); now we need to add an event listener, the handler function of which will run when the "say hello" button is clicked.
... displaydata(); }; transaction.onerror = function() { console.log('transaction not opened due to error'); }; } this is quite complex; breaking it down, we: run event.preventdefault() on the event object to
stop the form actually submitting in the conventional manner (this would cause a page refresh and spoil the experience).
Introduction to web APIs - Learn web development
next, we include a <button> that we'll use to play and
stop the music, and an <input> element of type range, which we'll use to adjust the volume of the track while it's playing.
...ouple of event handlers that serve to toggle between play and pause when the button is pressed and reset the display back to the beginning when the song has finished playing: // play/pause audio playbtn.addeventlistener('click', function() { // check if context is in suspended state (autoplay policy) if (audioctx.state === 'suspended') { audioctx.resume(); } // if track is
stopped, play it if (this.getattribute('class') === 'paused') { audioelement.play(); this.setattribute('class', 'playing'); this.textcontent = 'pause' // if track is playing,
stop it } else if (this.getattribute('class') === 'playing') { audioelement.pause(); this.setattribute('class', 'paused'); this.textcontent = 'play'; } }); // if track ...
... note: depending on how strict the browser is, such security mechanisms might even
stop the example from working locally, i.e.
Third-party APIs - Learn web development
when the developer has registered for a key, they are then known to the api provider, and action can be taken if they start to do anything malicious with the api (such as tracking people's location or trying to spam the api with loads of requests to
stop it working, for example).
... searchform.addeventlistener('submit', submitsearch); now add the submitsearch() and fetchresults() function definitions, below the previous line: function submitsearch(e) { pagenumber = 0; fetchresults(e); } function fetchresults(e) { // use preventdefault() to
stop the form submitting e.preventdefault(); // assemble the full url url = baseurl + '?api-key=' + key + '&page=' + pagenumber + '&q=' + searchterm.value + '&fq=document_type:("article")'; if(startdate.value !== '') { url += '&begin_date=' + startdate.value; }; if(enddate.value !== '') { url += '&end_date=' + enddate.value; }; } submitsearch() sets the page number back t...
...this first calls preventdefault() on the event object, to
stop the form actually submitting (which would break the example).
Useful string methods - Learn web development
et input = greetings[i];' + '\n if (greetings[i].indexof(\'christmas\') !== -1) {' + '\n let result = input;' + '\n let listitem = document.createelement(\'li\');' + '\n listitem.textcontent = result;' + '\n list.appendchild(listitem);' + '\n }' + '\n}'; let solutionentry = jssolution; textarea.addeventlistener('input', updatecode); window.addeventlistener('load', updatecode); //
stop tab key tabbing out of textarea and // make it write a tab at the caret position instead textarea.onkeydown = function(e){ if (e.keycode === 9) { e.preventdefault(); insertatcaret('\t'); } if (e.keycode === 27) { textarea.blur(); } }; function insertatcaret(text) { const scrollpos = textarea.scrolltop; const caretpos = textarea.selectionstart; const front = (textarea.
...e(0,1);' + '\n let capitalized = lower.replace(firstletter,firstletter.touppercase());' + '\n let result = capitalized;' + '\n let listitem = document.createelement(\'li\');' + '\n listitem.textcontent = result;' + '\n list.appendchild(listitem);' + '\n' + '\n}'; let solutionentry = jssolution; textarea.addeventlistener('input', updatecode); window.addeventlistener('load', updatecode); //
stop tab key tabbing out of textarea and // make it write a tab at the caret position instead textarea.onkeydown = function(e){ if (e.keycode === 9) { e.preventdefault(); insertatcaret('\t'); } if (e.keycode === 27) { textarea.blur(); } }; function insertatcaret(text) { const scrollpos = textarea.scrolltop; const caretpos = textarea.selectionstart; const front = (textarea.
...' + '\n let semic = input.indexof(\';\');' + '\n let name = input.slice(semic + 1);' + '\n let result = code + \': \' + name;' + '\n let listitem = document.createelement(\'li\');' + '\n listitem.textcontent = result;' + '\n list.appendchild(listitem);' + '\n}'; let solutionentry = jssolution; textarea.addeventlistener('input', updatecode); window.addeventlistener('load', updatecode); //
stop tab key tabbing out of textarea and // make it write a tab at the caret position instead textarea.onkeydown = function(e){ if (e.keycode === 9) { e.preventdefault(); insertatcaret('\t'); } if (e.keycode === 27) { textarea.blur(); } }; function insertatcaret(text) { const scrollpos = textarea.scrolltop; const caretpos = textarea.selectionstart; const front = (textarea.
Handling common JavaScript problems - Learn web development
the main feature of such tools is the ability to add breakpoints to code — these are points where the execution of the code
stops, and at that point you can examine the environment in its current state and see what is going on.
...each scope can be expanded to show the values of variables inside the scope when execution of the code was
stopped.
...when tracking a device's location using repeated geolocation calls, make sure you turn it off when the user
stops using it.
Debugging on Mac OS X
one important issue that the mozilla .lldbinit file fixes is that by default some breakpoints will be listed as "pending", and xcode will not
stop at them.
... note that with the default configuration, some breakpoints will be listed as "pending", and xcode will not
stop at them.
... when you are done debugging, click the "
stop" button and quit the instance of firefox that you were debugging in the normal way.
mozbrowserloadend
this can be used when the embedder wants to
stop spinning a loading indicator, or update the ui in some other way to indicate loading is complete.
... example in this example the mozbrowserloadstart and mozbrowserloadend events are used to change the icon shown on the
stop/reload button between
stop (x) and reload (r), as appropriate.
... var browser = document.queryselector("iframe"); browser.addeventlistener('mozbrowserloadend',function(e) {
stopreload.textcontent = 'r'; console.log(e.detail.backgroundcolor); controls.style.background = e.detail.backgroundcolor; }); browser.addeventlistener('mozbrowserloadend',function() {
stopreload.textcontent = 'r'; }); related events mozbrowserasyncscroll mozbrowserclose mozbrowsercontextmenu mozbrowsererror mozbrowsericonchange mozbrowserloadstart mozbrowserlocationchange mozbrowser...
IME handling guide
when the editor or windowless plugin loses focus, it notifies widget of ime losing focus,
stops observing everything and is released.
... when a remote process loses focus, imestatemanager in parent process notifies imestatemanager in the remote process of "
stop ime state management".
... when imestatemanager::
stopimestatemanagement() is called in the remote process by this, the imestatemanager forgets all focus information (i.e., that indicates nobody has focus).
PerfMeasurement.jsm
method overview static bool canmeasuresomething(); void reset(); void start(); void
stop(); member fields recorded data variables these variables provide access to the recorded data.
...
stop()
stops measuring performance data.
...void
stop(); parameters none.
Profiling with Xperf
you will need to use an elevated command prompt to start or
stop profiling.
...
stop: xperf -d out.etl view: xperfview out.etl the msdn "quickstart" page goes over this in more detail, and also has good explanations of how to use xperfview.
...to start a trace session, launching a new firefox instance: xperf -on base xperf -start heapsession -heap -pidnewprocess "./firefox.exe -p test -no-remote" -stackwalk heapalloc+heaprealloc -buffersize 512 -minbuffers 128 -maxbuffers 512 to
stop a session and merge the resulting files: xperf -
stop heapsession -d heap.etl xperf -d main.etl xperf -merge main.etl heap.etl result.etl "result.etl" will contain your merged data; you can delete main.etl and heap.etl.
AsyncTestUtils extended framework
thanks to javascript enhancements available on the mozilla platform, it is possible for a function to yield control in such a way that the function
stops running at the line where you use a yield statement and resumes execution on the next line when resumed.
... a function should yield true or return true when the asynchronous driver should continue executing without
stopping.
...you should
stop using both the message set that you called this on and the other set that you passed in unless you are very careful.
NSS Sample Code sample3
"part 1 -- simple hashing" << endl; /* initialize data */ memset(data, 0xbc, sizeof data); /* create a context for hashing (digesting) */ context = pk11_createdigestcontext(sec_oid_md5); if (!context) { cout << "createdigestcontext failed" << endl; goto done; } s = pk11_digestbegin(context); if (s != secsuccess) { cout << "digestbegin failed" << endl; goto done; } s = pk11_dige
stop(context, data, sizeof data); if (s != secsuccess) { cout << "digestupdate failed" << endl; goto done; } s = pk11_digestfinal(context, digest, &len, sizeof digest); if (s != secsuccess) { cout << "digestfinal failed" << endl; goto done; } /* print digest */ printdigest(digest, len); pk11_destroycontext(context, pr_true); context = 0; /* * part 2 - hashing with included secr...
...id_md5); context = pk11_createcontextbysymkey(ckm_md5, cka_digest, key, &noparams); if (!context) { cout << "createdigestcontext failed" << endl; goto done; } s = pk11_digestbegin(context); if (s != secsuccess) { cout << "digestbegin failed" << endl; goto done; } s = pk11_digestkey(context, key); if (s != secsuccess) { cout << "digestkey failed" << endl; goto done; } s = pk11_dige
stop(context, data, sizeof data); if (s != secsuccess) { cout << "digestupdate failed" << endl; goto done; } s = pk11_digestfinal(context, digest, &len, sizeof digest); if (s != secsuccess) { cout << "digestfinal failed" << endl; goto done; } /* print digest */ printdigest(digest, len); pk11_destroycontext(context, pr_true); context = 0; /* * part 3 - mac (with secret key) *...
... cout << "part 3 -- mac (with secret key)" << endl; /* initialize data */ memset(data, 0xbc, sizeof data); context = pk11_createcontextbysymkey(ckm_md5_hmac, cka_sign, key, &noparams); if (!context) { cout << "createcontextbysymkey failed" << endl; goto done; } s = pk11_digestbegin(context); if (s != secsuccess) { cout << "digestbegin failed" << endl; goto done; } s = pk11_dige
stop(context, data, sizeof data); if (s != secsuccess) { cout << "dige
stop failed" << endl; goto done; } s = pk11_digestfinal(context, digest, &len, sizeof digest); if (s != secsuccess) { cout << "digestfinal failed" << endl; goto done; } /* print digest */ printdigest(digest, len); pk11_destroycontext(context, pr_true); context = 0; done: if (context) pk11_destroycontext(context, ...
nss tech note5
pk11context* digestcontext = pk11_createdigestcontext(sec_oid_md5); <big>digest the data</big> <big>secstatus s = pk11_digestbegin(digestcontext); s = pk11_dige
stop(digestcontext, data, sizeof data); s = pk11_digestfinal(digestcontext, digest, &len, sizeof digest); /* now, digest contains the 'digest', and len contains the length of the digest */</big> clean up pk11_destroycontext(digestcontext, pr_true); you can also look at a sample program illustrating this hash / digest with secret key included include headers #include "ns...
...t</big> pk11context* digestcontext = pk11_createcontextbysymkey(digestmech, cka_digest, symkey, ¶m); <big>digest the data</big>, providing the key <big>secstatus s = pk11_digestbegin(digestcontext); s = pk11_digestkey(digestcontext, symkey); s = pk11_dige
stop(digestcontext, data, sizeof data); s = pk11_digestfinal(digestcontext, digest, &len, sizeof digest); /* now, digest contains the 'digest', and len contains the length of the digest */</big> clean up pk11_destroycontext(digestcontext, pr_true); pk11_freesymkey(symkey); pk11_freeslot(slot); you can also look at a sample program illustrating this hmac include headers ...
...aram.data = null; param.len = 0;</big> <big>create crypto context</big> pk11context* digestcontext = pk11_createcontextbysymkey(hmacmech, cka_sign, symkey, ¶m); <big>digest the data</big> <big>secstatus s = pk11_digestbegin(digestcontext); s = pk11_dige
stop(digestcontext, data, sizeof data); s = pk11_digestfinal(digestcontext, digest, &len, sizeof digest); /* now, digest contains the 'signed digest', and len contains the length of the digest */</big> clean up pk11_destroycontext(digestcontext, pr_true); pk11_freesymkey(symkey); pk11_freeslot(slot); you can also look at a sample program illustrating this symmetric key w...
Web Replay
it can be clicked again to
stop recording.
... rewind to breakpoint when paused, if there are any breakpoints set then the rewind button will run back and
stop at the last time a breakpoint was set.
... executions which are
stopped at some point by the slow script dialog can't be reliably replayed.
Avoiding leaks in JavaScript XPCOM components
(this is roughly equivalent to making all the properties roots, but simpler.) once this happens, it remains a root until the document
stops being displayed.
...(but since service is a global variable, just fixing the cycle doesn't fix the leak.) don't store short-lived objects as javascript properties of short-lived dom nodes i mentioned earlier that, in versions of mozilla before 1.8, setting arbitrary javascript properties on elements (or using xbl fields) causes that element's javascript wrapper to be rooted until the document
stops being displayed.
... this can be a problem if there are large objects reachable from that wrapper that should go away before the document
stops being displayed.
XPCOM Stream Guide
from the nsirequestobserver interface, the .onstartrequest(request, context) method tells you when the request begins, while the .on
stoprequest(request, context) method tells you when the request ends.
... a request will have one .onstartrequest(request, context) call, followed by at least one .ondataavailable(...) call, followed by one .on
stoprequest(request, context) call.
... the context argument will be something passed from whoever invokes the request to the .onstartrequest(), .ondataavailable(), and .on
stoprequest() methods of the listener.
Index
the browser itself
stops caching, and also doesn't record history information.
... 867 nsirequest interfaces, interfaces:scriptable, xpcom, xpcom interface reference for example nsichannel typically passes itself as the nsirequest argument to the nsistreamlistener on each onstartrequest, ondataavaliable, and on
stoprequest invocation.
...so, in all the three methods - ondataavailable(), nsirequestobserver.onstartrequest() and nsirequestobserver.on
stoprequest() have to be implemented.
mozIStorageStatementCallback
reason_canceled 1 the statement
stopped executing because it was canceled.
... reason_error 2 the statement
stopped executing because an error occurred.
... void handlecompletion( in unsigned short areason ); parameters areason the reason the statement
stopped executing; see the list of possible values in the constants section.
nsIAppShell
spindown() obsolete since gecko 1.9 (firefox 3) prepare to
stop processing events.
...does not (in itself)
stop gecko events from being processed on the main application thread.
... but if the nsiappshell->run() event loop is blocked when this call is made, gecko events will
stop being processed until resumenative() is called (even if a plugin or library is temporarily processing events on a nested event loop).
nsIChannel
this flag can be set, for example, for redirects or for cases when a single channel has multiple parts to it (and thus can follow on
stoprequest with another onstartrequest/on
stoprequest pair, each pair for a different request).
...if asyncopen returns successfully, the channel promises to call at least onstartrequest and on
stoprequest.
... if asyncopen returns successfully, the channel is responsible for keeping itself alive until it has called on
stoprequest on alistener or called onchannelredirect.
nsIEditorLogging
inherits from: nsisupports last changed in gecko 1.7 method overview void startlogging(in nsifile alogfile); void
stoplogging(); methods startlogging() start logging.
...
stoplogging()
stop logging.
... void
stoplogging(); parameters none.
nsILivemarkService
duri(in nsiuri afeeduri); nsiuri getsiteuri(in long long container); boolean islivemark(in long long folder); void reloadalllivemarks(); void reloadlivemarkfolder(in long long folderid); void setfeeduri(in long long container, in nsiuri feeduri); void setsiteuri(in long long container, in nsiuri siteuri); void start(); void
stopupdatelivemarks(); methods createlivemark() creates a new livemark.
...
stopupdatelivemarks()
stop the livemark refresh timer.
... void
stopupdatelivemarks(); parameters none.
nsILoadGroup
if this is a foreground request then the groupobserver's on
stoprequest will be called.
... acontext the context to be passed to the on
stoprequest notification.
... astatus the status to be passed to the on
stoprequest notification.
nsITraceableChannel
on
stoprequest: the http request is ending.
...holds chunks as they come, on
stoprequest we join these junks to get the full source this.responsebody; // we'll set this to the this.responsestatuscode; this.deferreddone = { promise: null, resolve: null, reject: null }; this.deferreddone.promise = new promise(function(resolve, reject) { this.resolve = resolve; this.reject = reject; }.bind(this.deferreddone)); object.freeze(this.deferreddone); this.promisedone ...
... var data = istream.readbytes(acount); this.receivedchunks.push(data); ostream.writebytes(data, acount); this.originallistener.ondataavailable(arequest, acontext, sstream.newinputstream(0), aoffset, acount); }, onstartrequest: function(arequest, acontext) { this.originallistener.onstartrequest(arequest, acontext); }, on
stoprequest: function(arequest, acontext, astatuscode) { this.responsebody = this.receivedchunks.join(""); delete this.receivedchunks; this.responsestatus = astatuscode; this.originallistener.on
stoprequest(arequest, acontext, astatuscode); this.deferreddone.resolve(); }, queryinterface: function(aiid) { if (aiid.equals(ci.nsistreamlistener) || aiid.equals(ci.nsisupports)) { return th...
nsIWifiMonitor
implemented by @mozilla.org/wifi/monitor;1 as a service: var wifimonitor = components.classes["@mozilla.org/wifi/monitor;1"] .getservice(components.interfaces.nsiwifimonitor); method overview void startwatching(in nsiwifilistener alistener); void
stopwatching(in nsiwifilistener alistener); methods startwatching() starts listening for changes to the wifi access point list.
...
stopwatching()
stops listening for changes to the wifi access point list.
... void
stopwatching( in nsiwifilistener alistener ); parameters alistener the nsiwifilistener object to
stop receiving notifications on.
nsIWindowsRegKey
th, in unsigned long mode); acstring readbinaryvalue(in astring name); unsigned long long readint64value(in astring name); unsigned long readintvalue(in astring name); astring readstringvalue(in astring name); void removechild(in astring relpath); void removevalue(in astring name); void startwatching(in boolean recurse); void
stopwatching(); void writebinaryvalue(in astring name, in acstring data); void writeint64value(in astring name, in unsigned long long data); void writeintvalue(in astring name, in unsigned long data); void writestringvalue(in astring name, in astring data); attributes attribute type description childcount unsigned long this attrib...
...
stopwatching() this method
stops any watching of the key initiated by a call to startwatching().
...void
stopwatching(); parameters none.
Streams - Plugins
npres_user_break: the user canceled the stream directly by clicking the
stop button or indirectly by some action, such as by deleting the instance or initiating higher-priority network operations.
...all npp_write calls for streaming data eventually
stop, and npp_write calls will be completed only for data requested with npn_requestread.
...the reason parameter represents the reason the stream was
stopped, as follows: npres_done (most common): the stream completed normally; the plug-in sent all data to the browser.
Debugging service workers - Firefox Developer Tools
the server worker’s status, which can be one of the following:
stopped: the service worker is installed, but not currently running.
... when the service worker is
stopped, a start button is provided to start it running, allowing you to trigger the service worker lifecycle.
... when your service worker is running, a debug button is available next to the source information (it is disabled when the service worker is
stopped).
Web Console remoting - Firefox Developer Tools
the new web console actors are: the webconsoleactor allows js evaluation, autocomplete, start/
stop listeners, etc.
...this object provides methods that abstract away protocol packets, things like startlisteners(),
stoplisteners(), etc.
...when navigation
stops the following packet is sent: { "from": tabactor, "type": "tabnavigated", "state": "
stop", "url": newurl, "title": newtitle, "nativeconsoleapi": true|false } getcachedmessages(types, onresponse) the webconsoleclient.getcachedmessages(types, onresponse) method sends the following packet to the server: { "to": "conn0.console9", "type": "getcachedmessages", "messagetypes": [ ...
AudioContext.close() - Web APIs
this function does not automatically release all audiocontext-created objects, unless other references have been released as well; however, it will forcibly release any system audio resources that might prevent additional audiocontexts from being created and used, suspend the progression of audio time in the audio context, and
stop processing audio data.
... example the following snippet is taken from our audiocontext states demo (see it running live.) when the
stop button is clicked, close() is called.
...
stopbtn.onclick = function() { audioctx.close().then(function() { startbtn.removeattribute('disabled'); susresbtn.setattribute('disabled', 'disabled');
stopbtn.setattribute('disabled', 'disabled'); }); } specifications specification status comment web audio apithe definition of 'close()' in that specification.
AudioScheduledSourceNode: ended event - Web APIs
the ended event of the audioscheduledsourcenode interface is fired when the source node has
stopped playing.
... bubbles no cancelable no interface event event handler property audioscheduledsourcenode.onended usage notes this event occurs when a audioscheduledsourcenode has
stopped playing, either because it's reached a predetermined
stop time, the full duration of the audio has been performed, or because the entire buffer has been played.
... examples in this simple example, an event listener for the ended event is set up to enable a "start" button in the user interface when the node
stops playing: node.addeventlistener('ended', () => { document.getelementbyid("startbutton").disabled = false; }) you can also set up the event handler using the audioscheduledsourcenode.onended property: node.onended = function() { document.getelementbyid("startbutton").disabled = false; } for an example of the ended event in use, see our audio-buffer example on github.
AudioScheduledSourceNode.onended - Web APIs
this event is sent to the node when the concrete interface (such as audiobuffersourcenode, oscillatornode, or constantsourcenode) determines that it has
stopped playing.
... the ended event is only sent to a node configured to loop automatically when the node is
stopped using its
stop() method.
... examples in this simple example, an event listener for the ended event is set up to enable a "start" button in the user interface when the node
stops playing.
AudioScheduledSourceNode.start() - Web APIs
this error occurs even if the node is no longer running because of a prior call to
stop().
... example this example demonstrates how to create an oscillatornode which is scheduled to start playing in 2 seconds and
stop playing 1 second after that.
... context = new audiocontext(); osc = context.createoscillator(); osc.connect(context.destination); /* schedule the start and
stop times for the oscillator */ osc.start(context.currenttime + 2); osc.
stop(context.currenttime + 3); specifications specification status comment web audio apithe definition of 'start()' in that specification.
CredentialsContainer.get() - Web APIs
syntax var promise = credentialscontainer.get([options]) parameters options optional an object of type credentialreque
stoptions that contains options for the request.
... federated: a federatedcredentialreque
stoptions object containing requirements for returned federated credentials.
... publickey: an publickeycredentialreque
stoptions object containing requirements for returned webauthn credentials.
HTMLMediaElement - Web APIs
canplay fired when the user agent can play the media, but estimates that not enough data has been loaded to play the media up to its end without having to
stop for further buffering of content canplaythrough fired when the user agent can play the media, and estimates that enough data has been loaded to play the media up to its end without having to
stop for further buffering of content.
... ended fired when playback
stops when end of the media (<audio> or <video>) is reached or because no further data is available.
... waiting fired when playback has
stopped because of a temporary lack of data specifications specification status comment encrypted media extensionsthe definition of 'encrypted media extensions' in that specification.
MSSiteModeEvent - Web APIs
stopimmediatepropagation prevents any further propagation of an event.
...
stoppropagation prevents propagation of an event beyond the current target.
... cancelbubble gets or sets a value that indicates whether an event should be
stopped from propagating up from the current target.
MediaRecorder.ondataavailable - Web APIs
when mediarecorder.
stop() is called, all media data which has been captured since recording began or the last time a dataavailable event occurred is delivered in a blob; after this, capturing ends.
...you can use timeslice alongside mediarecorder.
stop() and mediarecorder.requestdata() to produce multiple same-length blobs plus other shorter blobs as well.
... var chunks = []; mediarecorder.on
stop = function(e) { console.log("data available after mediarecorder.
stop() called."); var audio = document.createelement('audio'); audio.controls = true; var blob = new blob(chunks, { 'type' : 'audio/ogg; codecs=opus' }); var audiourl = window.url.createobjecturl(blob); audio.src = audiourl; console.log("recorder
stopped"); } mediarecorder.ondataavailable = function(e) { chunks.push(e.data); } ...
MediaRecorder.start() - Web APIs
when the source stream ends, state is set to inactive and data gathering
stops.
... a final dataavailable event is sent to the mediarecorder, followed by a
stop event.
... note: if the browser is unable to start recording or continue recording, it will raise a domerror event, followed by a mediarecorder.dataavailable event containing the blob it has gathered, followed by the mediarecorder.
stop event.
Capabilities, constraints, and settings - Web APIs
constraints:</h3> <textarea id="audioconstrainteditor" cols=32 rows=8></textarea> </div> <div class="rightside"> <h3>actual audio settings:</h3> <textarea id="audiosettingstext" cols=32 rows=8 disabled></textarea> </div> </div> <div class="button" id="applybutton"> apply constraints </div> </div> <video id="video" autoplay></video> <div class="button" id="
stopbutton">
stop video </div> <div id="log"> </div> css content body { font: 14px "open sans", "arial", sans-serif; } video { margin-top: 20px; border: 1px solid black; } .button { cursor: pointer; width: 150px; border: 1px solid black; font-size: 16px; text-align: center; padding-top: 2px; padding-bottom: 4px; color: white; background-color: darkgreen; } .wrapper { ...
...(videoconstraints).then(function() { videosettingstext.value = json.stringify(videotrack.getsettings(), null, 2); }).catch(handleerror); } if (audiotrack) { audiotrack.applyconstraints(audioconstraints).then(function() { audiosettingstext.value = json.stringify(audiotrack.getsettings(), null, 2); }).catch(handleerror); } } }, false); handling the
stop button then we set up the handler for the
stop button.
... document.getelementbyid("
stopbutton").addeventlistener("click", function() { if (videotrack) { videotrack.
stop(); } if (audiotrack) { audiotrack.
stop(); } videotrack = audiotrack = null; videoelement.srcobject = null; }); this simply
stops the active tracks, sets the videotrack and audiotrack variables to null so we know they're gone, and removes the stream from the <video> element by setting htmlmediaelement.srcobject to null.
MutationObserver.takeRecords() - Web APIs
the most common use case for this is to immediately fetch all pending mutation records immediately prior to disconnecting the observer, so that any pending mutations can be processed when
stopping down the observer.
... const targetnode = document.queryselector("#someelement"); const observeroptions = { childlist: true, attributes: true } const observer = new mutationobserver(callback); observer.observe(targetnode, observeroptions); /* ...later, when it's time to
stop observing...
...this is done immediately prior to calling disconnect() to
stop observing the dom.
OscillatorNode.onended - Web APIs
the onended property of the oscillatornode interface is used to set the event handler for the ended event, which fires when the tone has
stopped playing.
... // create web audio api context var audioctx = new (window.audiocontext || window.webkitaudiocontext)(); // create oscillator node var oscillator = audioctx.createoscillator(); oscillator.type = 'square'; oscillator.frequency.value = 440; // value in hertz oscillator.start(); // start the tone playing oscillator.
stop(5); // the tone will
stop again in 5 seconds.
... oscillator.onended = function() { console.log('your tone has now
stopped playing!'); } properties none.
ReadableStream.ReadableStream() - Web APIs
a cancel() fuction is also provided to
stop the generation if readablestream.cancel() is called for any reason.
... when a button is pressed, the generation is
stopped, the stream is closed using readablestreamdefaultcontroller.close(), and another function is run, which reads the data back out of the stream.
...ateelement('li'); listitem.textcontent = string; list1.appendchild(listitem); }, 1000); button.addeventlistener('click', function() { clearinterval(interval); fetchstream(); controller.close(); }) }, pull(controller) { // we don't really need a pull in this example }, cancel() { // this is called if the reader cancels, // so we should
stop generating strings clearinterval(interval); } }); specifications specification status comment streamsthe definition of 'readablestream()' in that specification.
ReadableStreamDefaultController.close() - Web APIs
a cancel() function is also provided to
stop the generation if readablestream.cancel() is called for any reason.
... when a button is pressed, the generation is
stopped, the stream is closed using readablestreamdefaultcontroller.close(), and another function is run, which reads the data back out of the stream.
...ateelement('li'); listitem.textcontent = string; list1.appendchild(listitem); }, 1000); button.addeventlistener('click', function() { clearinterval(interval); fetchstream(); controller.close(); }) }, pull(controller) { // we don't really need a pull in this example }, cancel() { // this is called if the reader cancels, // so we should
stop generating strings clearinterval(interval); } }); specifications specification status comment streamsthe definition of 'close()' in that specification.
ReadableStreamDefaultController.enqueue() - Web APIs
a cancel() function is also provided to
stop the generation if readablestream.cancel() is called for any reason.
... when a button is pressed, the generation is
stopped, the stream is closed using readablestreamdefaultcontroller.close(), and another function is run, which reads the data back out of the stream.
...ateelement('li'); listitem.textcontent = string; list1.appendchild(listitem); }, 1000); button.addeventlistener('click', function() { clearinterval(interval); fetchstream(); controller.close(); }) }, pull(controller) { // we don't really need a pull in this example }, cancel() { // this is called if the reader cancels, // so we should
stop generating strings clearinterval(interval); } }); specifications specification status comment streamsthe definition of 'enqueue()' in that specification.
ReadableStreamDefaultController - Web APIs
a cancel() function is also provided to
stop the generation if readablestream.cancel() is called for any reason.
... when a button is pressed, the generation is
stopped, the stream is closed using readablestreamdefaultcontroller.close(), and another function is run, which reads the data back out of the stream.
...ateelement('li'); listitem.textcontent = string; list1.appendchild(listitem); }, 1000); button.addeventlistener('click', function() { clearinterval(interval); fetchstream(); controller.close(); }) }, pull(controller) { // we don't really need a pull in this example }, cancel() { // this is called if the reader cancels, // so we should
stop generating strings clearinterval(interval); } }); specifications specification status comment streamsthe definition of 'readablestreamdefaultcontroller' in that specification.
Using DTMF with WebRTC - Web APIs
disconnecting."); callerpc.getlocalstreams().foreach(function(stream) { stream.gettracks().foreach(function(track) { track.
stop(); }); }); receiverpc.getlocalstreams().foreach(function(stream) { stream.gettracks().foreach(function(track) { track.
stop(); }); }); audio.pause(); audio.srcobject = null; receiverpc.close(); callerpc.close(); } } the tonechange event is used both to indicate when an individual tone has played and when all tones have finished playing.
...this is done by
stopping each stream on both the caller and the receiver by iterating over each rtcpeerconnection's track list (as returned by its gettracks() method) and calling each track's
stop() method.
... once both the caller's and the receiver's media tracks are all
stopped, we pause the <audio> element and set its srcobject to null.
Migrating from webkitAudioContext - Web APIs
changes to starting and
stopping nodes in webkitaudiocontext, there are two ways to start and
stop audiobuffersourcenode and oscillatornode: the noteon() and noteoff() methods, and the start() and
stop() methods.
... (audiobuffersourcenode has yet another way of starting output: the notegrainon() method.) the noteon()/notegrainon()/noteoff() methods were the original way to start/
stop output in these nodes, and in the newer versions of the specification, the noteon() and notegrainon() methods were consolidated into a single start() method, and the noteoff() method was renamed to the
stop() method.
... for example, if you have code like the below: var osc = context.createoscillator(); osc.noteon(1); osc.noteoff(1.5); var src = context.createbuffersource(); src.notegrainon(1, 0.25); src.noteoff(2); you can simply change it like this in order to port it to the standard audiocontext api: var osc = context.createoscillator(); osc.start(1); osc.
stop(1.5); var src = context.createbuffersource(); src.start(1, 0.25); src.
stop(2); remove synchronous buffer creation in the old webkit implementation of web audio, there were two versions of createbuffer(), one which created an initially empty buffer, and one which took an existing arraybuffer containing encoded audio, decoded it and returned the result in the form of an audiobuffer.
Color picker tool - CSS: Cascading Style Sheets
function getelembyid(id) { return document.getelementbyid(id); } function allowdropevent(e) { e.preventdefault(); } /*========== make an element resizable relative to it's parent ==========*/ var uicomponent = (function uicomponent() { function makeresizable(elem, axis) { var valuex = 0; var valuey = 0; var action = 0; var resizestart = function resizestart(e) { e.
stoppropagation(); e.preventdefault(); if (e.button !== 0) return; valuex = e.clientx - elem.clientwidth; valuey = e.clienty - elem.clientheight; document.body.setattribute('data-resize', axis); document.addeventlistener('mousemove', mousemove); document.addeventlistener('mouseup', resizeend); }; var mousemove = function mousemove(e) { if (action >= 0) ...
...is); handle.addeventlistener('mousedown', resizestart); elem.appendchild(handle); }; /*========== make an element draggable relative to it's parent ==========*/ var makedraggable = function makedraggable(elem, endfunction) { var offsettop; var offsetleft; elem.setattribute('data-draggable', 'true'); var dragstart = function dragstart(e) { e.preventdefault(); e.
stoppropagation(); if (e.target.getattribute('data-draggable') !== 'true' || e.target !== elem || e.button !== 0) return; offsetleft = e.clientx - elem.offsetleft; offsettop = e.clienty - elem.offsettop; document.addeventlistener('mousemove', mousedrag); document.addeventlistener('mouseup', dragend); }; var dragend = function dragend(e) { if (e.button !== 0)...
...this.node.setattribute('data-active', 'true'); }; colorsample.prototype.deactivate = function deactivate() { this.node.removeattribute('data-active'); }; colorsample.prototype.dragstart = function dragstart(e) { e.datatransfer.setdata('sampleid', this.uid); e.datatransfer.setdata('location', 'picker-samples'); }; colorsample.prototype.dragdrop = function dragdrop(e) { e.
stoppropagation(); this.color = tool.getsamplecolorfrom(e); this.updatebgcolor(); }; colorsample.prototype.deletesample = function deletesample() { container.removechild(this.node); samples[this.uid] = null; nr_samples--; }; var updateui = function updateui() { updatecontainerprop(); var index = 0; var nr = samples.length; for (var i=0; i < nr; i++) if (sample...
Grid template areas - CSS: Cascading Style Sheets
to leave a cell empty use the full
stop character, '.'.
...as long as there is no white space between the full
stops it will be counted as one cell.
...this means that you must have the same number of cells for each row, if empty with a full
stop character demonstrating that the cell is to be left empty.
Linear-gradient Generator - CSS: Cascading Style Sheets
n(e) {}; elem.addeventlistener('mousedown', function(e) { e.preventdefault(); startfunc(e); document.addeventlistener('mousemove', callback); document.addeventlistener('mouseup', function up(e) { document.removeeventlistener('mousemove', callback); document.removeeventlistener('mouseup', up); endfunc(e); }); }); elem.addeventlistener('click', function(e) { e.
stoppropagation(); }); } var slider = function(node) { var topic = node.getattribute('data-topic'); var info = node.getattribute('data-info'); var unit = node.getattribute('data-unit'); var min = node.getattribute('data-min') | 0; var max = node.getattribute('data-max') | 0; var step = node.getattribute('data-step') | 0; var value = node.getattribute('data-value') | 0; var snap = ...
...(e) {}; elem.addeventlistener('mousedown', function(e) { e.preventdefault(); startfunc(e); document.addeventlistener('mousemove', callback); document.addeventlistener('mouseup', function up(e) { document.removeeventlistener('mousemove', callback); document.removeeventlistener('mouseup', up); endfunc(e); }); }); elem.addeventlistener('click', function(e) { e.
stoppropagation(); }); } var color = uicolorpicker.color; var hsvcolor = uicolorpicker.hsvcolor; var uicomponent = (function uicomponent() { function makeresizable(elem, axis, callback, endfunc) { var valuex = 0; var valuey = 0; var action = 0; var callback = typeof callback === "function" ?
... callback : null; endfunc = endfunc || function(e) {}; var resizestart = function resizestart(e) { e.
stoppropagation(); e.preventdefault(); if (e.button !== 0) return; valuex = e.clientx - elem.clientwidth; valuey = e.clienty - elem.clientheight; document.body.setattribute('data-resize', axis); document.addeventlistener('mousemove', mousemove); document.addeventlistener('mouseup', resizeend); }; var mousemove = function mousemove(e) { if (action >= 0) elem.style.width = e.clientx - valuex + 'px'; if (action <= 0) elem.style.height = e.clienty - valuey + 'px'; if (callback) callback(); }; var resizeend = function resizeend(e) { if (e.button !== 0) return; document.body.removeattribute('data-res...
<easing-function> - CSS: Cascading Style Sheets
ease-in the animation starts slowly, and then progressively speeds up until the end, at which point it
stops abruptly.
... examples easing function comparison this example creates an animation that can be started and
stopped again using the provided button, and a select menu that can be used to switch its easing function between the available keywords, plus a couple of cubic-bezier() and steps() options.
...enter; justify-content: center; margin-bottom: 20px; } javascript const selectelem = document.queryselector('select'); const startbtn = document.queryselector('button'); const divelem = document.queryselector('div > div'); startbtn.addeventlistener('click', () => { if(startbtn.textcontent === 'start animation') { divelem.style.animationname = 'move-right'; startbtn.textcontent = '
stop animation'; divelem.style.animationtimingfunction = selectelem.value; } else { divelem.style.animationname = 'unset'; startbtn.textcontent = 'start animation'; } }); selectelem.addeventlistener('change', () => { divelem.style.animationtimingfunction = selectelem.value; }); result cubic-bezier() function examples these cubic bézier curves are valid for use in css: /* the ...
Audio and Video Delivery - Developer guides
sm is outlined below: navigator.mediadevices.getusermedia({audio:true}) .then(function onsuccess(stream) { var recorder = new mediarecorder(stream); var data = []; recorder.ondataavailable = function(e) { data.push(e.data); }; recorder.start(); recorder.onerror = function(e) { throw e.error || new error(e.name); // e.name is ff non-spec } recorder.on
stop = function(e) { var audio = document.createelement('audio'); audio.src = window.url.createobjecturl(new blob(data)); } settimeout(function() { rec.
stop(); }, 5000); }) .catch(function onerror(error) { console.log(error.message); }); see mediarecorder api for more details.
... other tips for audio/video
stopping the download of media while
stopping the playback of media is as easy as calling the element's pause() method, the browser keeps downloading the media until the media element is disposed of through garbage collection.
... here's a trick that
stops the download at once: var mediaelement = document.queryselector("#mymediaelementid"); mediaelement.removeattribute("src"); mediaelement.load(); by removing the media element's src attribute and invoking the load() method, you release the resources associated with the video, which
stops the network download.
Link prefetching FAQ - HTTP
from this, we receive document start &
stop notifications, and we approximate idle time as the period between the last document
stop and the next document start.
... the last document
stop notification occurs roughly when the onload handler would fire for the toplevel document.
... when the user clicks on a link, or initiates any kind of page load, link prefetching will
stop and any prefetch hints will be discarded.
Loops and iteration - JavaScript
when the condition is false, execution
stops, and control passes to the statement following do...while.
...a while statement looks as follows: while (condition) statement if the condition becomes false, statement within the loop
stops executing and control passes to the statement following the loop.
...if the condition returns false, execution
stops, and control is passed to the statement following while.
The legacy Iterator protocol - JavaScript
an object is an legacy iterator when it implements a next() method with the following semantics, and throws
stopiteration at the end of iteration.
... difference between legacy and es2015 iterator protocols the value was returned directly as a return value of calls to next, instead of the value property of a placeholder object iteration termination was expressed by throwing a
stopiteration object.
... simple example with the old protocol function makeiterator(array){ var nextindex = 0; return { next: function(){ if(nextindex < array.length){ return array[nextindex++]; else throw new
stopiteration(); } } } var it = makeiterator(['yo', 'ya']); console.log(it.next()); // 'yo' console.log(it.next()); // 'ya' try{ console.log(it.next()); } catch(e){ if(e instanceof
stopiteration){ // iteration over } } ...
cx - SVG: Scalable Vector Graphics
three elements are using this attribute: <circle>, <ellipse>, and <radialgradient> html,body,svg { height:100% } <svg viewbox="0 0 300 100" xmlns="http://www.w3.org/2000/svg"> <radialgradient cx="25%" id="mygradient"> <
stop offset="0"
stop-color="white" /> <
stop offset="100%"
stop-color="black" /> </radialgradient> <circle cx="50" cy="50" r="45"/> <ellipse cx="150" cy="50" rx="45" ry="25" /> <rect x="205" y="5" width="90" height="90" fill="url(#mygradient)" /> </svg> circle for <circle>, cx defines the x-axis coordinate of the center of the shape.
... value <length> default value 50% animatable yes example html,body,svg { height:100% } <svg viewbox="0 0 34 10" xmlns="http://www.w3.org/2000/svg"> <defs> <radialgradient cx="0" id="mygradient000"> <
stop offset="0%"
stop-color="gold" /> <
stop offset="50%"
stop-color="green" /> <
stop offset="100%"
stop-color="white" /> </radialgradient> <radialgradient cx="50%" id="mygradient050"> <
stop offset="0%"
stop-color="gold" /> <
stop offset="50%"
stop-color="green" /> <
stop offset="100%"
stop-color="white" /> </radialgradient> <radialgradient cx="100%" ...
...id="mygradient100"> <
stop offset="0%"
stop-color="gold" /> <
stop offset="50%"
stop-color="green" /> <
stop offset="100%"
stop-color="white" /> </radialgradient> </defs> <rect x="1" y="1" width="8" height="8" fill="url(#mygradient000)" stroke="black" /> <rect x="13" y="1" width="8" height="8" fill="url(#mygradient050)" stroke="black" /> <rect x="25" y="1" width="8" height="8" fill="url(#mygradient100)" stroke="black" /> </svg> specifications specification status comment scalable vector graphics (svg) 2the definition of 'cx' in that specification.
cy - SVG: Scalable Vector Graphics
three elements are using this attribute: <circle>, <ellipse>, and <radialgradient> html,body,svg { height:100% } <svg viewbox="0 0 100 300" xmlns="http://www.w3.org/2000/svg"> <radialgradient cy="25%" id="mygradient"> <
stop offset="0"
stop-color="white" /> <
stop offset="100%"
stop-color="black" /> </radialgradient> <circle cy="50" cx="50" r="45"/> <ellipse cy="150" cx="50" rx="45" ry="25" /> <rect x="5" y="205" width="90" height="90" fill="url(#mygradient)" /> </svg> circle for <circle>, cy defines the y-axis coordinate of the center of the shape.
... value <length> default value 50% animatable yes example html,body,svg { height:100% } <svg viewbox="0 0 34 10" xmlns="http://www.w3.org/2000/svg"> <defs> <radialgradient cy="0" id="mygradient000"> <
stop offset="0%"
stop-color="gold" /> <
stop offset="50%"
stop-color="green" /> <
stop offset="100%"
stop-color="white" /> </radialgradient> <radialgradient cy="50%" id="mygradient050"> <
stop offset="0%"
stop-color="gold" /> <
stop offset="50%"
stop-color="green" /> <
stop offset="100%"
stop-color="white" /> </radialgradient> <radialgradient cy="100%" ...
...id="mygradient100"> <
stop offset="0%"
stop-color="gold" /> <
stop offset="50%"
stop-color="green" /> <
stop offset="100%"
stop-color="white" /> </radialgradient> </defs> <rect x="1" y="1" width="8" height="8" fill="url(#mygradient000)" stroke="black" /> <rect x="13" y="1" width="8" height="8" fill="url(#mygradient050)" stroke="black" /> <rect x="25" y="1" width="8" height="8" fill="url(#mygradient100)" stroke="black" /> </svg> specifications specification status comment scalable vector graphics (svg) 2the definition of 'cy' in that specification.
r - SVG: Scalable Vector Graphics
two elements are using this attribute: <circle>, and <radialgradient> html,body,svg { height:100% } <svg viewbox="0 0 300 200" xmlns="http://www.w3.org/2000/svg"> <radialgradient r="0" id="mygradient000"> <
stop offset="0"
stop-color="white" /> <
stop offset="100%"
stop-color="black" /> </radialgradient> <radialgradient r="50%" id="mygradient050"> <
stop offset="0"
stop-color="white" /> <
stop offset="100%"
stop-color="black" /> </radialgradient> <radialgradient r="100%" id="mygradient100"> <
stop offset="0"
stop-color="white" /> <
stop offset="100%"
stop-color="black" /> </radialgradient> <circle cx="50" cy="50" r="0"/> <circle cx="150" cy="50" r="25"/> <circle cx="250" cy="50" r="50"/> <r...
... the gradient will be drawn such that the 100% gradient
stop is mapped to the perimeter of this end circle.
... a value of lower or equal to zero will cause the area to be painted as a single color using the color and opacity of the last gradient <
stop>.
y1 - SVG: Scalable Vector Graphics
tml,body,svg { height:100% } <svg viewbox="0 0 10 10" xmlns="http://www.w3.org/2000/svg"> <line x1="1" x2="9" y1="1" y2="5" stroke="red" /> <line x1="1" x2="9" y1="5" y2="5" stroke="green" /> <line x1="1" x2="9" y1="9" y2="5" stroke="blue" /> </svg> lineargradient for <lineargradient>, y1 defines the y coordinate of the starting point of the gradient vector used to map the gradient
stop values.
... --> <lineargradient y1="0%" id="g0"> <
stop offset="5%"
stop-color="black" /> <
stop offset="50%"
stop-color="red" /> <
stop offset="95%"
stop-color="black" /> </lineargradient> <rect x="1" y="1" width="8" height="8" fill="url(#g0)" /> <!-- here the gradient vector start at the bottom left corner of the bounding box of the shape it is applied to.
... --> <lineargradient y1="100%" id="g1"> <
stop offset="5%"
stop-color="black" /> <
stop offset="50%"
stop-color="red" /> <
stop offset="95%"
stop-color="black" /> </lineargradient> <rect x="11" y="1" width="8" height="8" fill="url(#g1)" /> </svg> specifications specification status comment scalable vector graphics (svg) 2the definition of 'y1' in that specification.
y2 - SVG: Scalable Vector Graphics
html,body,svg { height:100% } <svg viewbox="0 0 10 10" xmlns="http://www.w3.org/2000/svg"> <line x1="1" x2="9" y1="5" y2="1" stroke="red" /> <line x1="1" x2="9" y1="5" y2="5" stroke="green" /> <line x1="1" x2="9" y1="5" y2="9" stroke="blue" /> </svg> lineargradient for <lineargradient>, y2 defines the y coordinate of the ending point of the gradient vector used to map the gradient
stop values.
... --> <lineargradient y2="0%" id="g0"> <
stop offset="5%"
stop-color="black" /> <
stop offset="50%"
stop-color="red" /> <
stop offset="95%"
stop-color="black" /> </lineargradient> <rect x="1" y="1" width="8" height="8" fill="url(#g0)" /> <!-- here the gradient vector end at the bottom right corner of the bounding box of the shape it is applied to.
... --> <lineargradient y2="100%" id="g1"> <
stop offset="5%"
stop-color="black" /> <
stop offset="50%"
stop-color="red" /> <
stop offset="95%"
stop-color="black" /> </lineargradient> <rect x="11" y="1" width="8" height="8" fill="url(#g1)" /> </svg> specifications specification status comment scalable vector graphics (svg) 2the definition of 'y2' in that specification.
<solidcolor> - SVG: Scalable Vector Graphics
a workaround is to use a <lineargradient> with only one color
stop.
...--> <solidcolor id="mycolor" solid-color="gold" solid-opacity="0.8"/> <!-- lineargradient with a single color
stop is a less elegant way to achieve the same effect, but it works in current browsers.
... --> <lineargradient id="mygradient"> <
stop offset="0"
stop-color="green" /> </lineargradient> </defs> <text x="10" y="20">circles colored with solidcolor</text> <circle cx="150" cy="65" r="35" stroke-width="2" stroke="url(#mycolor)" fill="white"/> <circle cx="50" cy="65" r="35" fill="url(#mycolor)"/> <text x="10" y="120">circles colored with lineargradient</text> <circle cx="150" cy="165" r="35" stroke-width="2" stroke="url(#mygradient)" fill="white"/> <circle cx="50" cy="165" r="35" fill="url(#mygradient)"/> </svg> result ...
SVG and CSS - SVG: Scalable Vector Graphics
making sure that you scroll to get all of it: <svg width="600px" height="600px" viewbox="-300 -300 600 600" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <title>svg demonstration</title> <desc>mozilla css getting started - svg demonstration</desc> <defs> <radialgradient id="fade" cx="0" cy="0" r="200" gradientunits="userspaceonuse"> <
stop id="fade-
stop-1" offset="33%"/> <
stop id="fade-
stop-2" offset="95%"/> </radialgradient> </defs> <text id="heading" x="-280" y="-270">svg demonstration</text> <text id="caption" x="-280" y="-250">move your mouse pointer over the flower.</text> <g id="flower"> <circle id="overlay" cx="0" cy="0" r="200" stroke="none" fill="url(#fade)"/> <g id="outer-petals"> <g cl...
...copy and paste the content from here, making sure that you scroll to get all of it: /*** svg demonstration ***/ /* page */ svg { background-color: beige; } #heading { font-size: 24px; font-weight: bold; } #caption { font-size: 12px; } /* flower */ #flower:hover { cursor: crosshair; } /* gradient */ #fade-
stop-1 {
stop-color: blue; } #fade-
stop-2 {
stop-color: white; } /* petals */ .segment-fill { fill: var(--segment-fill-fill); stroke: var(--segment-fill-stroke); stroke-width: var(--segment-fill-stroke-width); } .segment-fill:hover { fill: var(--segment-fill-fill-hover); stroke: var(--segment-fill-stroke-hover); } .segment-edge { fill: var(--segment-edge-fill); stroke: var(--segm...
... xlink:href="#segment" transform="rotate(72)"/> </g> <g id="petals"> <use xlink:href="#quadrant"/> <use xlink:href="#quadrant" transform="rotate(90)"/> <use xlink:href="#quadrant" transform="rotate(180)"/> <use xlink:href="#quadrant" transform="rotate(270)"/> </g> <radialgradient id="fade" cx="0" cy="0" r="200" gradientunits="userspaceonuse"> <
stop id="fade-
stop-1" offset="33%"/> <
stop id="fade-
stop-2" offset="95%"/> </radialgradient> </defs> <text id="heading" x="-280" y="-270">svg demonstration</text> <text id="caption" x="-280" y="-250">move your mouse pointer over the flower.</text> <g id="flower"> <circle id="overlay" cx="0" cy="0" r="200" stroke="none" fill="url(#fade)"/> <use id="outer-petals" xlink:href=...
How to turn off form autocompletion - Web security
it
stops the browser from caching form data in the session history.
...however modern browsers have
stopped autofilling <input> elements with autocomplete="new-password" for this very reason.
... for example, firefox version 67 (see bug 1119063)
stopped autofilling in this case; however, firefox 70 (see bug 1565407) can suggest securely-generated passwords, but does not autofill a saved password.
<xsl:number> - XSLT: Extensible Stylesheet Language Transformations
the processor goes to the first node in the ancestor-or-self axis that matches the count attribute and then counts that node plus all its preceding siblings (
stopping when it reaches a match to the from attribute, if there is one) that also match the count attribute.if no match is found, the sequence will be an empty list.
...the processor looks at all ancestors of the current node and the current node itself,
stopping when it reaches a match for the from attribute, if there is one.
...the processor starts at the current node and proceeds in reverse document order,
stopping if it reaches a match to any from attribute.
self - Archive of obsolete content
once() exactly like on(), but
stop listening after the first message is received.
...this takes two parameters: the name of the event to
stop listening to, and the listener function to remove.
page-mod - Archive of obsolete content
to
stop a page-mod from making any more modifications, call its destroy() method.
... methods destroy()
stops the page-mod from making any more modifications.
timers - Archive of obsolete content
example var { settimeout, cleartimeout } = require("sdk/timers"); var id = settimeout(function() { // do something in 1 sec }, 1000); // to
stop/cancel this timeout cleartimeout(id); setinterval(callback, ms) schedules callback to be called repeatedly every ms milliseconds.
... example var { setinterval, clearinterval } = require("sdk/timers"); var id = setinterval(function() { // do something every 1 sec // to
stop/cancel this interval clearinterval(id); }, 1000); ...
Progress Listeners - Archive of obsolete content
example create an object which implements nsiwebprogresslistener: const state_start = ci.nsiwebprogresslistener.state_start; const state_
stop = ci.nsiwebprogresslistener.state_
stop; var mylistener = { queryinterface: xpcomutils.generateqi(["nsiwebprogresslistener", "nsisupportsweakreference"]), onstatechange: function(awebprogress, arequest, aflag, astatus) { // if you use mylistener for more than one tab/window, use // awebprogress.domwindow to obtain the tab/window w...
...hich triggers the state change if (aflag & state_start) { // this fires when the load event is initiated } if (aflag & state_
stop) { // this fires when the load finishes } }, onlocationchange: function(aprogress, arequest, auri) { // this fires when the location bar changes; that is load event is confirmed // or when the user switches tabs.
Chapter 5: Let's build a Firefox extension - Archive of obsolete content
listing 19: content for save method save: function(event) { event.
stoppropagation(); var ss = components.classes["@mozilla.org/browser/sessionstore;1"] .getservice(components.interfaces.nsisessionstore); var state = ss.getbrowserstate(); var filename = "session_" + date.now() + ".js"; var file = this._dir.clone(); file.append(filename); this._writefile(file, state); }, restore method listing 20 shows the event handler for the dynamically gen...
...except for asynchronous processes, all processing
stops while the dialog is up, so this technique is useful when you want to pin down a value that can vary during a process.
Creating a Web based tone generator - Archive of obsolete content
<!doctype html> <html> <head> <title>javascript audio write example</title> </head> <body> <input type="text" size="4" id="freq" value="440"><label for="hz">hz</label> <button onclick="start()">play</button> <button onclick="
stop()">
stop</button> <script type="text/javascript"> function audiodatadestination(samplerate, readfn) { // initialize the audio output.
...equency / samplerate; for (var i=0, size=sounddata.length; i<size; i++) { sounddata[i] = math.sin(k * currentsoundsample++); } } var audiodestination = new audiodatadestination(samplerate, requestsounddata); function start() { currentsoundsample = 0; frequency = parsefloat(document.getelementbyid("freq").value); } function
stop() { frequency = 0; } </script> </body> </html> ...
Content states and the style system - Archive of obsolete content
for each selector in this list we check whether it might have
stopped matching the node or started matching it.
... the way we determine whether the selector might have
stopped or started matching the node is by just checking whether it matches with the caveat that all the state-dependent pseudo-classes corresponding to the states that changed must be treated as matching (whether they actually do and whether they're negated or not).
Style System Overview - Archive of obsolete content
walkruletree
stops walking up when it finds either a none bit, a cached struct, a dependent bit, or all the properties have been filled in.
... style data computation after walkruletree
stops walking up, it calls nsrulenode::compute*data to turn the specified values into the mostly-computed style data in the style struct.
JavaScript Client API - Archive of obsolete content
it's a bit smarter to have // yourself notified when to start and
stop tracking therefore: svc.obs.add("weave:engine:start-tracking", this); svc.obs.add("weave:engine:
stop-tracking", this); } footracker.prototype = { __proto__: tracker.prototype, _enabled: false, observe: function observe(subject, topic, data) { switch (topic) { case "weave:engine:start-tracking": if (!this._enabled) { // register event handler or observer here ...
... this._enabled = true; } break; case "weave:engine:
stop-tracking": if (this._enabled) { // remove event handler or observer here ...
Tamarin Build System Documentation - Archive of obsolete content
if an error or failure occurs on any slave in a phase the build
stops.
... the compile phase compiles all of the tamarin source code and builds all of the shell executables, any errors will
stop the phase and a red box will appear on the slave where the error occurred.
Tuning Pageload - Archive of obsolete content
content.interrupt.parsing this preference, when true, means that the content sink can tell the parser to
stop for now and return to the event loop, which allows layout and painting to happen.
...it's also really a bug per the dom spec and we should
stop doing it...
MenuButtons - Archive of obsolete content
<toolbarbutton type="menu-button" label="save" oncommand="alert('save');"> <menupopup> <menuitem label="save this document"/> <menuitem label="save all" oncommand="alert('save all'); event.
stoppropagation();"/> </menupopup> </toolbarbutton> here, the 'save' button has a type of 'menu-button', so a small arrow button will appear which will open the menu when pressed.
...the
stoppropagation method is used to
stop the bubbling effect so that the command event on the button does not get called as well.
RDF Modifications - Archive of obsolete content
if the predicate was different, the builder would come to the end of the statements and could just
stop there.
...if a statement hadn't generated a result, for instance if the photo did not have a title, or it wasn't contained in a parent container, there would be no match and the builder could
stop processing the new triple.
XUL accessibility guidelines - Archive of obsolete content
<image src="
stop.png" tooltiptext="
stop" /> <html:img src="
stop.jpg" alt="
stop" /> <html:img src="decorative_image.jpg" alt="" /> <!-- in html the alt attribute is required.
... --> <toolbarbutton label="
stop" image="
stop.png" tooltiptext="
stop loading the page" /> title provide unique titles to window container elements such as windows, wizards, and dialogs.
browser - Archive of obsolete content
rincipal, contenttitle, contentvieweredit, contentviewerfile, contentwindow, currenturi, docshell, documentcharsetinfo, homepage, markupdocumentviewer, messagemanager, preferences, securityui, sessionhistory, webbrowserfind, webnavigation, webprogress methods addprogresslistener, goback, goforward, gohome, gotoindex, loaduri, loaduriwithflags, reload, reloadwithflags, removeprogresslistener,
stop, swapdocshells examples <!-- shows mozilla homepage inside a groupbox --> <groupbox flex="1"> <caption label="mozilla homepage"/> <browser type="content" src="http://www.mozilla.org" flex="1"/> </groupbox> attributes autocompleteenabled type: boolean set to true to enable autocomplete of fields.
...
stop() return type: no return value equivalent to pressing the
stop button, this method
stops the currently loading document.
NPP_URLNotify - Archive of obsolete content
npres_user_break: user canceled stream directly by clicking the
stop button or indirectly by some action such as deleting the instance or initiating higher-priority network operations.
...other possible reason codes are npres_user_break, indicating that the request was halted due to a user action (for example, clicking the
stop button), and npres_network_err, indicating that the request could not be completed, perhaps because the url could not be found.
Introduction to Public-Key Cryptography - Archive of obsolete content
if the issuer's certificate is trusted by the verifier in the verifier's certificate database, verification
stops successfully here.
...if a certificate for one of the intermediate cas shown in figure 8, such as engineering ca, is found in the verifier's local database, verification
stops with that certificate, as shown in figure 9.
-ms-content-zoom-snap-points - Archive of obsolete content
snap-points can change the animation that runs when the user lifts his or her finger so that you can adjust where the content will
stop.
... by placing snap-points, you can make it easy for your users to manipulate your content and make it
stop at convenient or key places.
Iterator - Archive of obsolete content
it throws
stopiteration if there are no more items.
... examples iterating over properties of an object var a = { x: 10, y: 20, }; var iter = iterator(a); console.log(iter.next()); // ["x", 10] console.log(iter.next()); // ["y", 20] console.log(iter.next()); // throws
stopiteration iterating over properties of an object with legacy destructuring for-in statement var a = { x: 10, y: 20, }; for (var [name, value] in iterator(a)) { console.log(name, value); // x 10 // y 20 } iterating with for-of var a = { x: 10, y: 20, }; for (var [name, value] of iterator(a)) { // @@iterator is used console.log(name, value); // x 10 // y 20 } iterates over property name var a = { x: 10, y: 20, }; for (var name in iterator(a, true)) { console.log(name); // x ...
Using the Right Markup to Invoke Plugins - Archive of obsolete content
according to the specification, you can nest elements and browsers should
stop if they can display the outermost element, or else keep going inwards till they can find something to display.
...thus, in the following example, instead of
stopping at the activex control, ie will display the same animation twice since it also understands the mime type for flash: <!-- usage will not work as intended --> <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="366" height="142" id="myflash"> <param name="movie" value="javascript-to-flash.swf" /> <param name="quality" value="high" /> <param name="swliveconnect" value="true" /> <object type="application/x-shockwave-flash" data="javascript-to-flash.swf" width="366" height="142" id="myflashnscp"> <param name="movie" value="javascript-to-flash.swf" /> ...
Loop - MDN Web Docs Glossary: Definitions of Web-related terms
example: for(var i = 0; i < 10; i++){ console.log(i) } //this loop will print numbers 0-9, will
stop when condition is met (i = 10) for the above example, the syntax is as follows: statement 1 sets the variable for the loop (var i = 0).
... example: var i = 0; while(i < 5){ console.log(i) i++ } //this loop will print number 0-4, will
stop when condition becomes false (i >=5) for the above example, the syntax is as follows: the code block will continue to run as long as the variable (i) is less than 5.
Debugging CSS - Learn web development
uncheck a rule's checkbox, for example border-radius, and the css will
stop applying.
...sometimes the solution magically appears when you
stop thinking about the problem, and even if not, working on it when feeling refreshed will be much easier.
Type, class, and ID selectors - Learn web development
class selectors the class selector starts with a full
stop (.) character and will select everything in the document with that class applied to it.
... id selectors an id selector begins with a # rather than a full
stop character, but is basically used in the same way as a class selector.
Floats - Learn web development
there, it will
stop.
... clearing floats we have seen that the float is removed from normal flow and that other elements will display beside it, therefore if we want to
stop the following element from moving up we need to clear it; this is achieved with the clear property.
How to build custom form controls - Learn web development
finally, let's define how the control's options will behave: when the control is opened, the selected option is highlighted when the mouse is over an option, the option is highlighted and the previously highlighted option is returned to its normal state for the purposes of our example, we'll
stop with that; however, if you're a careful reader, you'll notice that some behaviors are missing.
...for example, all four arrows navigate through the options, but clicking the down arrow when the user is on the last button takes them to the first button; it doesn't
stop at the top and bottom of the option list like a <select> does.
General asynchronous programming concepts - Learn web development
if a function relies on the result of another function, it has to wait for the other function to finish and return, and until that happens, the entire program is essentially
stopped from the perspective of the user.
...this cursor is how the operating system says "the current program you're using has had to
stop and wait for something to finish up, and it's taking so long that i was worried you'd wonder what was going on." this is a frustrating experience and isn't a good use of computer processing power — especially in an era in which computers have multiple processor cores available.
Drawing graphics - Learn web development
the loop ends when you
stop calling requestanimationframe() or if you call window.cancelanimationframe() after calling requestanimationframe() but before the frame is called.
... the near plane: how close to the camera objects can be before we
stop rendering them to the screen.
Handling common accessibility problems - Learn web development
text alternatives text alternatives are very important for accessibility — if a person has a visual or hearing impairment that
stops them being able to see or hear some content, then this is a problem.
...absolute positioning (as used in this example) is generally seen as one of the best mechanisms of hiding content for visual effect, because it doesn't
stop screen readers from getting to it.
Creating Sandboxed HTTP Connections
on
stoprequest - the request has finished.
...acontext) { this.mdata = ""; }, ondataavailable: function (arequest, acontext, astream, asourceoffset, alength) { var scriptableinputstream = components.classes["@mozilla.org/scriptableinputstream;1"] .createinstance(components.interfaces.nsiscriptableinputstream); scriptableinputstream.init(astream); this.mdata += scriptableinputstream.read(alength); }, on
stoprequest: function (arequest, acontext, astatus) { if (components.issuccesscode(astatus)) { // request was successfull this.mcallbackfunc(this.mdata); } else { // request failed this.mcallbackfunc(null); } gchannel = null; }, // nsichanneleventsink onchannelredirect: function (aoldchannel, anewchannel, aflags) { // if redirecting, store the new ch...
Frame script environment
removeeventlistener()
stop listening to events from content.
... removemessagelistener()
stop listening to messages from chrome.
Communicating with frame scripts
removemessagelistener() to
stop listening for messages from content, use the message manager's removemessagelistener() method: // chrome script messagemanager.removemessagelistener("my-addon@me.org:my-e10s-extension-message", listener); chrome to content to send a message from chrome to content, you need to know what kind of message manager you're using.
...ls" } addmessagelistener("my-addon@me.org:message-from-chrome", handlemessagefromchrome); message-manager-disconnect if you're using a message manager to communicate with a script that may be running in a different process, you can listen for the message-manager-disconnect observer notification to know when the message manager has disconnected from the other end of the conversation, so you can
stop sending it messages or expecting to receive messages.
Frame script environment
removeeventlistener()
stop listening to events from content.
... removemessagelistener()
stop listening to messages from chrome.
Frame script loading and lifetime
if you use allowdelayedload, you can cancel it by using removedelayedframescript: var mm = window.messagemanager; mm.removedelayedframescript("chrome://my-e10s-extension/content/frame-script.js"); this means we will
stop loading the script into new tabs.
... the new frame scripts receive the "disable" message and
stop working.
mozbrowserloadstart
example in this example the mozbrowserloadend and mozbrowserloadstart events are used to change the icon shown on the
stop/reload button between
stop (x) and reload (r), as appropriate.
... var browser = document.queryselector("iframe"); browser.addeventlistener('mozbrowserloadstart',function() {
stopreload.textcontent = 'x'; }); browser.addeventlistener('mozbrowserloadend',function() {
stopreload.textcontent = 'r'; }); related events mozbrowserasyncscroll mozbrowserclose mozbrowsercontextmenu mozbrowsererror mozbrowsericonchange mozbrowserloadend mozbrowserlocationchange mozbrowseropenwindow mozbrowsersecuritychange mozbrowsershowmodalprompt mozbrowsertitlechange mozbrowserusernameandpasswordrequired ...
mozbrowserscrollviewchange
apcz) starts or
stops.
... details the details property returns an anonymous javascript object with the following properties: state a domstring representing the current state of scrolling in the viewport — available values are started and
stopped.
Embedding Tips
this interface also has methods for reloading,
stopping a load and going back and forward in the history.
...when the operation is completed, the onstatechange will be notified by a combination of state_
stop | state_is_network state flags.
How to implement a custom autocomplete search component
stener the listener to notify when the search is complete */ startsearch: function(searchstring, searchparam, previousresult, listener) { var results = ['mary', 'john']; var autocomplete_result = new providerautocompleteresult(searchstring, ci.nsiautocompleteresult.result_success, 0, "", results, null); listener.onsearchresult(this, autocomplete_result); }, /** *
stops an asynchronous search that is in progress */
stopsearch: function() { }, queryinterface: xpcomutils.generateqi([ ci.nsiautocompletesearch ]) }; // the following line is what xpcom uses to create components const nsgetfactory = xpcomutils.generatensgetfactory([ providerautocompletesearch ]); then register your xpcom component.
...results.push(searchresults[i].value); if (searchresults[i].comment) comments.push(searchresults[i].comment); else comments.push(null); } } var newresult = new simpleautocompleteresult(searchstring, ci.nsiautocompleteresult.result_success, 0, "", results, comments); listener.onsearchresult(this, newresult); } }, /* *
stop an asynchronous search that is in progress */
stopsearch: function() { }, queryinterface: function(aiid) { if (!aiid.equals(ci.nsiautocompletesearch) && !aiid.equals(ci.nsisupports)) throw components.results.ns_error_no_interface; return this; } }; // factory var simpleautocompletesearchfactory = { singleton: null, createinstance: function (aouter, aiid) { if ...
Downloads.jsm
the download is
stopped and removed from the list when the message box is closed, regardless of whether it has been completed or not.
...close the message to
stop."); } finally { yield list.remove(download); yield download.finalize(true); } } finally { yield list.removeview(view); } }).then(null, components.utils.reporterror); conversion from nsidownloadmanager starting in firefox for desktop version 26, the nsidownloadmanager and nsidownload interfaces are not available anymore.
WebChannel.jsm
method overview listen(function callback);
stoplistening(); send(object message, eventtarget target); attributes id string webchannel id methods listen() registers the callback for messages on this channel.
... id - webchannel id of the incoming messages message - incoming message object sendercontext - incoming message context - this should be treated as an opaque object and passed to the .send() method
stoplistening() resets the callback for messages on this channel.
Gecko Profiler FAQ
to
stop the profiler from gathering more samples after the “startup end” marker that you’re interested in, you can call services.profiler.pause(); or you can insert a marker with a special string and then write a script that filters out all samples that were gathered after your marker.
... a cleaner snapshot would
stop all threads, walk all their stacks, and then resume all threads, especially on high-core systems.
Measuring performance using the PerfMeasurement.jsm code module
now we want to benchmark a function that is pretty fast (but not fast enough), so we run it several thousand times: for (let i = 0; i < 10000; i++) { set_up_some_state(); monitor.start(); code_to_be_benchmarked(); monitor.
stop(); clean_up_afterward(); } we call the perfmeasurement object's start() method when we want to start recording, and
stop() when we want to
stop recording.
... the monitor object automatically accumulates counts over start/
stop cycles (that is, it doesn't automatically zero the counters each time you start recording).
Reporting a Performance Problem
visit https://profiler.firefox.com/ click on "enable profiler menu button" the profiler toolbar button will show up in the top right of the url bar as a small
stopwatch icon you can right-click on the button and remove it from the toolbar when you're done with it.
... using the keyboard shortcuts is often more convenient than using the mouse to interact with the ui: ctrl+shift+1 - start/
stop the profiler ctrl+shift+2 - take a profile and launch the viewer to view it capturing and sharing a profile while the profiler is recording, reproduce the performance problem.
ui.tooltipDelay
ui.tooltipdelay stores the delay in milliseconds between the mouse
stopping over an element and the appearing of its tooltip.
... type:integer default value:500 exists by default: no application support: gecko 11.0 (firefox 11.0 / thunderbird 11.0 / seamonkey 2.8) status: active; last updated 2012-02-21 introduction: pushed to nightly on 2011-12-15 bugs: bug 204786 values integer (milliseconds, default: 500) the time for delay between the mouse
stopping over the element and the tooltip appearing is stored in milliseconds and the default value is 500ms.
Index
-l prefix turn on looping; that is, continue to accept connections rather than
stopping after the first connection is complete.
... 227 migration to hg the nspr, nss and related projects have
stopped using mozilla'a cvs server, but have migrated to mozilla's hg (mercurial) server.
NSS_3.12_release_notes.html
pkix cert_rev_m_do_not_test_using_this_method cert_rev_m_test_using_this_method cert_rev_m_allow_network_fetching cert_rev_m_forbid_network_fetching cert_rev_m_allow_implicit_default_source cert_rev_m_ignore_implicit_default_source cert_rev_m_skip_test_on_missing_source cert_rev_m_require_info_on_missing_source cert_rev_m_ignore_missing_fresh_info cert_rev_m_fail_on_missing_fresh_info cert_rev_m_
stop_testing_on_fresh_info cert_rev_m_continue_testing_on_fresh_info cert_rev_mi_test_each_method_separately cert_rev_mi_test_all_local_information_first cert_rev_mi_no_overall_info_requirement cert_rev_mi_require_some_fresh_info_available cert_policy_flag_no_mapping cert_policy_flag_explicit cert_policy_flag_no_any cert_enable_ldap_fetch cert_enable_http_fetch new macro in utilrename.h: smime_aes...
... fails, can result in crash if user tries to view certificate [[@ secitem_compareitem_util] [[@ memcmp] bug 396256: certutil and pp do not print all the generalnames in a crldp extension bug 398019: correct confusing and erroneous comments in der_asciitotime bug 422866: vfychain -pp command crashes in nss_shutdown bug 345779: useless assignment statements in ec_gf2m_pt_mul_mont bug 349011: please
stop exporting these crmf_ symbols bug 397178: crash when entering chrome://pippki/content/resetpassword.xul in url bar bug 403822: pkix_pl_ocsprequest_create can leave some members uninitialized bug 403910: cert_findusercertbyusage() returns wrong certificate if multiple certs with same subject available bug 404919: memory leak in sftkdb_readsecmoddb() (sftkmod.c) bug 406120: allow application to sp...
NSS 3.45 release notes
the nss team would like to recognize first-time contributors: bastien abadie chri
stopher patton jeremie courreges-anglas marcus burghardt michael shigorin tomas mraz distribution information the hg tag is nss_3_45_rtm.
... that libfreebl_64fpu_3.so builds bug 1554336 - optimize away unneeded loop in mpi.c bug 1559906 - fipstest: use ckm_tls12_master_key_derive instead of vendor specific mechanism bug 1558126 - tls_aes_256_gcm_sha384 should be marked as fips compatible bug 1555207 - helloretryrequestcallback return code for rejecting 0-rtt bug 1556591 - eliminate races in uses of pk11_setwrapkey bug 1558681 -
stop using a global for anti-replay of tls 1.3 early data bug 1561510 - fix a bug where removing -arch xxx args from cc didn't work bug 1561523 - add a string for the new-ish error ssl_error_missing_post_handshake_auth_extension this bugzilla query returns all the bugs fixed in nss 3.45: https://bugzilla.mozilla.org/buglist.cgi?resolution=fixed&classification=components&query_format=advanced&prod...
NSS_3.12.3_release_notes.html
backwards compatibility (wildcards) bug 334678: prng_fips1861.c redefines the macro bsize on hp-ux bug 335016: mpp_pprime (miller-rabin probabilistic primality test) may choose 0 or 1 as the random integer bug 347037: make shlibsign depend on the softoken only bug 371522: auto-update of crls
stops after first update bug 380784: pk11mode in non fips mode failed.
...cache on local file system bug 468279: softoken crash importing email cert into newly upgraded db bug 468532: trusted ca trust flags not being honored in cert_verifycert bug 469583: coverity: uninitialized variable used in sec_pkcs5createalgorithmid bug 469944: when built with microsoft compilers bug 470351: crlutil build fails on windows because it calls undeclared isatty bug 471539:
stop honoring digital signatures in certificates and crls based on weak hashes bug 471665: nss reports incorrect sizes for (aes) symmetric keys bug 471715: add cert to nssckbi to override rogue md5-collision ca cert bug 472291: crash in libpkix object leak tests due to null pointer dereferencing in pkix_build.c:3218.
Necko Architecture
an nsistreamlistener is told when the uri transaction has "started," when data is available (in the case of reading data), and when it has "
stopped." it is up to the nsistreamlistener implementation to decide what to do with these various notifications.
...the transaction is not complete until you receive an "
stopped" notification.
Index
379 js_is
stopiteration jsapi reference, reference, référence(2), spidermonkey js_is
stopiteration returns true if v is
stopiteration, otherwise false.
... 489 js_throw
stopiteration jsapi reference, spidermonkey js_throw
stopiteration throws the appropriate
stopiteration object for the function currently executing in cx.
Introduction to the JavaScript shell
for example, if you enter the javascript function below: function test() { var i = 3; print(i+2); } then run the command dis(test);, you get this output: main: 00000: uint16 3 00003: setvar 0 00006: pop 00007: name "print" 00010: pushobj 00011: getvar 0 00014: uint16 2 00017: add 00018: call 1 00021: pop 00022:
stop source notes: 0: 0 [ 0] newline 1: 3 [ 3] decl offset 0 2: 7 [ 4] newline 3: 18 [ 11] xdelta 4: 18 [ 0] pcbase offset 11 dissrc([function]) disassembles the javascript bytecode for the entire program, or for the specified function, showing the source lines.
...-------------------- 14: ;------------------------- 15: print("you entered " + n1 + " and " + n2 + "\n"); 00044: 15 name "print" 00047: 15 pushobj 00048: 15 string "you entered " 00051: 15 getvar 0 00054: 15 add 00055: 15 string " and " 00058: 15 add 00059: 15 getvar 1 00062: 15 add 00063: 15 string "\\n" 00066: 15 add 00067: 15 call 1 00070: 15 pop 00071: 15
stop dumpheap(([filename[, start[, tofind[, maxdepth[, toignore]]]]]) dump gc information.
JS_MapGCRoots
syntax uint32 js_mapgcroots(jsruntime *rt, jsgcrootmapfun map, void *data); callback syntax #define js_map_gcroot_next 0 /* continue mapping entries */ #define js_map_gcroot_
stop 1 /*
stop mapping entries */ #define js_map_gcroot_remove 2 /* remove and free the current entry */ typedef int (*jsgcrootmapfun)(void *rp, const char *name, void *data); description call js_mapgcroots to map the gc's roots table using map(rp, name, data).
...to
stop enumeration, return js_map_gcroot_
stop.
JSDBGAPI
js_connectshark js_disconnectshark js_startchudremote js_
stopchudremote the following jsnative functions can be used to expose the above four apis to scripts.
... js_connectshark js_disconnectshark js_startshark js_
stopshark ...
places.sqlite Database Troubleshooting
then open an sqlite shell: my_work_folder> sqlite3 places.sqlite-corrupt sqlite> pragma integrity_check; if the result is ok, this guide won't help;
stop here and please file a bug.
... sqlite> .exit open a new shell for the new database: my_work_folder> sqlite3 places.sqlite sqlite> pragma integrity_check; if the result is not ok, the file cannot be recovered;
stop here and please file a bug.
Components.isSuccessCode
if the task is sufficiently complex that it can fail, the notification will include a status code indicating the success or failure of the operation (see, for example, nsirequestobserver.on
stoprequest()).
... const cc = components.classes; const ci = components.interfaces; const cr = components.results; // global flags polled externally var copyfailed = false; var copyinprogress = false; function copybufferedstream(instream, outstream) { var copyobserver = { onstartrequest: function(request, context) { copyinprogress = true; }, on
stoprequest: function(request, context, statuscode) { copyinprogress = false; // did the copy fail?
imgIContainer
ecko 2.0 void setframedisposalmethod(in unsigned long framenumber, in print32 adisposalmethod); obsolete since gecko 2.0 void setframehasnoalpha(in unsigned long framenumber); obsolete since gecko 2.0 void setframetimeout(in unsigned long framenumber, in print32 atimeout); obsolete since gecko 2.0 void startanimation(); obsolete since gecko 2.0 void
stopanimation(); obsolete since gecko 2.0 void unlockimage(); attributes attribute type description animated boolean whether this image is animated.
...exceptions thrown missing exception missing description
stopanimation() obsolete since gecko 2.0 (firefox 4 / thunderbird 3.3 / seamonkey 2.1) void
stopanimation(); parameters none.
nsIContentViewer
[noscript,notxpcom,nostdcall] void setnavigationtiming(in nsdomnavigationtimingptr atiming); void setpagemode(in boolean apagemode, in nsiprintsettings aprintsettings); void show(); void
stop(); void unload(); obsolete since gecko 1.8 attributes attribute type description container nsisupports domdocument nsidomdocument enablerendering boolean obsolete since gecko 2.0 historyentry nsishentry get the history entry that this viewer will save itself into when destroyed.
...
stop() void
stop(); parameters none.
nsIDeviceMotion
removelistener() tells the accelerometer to
stop sending updates to the specified nsidevicemotionlistener.
...void removewindowlistener( in nsidomwindow awindow ); parameters awindow the dom window that the accelerometer should
stop sending mozorientation events to.
nsIDocumentLoader
obsolete since gecko 1.8 nsiloadgroup getloadgroup(); obsolete since gecko 1.8 boolean isbusy(); obsolete since gecko 1.8 void
stop(); attributes attribute type description container nsisupports read only.
...return value
stop() void
stop(); parameters none.
nsIDownloadProgressListener
when you no longer need to listen to the download manager's state, call nsidownloadmanager.removelistener() to
stop listening.
...in such a situation no further event handlers are called and the
stop flag is set; if there are more pending downloads in such a situation not yet started they never start.
nsIMemoryReporterManager
unregistermultireporter()
stops sending memory multi-reporter notifications to the specified object.
... unregisterreporter()
stops sending memory reporter notifications to the specified object.
nsIMsgMessageService
aurllistener an nsiurllistener that is notified when url starts and
stops.
... aurllistener an nsiurllistener that is notified when url starts and
stops, if we run a url.
nsIPluginHost
void
stopplugininstance(in nsiplugininstance ainstance); native code only!
... void setisscriptableinstance( in nsiplugininstance ainstance, in boolean ascriptable ); parameters ainstance ascriptable native code only!setupplugininstance void setupplugininstance( in string amimetype, in nsiuri aurl, in nsiplugininstanceowner aowner ); parameters amimetype aurl aowner native code only!
stopplugininstance void
stopplugininstance( in nsiplugininstance ainstance ); parameters ainstance native code only!useragent void useragent( in nativechar resultingagentstring ); parameters examples list all plug-ins and associated mime types and get handler info this example here logs to browser console all the installed plug-ins and the associated mime types.
nsIRadioInterfaceLayer
gisterdatacallcallback(in nsirildatacallback callback); void rejectcall(in unsigned long callindex); void sendsms(in domstring number, in domstring message, in long requestid, in unsigned long long processid); void setupdatacall(in long radiotech, in domstring apn, in domstring user, in domstring passwd, in long chappap, in domstring pdptype); void starttone(in domstring dtmfchar); void
stoptone(); void unregistercallback(in nsiriltelephonycallback callback); void unregisterdatacallcallback(in nsirildatacallback callback); attributes attribute type description currentstate jsval read only.
...dptype ); parameters radiotech missing description apn missing description user missing description passwd missing description chappap missing description pdptype missing description exceptions thrown missing exception missing description starttone() void starttone( in domstring dtmfchar ); parameters dtmfchar missing description exceptions thrown missing exception missing description
stoptone() void
stoptone(); parameters none.
nsIRequest
inherits from: nsisupports last changed in gecko 1.9.1 (firefox 3.5 / thunderbird 3.0 / seamonkey 2.0) for example nsichannel typically passes itself as the nsirequest argument to the nsistreamlistener on each onstartrequest, ondataavaliable, and on
stoprequest invocation.
... calling cancel() on a suspended request must not send any notifications (such as on
stoprequest) until the request is resumed.
nsITreeSelection
endindex index to
stop clearing at.
... endindex index to
stop selecting at.
Address book sync client design
*/ void on
stopauthoperation(in nsresult astatus, in wstring amsg, in string acookie); /** * notify the observer that the ab sync operation has begun.
... */ void on
stopoperation(in print32 atransactionid, in nsresult astatus, in wstring amsg); }; ...
Break on DOM mutation - Firefox Developer Tools
that means, the script execution is
stopped whenever a child node or descendant node deeper in the dom structure is added to or removed from the element the option is set on.
... that means, the script execution is
stopped whenever an attribute is added to or removed from the element the option is set on or the value of one of its attributes is changed.
Examine, modify, and watch variables - Firefox Developer Tools
examine variables when the code has
stopped at a breakpoint, you can examine its state in the variables pane of the debugger: variables are grouped by scope: in function scope you'll see the built-in arguments and this variables as well as local variables defined by the function like user and greeting.
...in the screenshot below the variable upvar has been optimized away: modify variables when the code has
stopped at a breakpoint, you can modify variables in the variables pane of the debugger.
UI Tour - Firefox Developer Tools
if you're
stopped at a breakpoint, the entire line gets a green overlay.
... note: if you click step over (f10) after changing the selected line in the source pane, the debugger executes until reaching the line following the newly-selected line (disregarding whatever line the debugger originally
stopped at).
Tutorial: Show Allocations Per Call Path - Firefox Developer Tools
console.log("
stopping allocation tracking."); dbg.removealldebuggees(); dbg = undefined; // analyze and display the allocation log.
...this
stops logging allocations, and displays a tree of allocations: an allocation plot, displayed in the console the numbers at the left edge of each line show the total number of objects allocated at that site or at sites called from there.
DevTools API - Firefox Developer Tools
showtoolbox(target [, toolid [, hosttype [, ho
stoptions]]]) opens a toolbox for given target either by creating a new one or activating an existing one.
... ho
stoptions {object} - an options object passed to the selected host.
Index - Firefox Developer Tools
122 examine, modify, and watch variables when the code has
stopped at a breakpoint, you can examine its state in the variables pane of the debugger: 123 highlight and inspect dom nodes dom node, debugger, devtools, page inspector if you hover over a dom node in the watch expresions, it will be highlighted in the page.
... 131 step through code debugger, devtools, javascript, step through code when the debugger is
stopped at a breakpoint, you can step through it using four buttons in the toolbar: 132 use a source map the javascript sources executed by the browser are often transformed in some way from the original sources created by a developer.
Performance Analysis - Firefox Developer Tools
using the performance analysis tool to run the performance analysis tool click the
stopwatch icon in the toolbar.
... (alternatively, if you have only just opened the network monitor, so it's not yet populated with the list of requests, you'll get a
stopwatch icon in the main window.) the network monitor then loads the site twice: once with an empty browser cache, and once with a primed browser cache.
How to - Firefox Developer Tools
open the performance tools to open the performance tools: press shift + f5 select "performance" from the web developer submenu in the firefox menu (or tools menu if you display the menu bar or are on os x) select "performance" from tools button, in the toolbar, if you have one: record a profile to start a new recording, press the
stopwatch icon in the recordings pane.
... to
stop, press it again: you can also start and
stop recording from the web console, using console.profile() and console.profileend().
Intensive JavaScript - Firefox Developer Tools
a button to start and
stop some css animations.
... leaving the radio button set to "use blocking call in main thread", make a recording: press the "start animations" button start recording a performance profile press "do pointless computations!" two or three times
stop recording the profile exactly what you see will vary from one machine to another, but it will be something like this: the top half of this is the waterfall overview.
Animation.pause() - Web APIs
{ transform: 'translatey(-80%)' } ], { fill: 'forwards', easing: 'steps(4, end)', duration: alicechange.effect.timing.duration / 2 }); // doesn't actually need to be eaten until a click event, so pause it initially: nommingcake.pause(); additionally, when resetting : // an all-purpose function to pause the animations on alice, the cupcake, and the bottle that reads "drink me." var
stopplayingalice = function() { alicechange.pause(); nommingcake.pause(); drinking.pause(); }; // when the user releases the cupcake or the bottle, pause the animations.
... cake.addeventlistener("mouseup",
stopplayingalice, false); bottle.addeventlistener("mouseup",
stopplayingalice, false); specifications specification status comment web animationsthe definition of 'play()' in that specification.
AudioBufferSourceNode.loop - Web APIs
buttons are provided to play and
stop the audio playback, and a slider control is used to change the playbackrate property value on the fly.
...data = request.response; audioctx.decodeaudiodata(audiodata, function(buffer) { mybuffer = buffer; source.buffer = mybuffer; source.playbackrate.value = playbackcontrol.value; source.connect(audioctx.destination); source.loop = true; }, function(e){"error with decoding audio data" + e.err}); } request.send(); } // wire up buttons to
stop and play audio, and range slider control play.onclick = function() { getdata(); source.start(0); play.setattribute('disabled', 'disabled'); playbackcontrol.removeattribute('disabled'); } specification specification status comment web audio apithe definition of 'loop' in that specification.
AudioBufferSourceNode.loopEnd - Web APIs
buttons are provided to play and
stop the audio playback, and slider controls are used to change the playbackrate, loopstart and loopend properties on the fly.
...then the current play position will loop back to the 20 second mark and continue playing until the 25 second mark, ad infinitum (or at least until
stop() is called).
AudioBufferSourceNode.playbackRate - Web APIs
buttons are provided to play and
stop the audio playback, and a slider control is used to change the playbackrate property value on the fly.
...data = request.response; audioctx.decodeaudiodata(audiodata, function(buffer) { mybuffer = buffer; source.buffer = mybuffer; source.playbackrate.value = playbackcontrol.value; source.connect(audioctx.destination); source.loop = true; }, function(e){"error with decoding audio data" + e.err}); } request.send(); } // wire up buttons to
stop and play audio, and range slider control play.onclick = function() { getdata(); source.start(0); play.setattribute('disabled', 'disabled'); playbackcontrol.removeattribute('disabled'); }
stop.onclick = function() { source.
stop(0); play.removeattribute('disabled'); playbackcontrol.setattribute('disabled', 'disabled'); } playbackcontrol.oninput = function() { source.playbackrate.
AudioBufferSourceNode.start() - Web APIs
if this parameter isn't specified, the sound plays until it reaches its natural conclusion or is
stopped using the
stop() method.
... using this parameter is functionally identical to calling start(when, offset) and then calling
stop(when+duration).
AudioBufferSourceNode - Web APIs
multiple calls to
stop() are allowed.
... audiobuffersourcenode.loopend optional a floating-point number indicating the time, in seconds, at which playback of the audiobuffer
stops and loops back to the time indicated by loopstart, if loop is true.
BluetoothRemoteGATTCharacteristic - Web APIs
value; promise<bluetoothremotegattdescriptor> getdescriptor(bluetoothdescriptoruuid descriptor); promise<sequence<bluetoothremotegattdescriptor>> getdescriptors(optional bluetoothdescriptoruuid descriptor); promise<dataview> readvalue(); promise<void> writevalue(buffersource value); promise<void> startnotifications(); promise<void>
stopnotifications(); }; bluetoothremotegattcharacteristic implements eventtarget; bluetoothremotegattcharacteristic implements characteristiceventhandlers; properties bluetoothremotegattcharacteristic.serviceread only returns the bluetoothgattservice this characteristic belongs to.
... bluetoothremotegattcharacteristic.
stopnotifications() returns a promise when navigator.bluetooth is removed from the active notification context.
CanvasRenderingContext2D.createLinearGradient() - Web APIs
three color
stops between the gradient's start and end points are then created.
... html <canvas id="canvas"></canvas> javascript var canvas = document.getelementbyid('canvas'); var ctx = canvas.getcontext('2d'); // create a linear gradient // the start gradient point is at x=20, y=0 // the end gradient point is at x=220, y=0 var gradient = ctx.createlineargradient(20,0, 220,0); // add three color
stops gradient.addcolor
stop(0, 'green'); gradient.addcolor
stop(.5, 'cyan'); gradient.addcolor
stop(1, 'green'); // set the fill style and draw a rectangle ctx.fillstyle = gradient; ctx.fillrect(20, 20, 200, 100); result specifications specification status comment html living standardthe definition of 'canvasrenderingcontext2d.createlineargradient' in that specification.
CanvasRenderingContext2D.createRadialGradient() - Web APIs
three color
stops between the gradient's two circles are then created.
... html <canvas id="canvas" width="200" height="200"></canvas> javascript var canvas = document.getelementbyid('canvas'); var ctx = canvas.getcontext('2d'); // create a radial gradient // the inner circle is at x=110, y=90, with radius=30 // the outer circle is at x=100, y=100, with radius=70 var gradient = ctx.createradialgradient(110,90,30, 100,100,70); // add three color
stops gradient.addcolor
stop(0, 'pink'); gradient.addcolor
stop(.9, 'white'); gradient.addcolor
stop(1, 'green'); // set the fill style and draw a rectangle ctx.fillstyle = gradient; ctx.fillrect(20, 20, 160, 160); result specifications specification status comment html living standardthe definition of 'canvasrenderingcontext2d.createradialgradient' in that specification.
Console.profile() - Web APIs
you can optionally supply an argument to name the profile and this then enables you to
stop only that profile if multiple profiles being recorded.
... to
stop recording call console.profileend().
ConstantSourceNode - Web APIs
onended fired whenever the constantsourcenode data has
stopped playing.
...
stop() schedules a sound to
stop playback at an exact time.
Document - Web APIs
globaleventhandlers.onanimationend an eventhandler called when an animationend event is sent, indicating that a css animation has
stopped playing.
... globaleventhandlers.onloadend is an eventhandler representing the code to be called when the loadend event is raised (when progress has
stopped on the loading of a resource.) globaleventhandlers.onloadstart is an eventhandler representing the code to be called when the loadstart event is raised (when progress has begun on the loading of a resource.) globaleventhandlers.onlostpointercapture is an eventhandler representing the code to be called when the lostpointercapture event type is raised.
Element: MSGestureHold event - Web APIs
msgesture_flag_end this value indicates that the user has
stopped touching the touch surface.
... msgesture_flag_end & msgesture_flag_cancel (bitwise and-ed together) this value indicates that the user has moved their finger, regardless of whether they also
stopped touching the touch surface specifications not part of any specification.
Element.releasePointerCapture() - Web APIs
the releasepointercapture() method of the element interface releases (
stops) pointer capture that was previously set for a specific (pointerevent) pointer.
... html <div id="slider">slide me</div> css div { width: 140px; height: 50px; display: flex; align-items: center; justify-content: center; background: #fbe; } javascript function beginsliding(e) { slider.onpointermove = slide; slider.setpointercapture(e.pointerid); } function
stopsliding(e) { slider.onpointermove = null; slider.releasepointercapture(e.pointerid); } function slide(e) { slider.style.transform = `translate(${e.clientx - 70}px)`; } const slider = document.getelementbyid('slider'); slider.onpointerdown = beginsliding; slider.onpointerup =
stopsliding; result specifications specification status comment pointer events – le...
Element - Web APIs
element.tab
stop is a boolean indicating if the element can receive input focus via the tab key.
... element.releasepointercapture() releases (
stops) pointer capture that was previously set for a specific pointer event.
Event.defaultPrevented - Web APIs
html <p><a id="link1" href="#link1">visit link 1</a></p> <p><a id="link2" href="#link2">try to visit link 2</a> (you can't)</p> <p id="log"></p> javascript function
stoplink(event) { event.preventdefault(); } function logclick(event) { const log = document.getelementbyid('log'); if (event.target.tagname === 'a') { if (event.defaultprevented) { log.innertext = 'sorry, but you cannot visit this link!\n' + log.innertext; } else { log.innertext = 'visiting link...\n' + log.innertext; } } } const a = document.getelementbyid('link...
...2'); a.addeventlistener('click',
stoplink); document.addeventlistener('click', logclick); result specifications specification status comment domthe definition of 'event.defaultprevented()' in that specification.
Event.preventDefault() - Web APIs
the event continues to propagate as usual, unless one of its event listeners calls
stoppropagation() or
stopimmediatepropagation(), either of which terminates propagation at once.
...<code>preventdefault()</code> won't let you check this!<br>"; event.preventdefault(); }, false); html <p>please click on the checkbox control.</p> <form> <label for="id-checkbox">checkbox:</label> <input type="checkbox" id="id-checkbox"/> </form> <div id="output-box"></div> result
stopping keystrokes from reaching an edit field the following example demonstrates how invalid text input can be
stopped from reaching the input field with preventdefault().
ExtendableEvent - Web APIs
var cache_version = 1; var current_caches = { prefetch: 'prefetch-cache-v' + cache_version }; self.addeventlistener('install', function(event) { var url
stoprefetch = [ './static/pre_fetched.txt', './static/pre_fetched.html', 'https://www.chromium.org/_/rsrc/1302286216006/config/customlogo.gif' ]; console.log('handling install event.
... resources to pre-fetch:', url
stoprefetch); event.waituntil( caches.open(current_caches['prefetch']).then(function(cache) { return cache.addall(url
stoprefetch.map(function(urltoprefetch) { return new request(urltoprefetch, {mode: 'no-cors'}); })).then(function() { console.log('all resources have been fetched and cached.'); }); }).catch(function(error) { console.error('pre-fetching failed:', error); }) ); }); important: when fetching resources, it's very important to use {mode: 'no-cors'} if there is any chance that the resources are served off of a server that doesn't support cors.
Using files from web applications - Web APIs
they just
stop propagation of the event and prevent the default action from occurring: function dragenter(e) { e.
stoppropagation(); e.preventdefault(); } function dragover(e) { e.
stoppropagation(); e.preventdefault(); } the real magic happens in the drop() function: function drop(e) { e.
stoppropagation(); e.preventdefault(); const dt = e.datatransfer; const files = dt.files; handlefiles...
... } }; fd.append('myfile', file); // initiate a multipart/form-data upload xhr.send(fd); } window.onload = function() { const dropzone = document.getelementbyid("dropzone"); dropzone.ondragover = dropzone.ondragenter = function(event) { event.
stoppropagation(); event.preventdefault(); } dropzone.ondrop = function(event) { event.
stoppropagation(); event.preventdefault(); const filesarray = event.datatransfer.files; for (let i=0; i<filesarray.length; i++) { sendfile(filesarray[i]); } } ...
GlobalEventHandlers.onanimationcancel - Web APIs
an animationcancel event is sent when a css animation unexpectedly aborts, that is, any time it
stops running without sending an animationend event.
... @keyframes slidebox { from { left:0; top:0; } to { left:calc(100% - var(--boxwidth)); top:calc(100% - var(--boxwidth)) } } since the animation is described as taking place an infinite number of times, alternating direction each time, the box will glide back and forth between the two corners until
stopped or the page is closed.
GlobalEventHandlers - Web APIs
globaleventhandlers.onanimationend an eventhandler called when an animationend event is sent, indicating that a css animation has
stopped playing.
... globaleventhandlers.onloadend is an eventhandler representing the code to be called when the loadend event is raised (when progress has
stopped on the loading of a resource.) globaleventhandlers.onloadstart is an eventhandler representing the code to be called when the loadstart event is raised (when progress has begun on the loading of a resource.) globaleventhandlers.onlostpointercapture is an eventhandler representing the code to be called when the lostpointercapture event type is raised.
HTMLMediaElement: canplaythrough event - Web APIs
the canplaythrough event is fired when the user agent can play the media, and estimates that enough data has been loaded to play the media up to its end without having to
stop for further buffering of content.
... using addeventlistener(): const video = document.queryselector('video'); video.addeventlistener('canplaythrough', (event) => { console.log('i think i can play through the entire ' + ' video without ever having to
stop to buffer.'); }); using the oncanplaythrough event handler property: const video = document.queryselector('video'); video.oncanplaythrough = (event) => { console.log('i think i can play thru the entire ' + ' video without ever having to
stop to buffer.'); }; specifications specification status html living standardthe definition of 'canplaythrough media event' in ...
HTMLMediaElement: ended event - Web APIs
the ended event is fired when playback or streaming has
stopped because the end of the media was reached or because no further data is available.
... using addeventlistener(): const video = document.queryselector('video'); video.addeventlistener('ended', (event) => { console.log('video
stopped either because 1) it was over, ' + 'or 2) no further data is available.'); }); using the onended event handler property: const video = document.queryselector('video'); video.onended = (event) => { console.log('video
stopped either because 1) it was over, ' + 'or 2) no further data is available.'); }; specifications specification status html living standa...
InstallEvent - Web APIs
var cache_version = 1; var current_caches = { prefetch: 'prefetch-cache-v' + cache_version }; self.addeventlistener('install', function(event) { var url
stoprefetch = [ './static/pre_fetched.txt', './static/pre_fetched.html', 'https://www.chromium.org/_/rsrc/1302286216006/config/customlogo.gif' ]; console.log('handling install event.
... resources to pre-fetch:', url
stoprefetch); event.waituntil( caches.open(current_caches['prefetch']).then(function(cache) { return cache.addall(url
stoprefetch.map(function(urltoprefetch) { return new request(urltoprefetch, {mode: 'no-cors'}); })).then(function() { console.log('all resources have been fetched and cached.'); }); }).catch(function(error) { console.error('pre-fetching failed:', error); }) ); }); specifications specification status comment service workers working draft as of may 2015, the install event is an instance of extendableevent rather than a child of it.
IntersectionObserver - Web APIs
methods intersectionobserver.disconnect()
stops the intersectionobserver object from observing any target.
... intersectionobserver.unobserve() tells the intersectionobserver to
stop observing a particular target element.
MediaRecorder: dataavailable event - Web APIs
var chunks = []; mediarecorder.addeventlistener('
stop', (event) => { console.log("data available after mediarecorder.
stop() called."); var audio = document.createelement('audio'); audio.controls = true; var blob = new blob(chunks, { 'type' : 'audio/ogg; codecs=opus' }); var audiourl = window.url.createobjecturl(blob); audio.src = audiourl; console.log("recorder
stopped"); }); mediarecorder.addeventlistener('dataavailable', (event) =>...
... var chunks = []; mediarecorder.on
stop = function(e) { console.log("data available after mediarecorder.
stop() called."); var audio = document.createelement('audio'); audio.controls = true; var blob = new blob(chunks, { 'type' : 'audio/ogg; codecs=opus' }); var audiourl = window.url.createobjecturl(blob); audio.src = audiourl; console.log("recorder
stopped"); } mediarecorder.ondataavailable = function(e) { chunks.push(e.data); } ...
MediaRecorder.onerror - Web APIs
invalidstateerror an attempt was made to
stop or pause or an inactive recorder, start or resume an active recorder, or otherwise manipulate the mediarecorder while in the wrong state.
...recording
stops, the mediarecorder's state becomes inactive, one last dataavailable event is sent to the mediarecorder with the remaining received data, and finally a
stop event is sent.
MediaRecorder.state - Web APIs
syntax var state = mediarecorder.state values a animationplaystate object containing one of the following values: enumeration description inactive recording is not occuring — it has either not been started yet, or it has been started and then
stopped.
... paused recording has been started, then paused, but not yet
stopped or resumed.
MediaSession.setActionHandler() - Web APIs
these actions let a web app receive notifications when the user engages a device's built-in physical or onscreen media controls, such as play,
stop, or seek buttons.
...
stop halts playback entirely.
MediaStream.getAudioTracks() - Web APIs
example this example gets a webcam's audio and video in a stream using getusermedia(), attaches the stream to a <video> element, then sets a timer that, upon expiring, will
stop the first audio track found on the stream.
... navigator.mediadevices.getusermedia({audio: true, video: true}) .then(mediastream => { document.queryselector('video').srcobject = mediastream; //
stop the audio stream after 5 seconds settimeout(() => { const tracks = mediastream.getaudiotracks() tracks[0].
stop() }, 5000) }) specifications specification status comment media capture and streamsthe definition of 'getaudiotracks()' in that specification.
MediaTrackConstraints - Web APIs
exposurecompensation a constraindouble (a double-precision integer) specifying f-
stop adjustment by up to ±3.
... motion the mouse cursor is always included in the video if it's moving, and for a short time after it
stops moving.
MediaTrackSettings - Web APIs
latency is the amount of time which elapses between the start of processing the audio and the data being available to the next
stop in the audio utilization process.
... motion the mouse cursor is always included in the video if it's moving, and for a short time after it
stops moving.
MessagePort.close() - Web APIs
this
stops the flow of messages to that port.
... channel.port1.addeventlistener('message', handlemessage, false); function handlemessage(e) { para.innerhtml = e.data; textinput.value = ''; } channel.port1.start(); you could
stop messages being sent at any time using channel.port1.close(); specifications specification status comment html living standardthe definition of 'close()' in that specification.
MutationObserver - Web APIs
methods disconnect()
stops the mutationobserver instance from receiving further notifications until and unless observe() is called again.
...; } else if (mutation.type === 'attributes') { console.log('the ' + mutation.attributename + ' attribute was modified.'); } } }; // create an observer instance linked to the callback function const observer = new mutationobserver(callback); // start observing the target node for configured mutations observer.observe(targetnode, config); // later, you can
stop observing observer.disconnect(); specifications specification status comment domthe definition of 'mutationobserver' in that specification.
OscillatorNode - Web APIs
event handlers oscillatornode.onended sets the event handler for the ended event, which fires when the tone has
stopped playing.
... oscillatornode.
stop() specifies the time to
stop playing the tone.
Pointer Lock API - Web APIs
without pointer lock, the rotation or manipulation
stops the moment the pointer reaches the edge of the browser or screen.
...mouse capture provides continued delivery of events to a target element while a mouse is being dragged, but it
stops when the mouse button is released.
PublicKeyCredential.getClientExtensionResults() - Web APIs
during the creation or fetching of a publickeycredential (respectively via navigator.credentials.create() and navigator.credentials.get()), it is possible to have "custom" processing by the client for different extensions which are respectively given by publickeycredentialcreationoptions.extensions and publickeycredentialreque
stoptions.extensions.
...as of march 2019, only appid (used during creation with publickeycredentialreque
stoptions.extensions) is supported by chrome and edge.
PublicKeyCredentialCreationOptions.extensions - Web APIs
note: an analogous option exists for the fetching operation (navigators.credentials.get()), see publickeycredentialreque
stoptions.extensions.
...as of june 2020, only appid (used during creation with publickeycredentialreque
stoptions.extensions) is supported by chrome and edge.
RTCPeerConnection.createOffer() - Web APIs
in modern implementations, the presence of this member with a value true, will ensure there is at least one transceiver set to receive audio that has not been
stopped, and if there isn't one, one will be created.
... in modern implementations, the presence of this member with a value true, will ensure there is at least one transceiver set to receive video that has not been
stopped, and if there isn't one, one will be created.
RTCPeerConnection.getTransceivers() - Web APIs
example the following snippet of code
stops all transceivers associated with an rtcpeerconnection.
... pc.gettransceivers().foreach(transceiver => { transceiver.
stop(); }); specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcpeerconnection.gettransceivers()' in that specification.
RTCPeerConnection.removeTrack() - Web APIs
the rtcpeerconnection.removetrack() method tells the local end of the connection to
stop sending media from the specified track, without actually removing the corresponding rtcrtpsender from the list of senders as reported by rtcpeerconnection.getsenders().
... if the track is already
stopped, or is not in the connection's senders list, this method has no effect.
RTCRtpSender.replaceTrack() - Web APIs
if newtrack was omitted or was null, replacetrack() simply
stops the sender.
... invalidstateerror the track on which this method was called is
stopped rather than running.
RTCRtpTransceiver.direction - Web APIs
exceptions when setting the value of direction, the following exceptions can occur: invalidstateerror either the receiver's rtcpeerconnection is closed or the rtcrtpreceiver is
stopped.
... usage notes setting the direction when you change the value of direction, an invalidstateerror exception will occur if the connection is closed or the receiver is
stopped.
SourceBuffer.abort() - Web APIs
saying that, current implementations can be useful in certain situations, when you want to
stop the current append (or whatever) operation occuring on a sourcebuffer, and then immediately start performing operations on it again.
... in this case you would want to manually call abort() on the source buffer to
stop the decoding of the current buffer, then fetch and append the newly requested segment that relates to the current new position of the video.
SpeechRecognition.abort() - Web APIs
the abort() method of the web speech api
stops the speech recognition service from listening to incoming audio, and doesn't attempt to return a speechrecognitionresult.
...rammars = speechrecognitionlist; var diagnostic = document.queryselector('.output'); var bg = document.queryselector('html'); document.body.onclick = function() { recognition.start(); console.log('ready to receive a color command.'); } abortbtn.onclick = function() { recognition.abort(); console.log('speech recognition aborted.'); } recognition.onspeechend = function() { recognition.
stop(); console.log('speech recognition has
stopped.'); } specifications specification status comment web speech apithe definition of 'abort()' in that specification.
SpeechRecognition.onsoundend - Web APIs
the onsoundend property of the speechrecognition interface represents an event handler that will run when any sound — recognisable speech or not — has
stopped being detected (when the soundend event fires.) syntax myspeechrecognition.onsoundend = function() { ...
... }; examples recognition.onsoundend = function() { console.log('sound has
stopped being received'); } specifications specification status comment web speech apithe definition of 'onsoundend' in that specification.
SpeechRecognition.onspeechend - Web APIs
the onspeechend property of the speechrecognition interface represents an event handler that will run when speech recognised by the speech recognition service has
stopped being detected (when the speechend event fires.) syntax myspeechrecognition.onspeechend = function() { ...
... }; examples recognition.onspeechend = function() { console.log('speech has
stopped being detected'); } specifications specification status comment web speech apithe definition of 'onspeechend' in that specification.
SpeechRecognition: soundend event - Web APIs
the soundend event of the web speech api is fired when any sound — recognisable speech or not — has
stopped being detected.
... bubbles no cancelable no interface event event handler property onsoundend examples you can use the soundend event in an addeventlistener method: var recognition = new webkitspeechrecognition() || new speechrecognition(); recognition.addeventlistener('soundend', function(event) { console.log('sound has
stopped being received'); }); or use the onsoundend event handler property: recognition.onsoundend = function(event) { console.log('sound has
stopped being received'); } specifications specification status comment web speech apithe definition of 'speech recognition events' in that specification.
SpeechRecognition: speechend event - Web APIs
the speechend event of the web speech api is fired when speech recognized by the speech recognition service has
stopped being detected.
... bubbles no cancelable no interface event event handler property onspeechend examples you can use the speechend event in an addeventlistener method: var recognition = new webkitspeechrecognition() || new speechrecognition(); recognition.addeventlistener('speechend', function() { console.log('speech has
stopped being detected'); }); or use the onspeechend event handler property: recognition.onspeechend = function() { console.log('speech has
stopped being detected'); } specifications specification status comment web speech apithe definition of 'speech recognition events' in that specification.
SpeechSynthesis.cancel() - Web APIs
if an utterance is currently being spoken, speaking will
stop immediately.
...this is quite a long sentence to say.'); var utterance2 = new speechsynthesisutterance('we should say another sentence too, just to be on the safe side.'); synth.speak(utterance1); synth.speak(utterance2); synth.cancel(); // utterance1
stops being spoken immediately, and both are removed from the queue specifications specification status comment web speech apithe definition of 'cancel()' in that specification.
TextTrackCue - Web APIs
texttrackcue.endtime a double that represents the video time that the cue will
stop being displayed, in seconds.
... texttrackcue.pauseonexit a boolean for whether the video will pause when this cue
stops being displayed.
UIEvent.cancelBubble - Web APIs
setting this property to true
stops the event from bubbling up the dom.
... use event.
stoppropagation() instead of this non-standard method.
Vibration API - Web APIs
you may specify as many vibration/pause pairs as you like, and you may provide either an even or odd number of entries; it's worth noting that you don't have to provide a pause as your last entry since the vibration automatically
stops at the end of each vibration period.
... continued vibrations some basic setinterval and clearinterval action will allow you to create persistent vibration: var vibrateinterval; // starts vibration at passed in level function startvibrate(duration) { navigator.vibrate(duration); } //
stops vibration function
stopvibrate() { // clear interval and
stop persistent vibrating if(vibrateinterval) clearinterval(vibrateinterval); navigator.vibrate(0); } // start persistent vibration at given duration and interval // assumes a number value is given function startpersistentvibrate(duration, interval) { vibrateinterval = setinterval(function() { startvibrate(duration...
Introduction to the Real-time Transport Protocol (RTP) - Web APIs
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.
...this
stops sending audio on the transceiver.
Movement, orientation, and motion: A WebXR example - Web APIs
orted) { navigator.xr.issessionsupported(session_type) .then((supported) => { xrbutton.disabled = !supported; }); } else { navigator.xr.supportssession(session_type) .then(() => { xrbutton.disabled = false; }) .catch(() => { xrbutton.disabled = true; }); } } the label of the button gets adjusted in the code that handles actuallys ttarting and
stopping the webxr session; we'll see that below.
... if we already have an ongoing session, on the other hand, we call its end() method to
stop the session.
Example and tutorial: Simple synth keyboard - Web APIs
stopping a tone the notereleased() function is the event handler called when the user releases the mouse button or moves the mouse out of the key that's currently playing.
... function notereleased(event) { let dataset = event.target.dataset; if (dataset && dataset["pressed"]) { osclist[dataset["octave"][dataset["note"]]].
stop(); osclist[dataset["octave"][dataset["note"]]] = null; delete dataset["pressed"]; } } notereleased() uses the data-octave and data-note custom attributes to look up the key's oscillator, then calls the oscillator's inherited
stop() method to
stop playing the note.
Web Authentication API - Web APIs
the specific options for authenticating can be found in the publickeycredentialreque
stoptions dictionary, and the resulting data can be found in the publickeycredential interface (where publickeycredential.response is the authenticatorassertionresponse interface) .
... publickeycredentialreque
stoptions the options passed to credentialscontainer.get().
Window.ondragdrop - Web APIs
note how event.
stoppropagation(); prevents the browser from loading the dropped tab, link or file.
... <html> <head><title>dragdroptest</title> <script type="text/javascript"> window.addeventlistener("dragdrop", testfunc, false); function testfunc(event) { alert("dragdrop!"); event.
stoppropagation(); } </script> </head> <body> i am bodytext </body> </html> specification not part of specification.
Window.requestAnimationFrame() - Web APIs
const element = document.getelementbyid('some-element-you-want-to-animate'); let start; function step(timestamp) { if (start === undefined) start = timestamp; const elapsed = timestamp - start; // `math.min()` is used here to make sure that the element
stops at exactly 200px.
... element.style.transform = 'translatex(' + math.min(0.1 * elapsed, 200) + 'px)'; if (elapsed < 2000) { //
stop the animation after 2 seconds window.requestanimationframe(step); } } window.requestanimationframe(step); notes edge versions below 17 and internet explorer do not reliably fire requestanimationframe before the paint cycle.
XRSession: selectend event - Web APIs
the selectend event results in a my
stoptracking() function being called with the object being dragged and the final target ray pose's transform.
...raymode != "tracked-pointer") { return; } let targetraypose = event.frame.getpose(source.targetrayspace, myrefspace); if (!targetraypose) { return; } switch(event.type) { case "selectstart": targetobj = mybegintracking(targetraypose.matrix); break; case "select": mydropobject(targetobj, targetraypose.matrix); break; case "selectend": my
stoptracking(targetobj, targetraypose.matrix); break; } } you can of course also set up a handler for selectend events by setting the xrsession object's onselectend event handler property to a function that handles the event: xrsession.onselectstart = onselectionevent; xrsession.onselect = onselectionevent; xrsession.onselectend = onselectionevent; specifications specification ...
XRSession: selectstart event - Web APIs
the selectend event results in a my
stoptracking() function being called with the object being dragged and the final target ray pose's transform.
...raymode != "tracked-pointer") { return; } let targetraypose = event.frame.getpose(source.targetrayspace, myrefspace); if (!targetraypose) { return; } switch(event.type) { case "selectstart": targetobj = mybegintracking(targetraypose.matrix); break; case "select": mydropobject(targetobj, targetraypose.matrix); break; case "selectend": my
stoptracking(targetobj, targetraypose.matrix); break; } } you can of course also set up a handler for selectend events by setting the xrsession object's onselectend event handler property to a function that handles the event: xrsession.onselectstart = onselectionevent; xrsession.onselect = onselectionevent; xrsession.onselectend = onselectionevent; specifications specification ...
XRSession: squeezeend event - Web APIs
the squeezeend event results in a my
stoptracking() function being called with the object being dragged and the final target ray pose's transform.
...mode != "tracked-pointer") { return; } let targetraypose = event.frame.getpose(source.targetrayspace, myrefspace); if (!targetraypose) { return; } switch(event.type) { case "squeezestart": targetobj = mybegintracking(targetraypose.matrix); break; case "squeeze": mydropobject(targetobj, targetraypose.matrix); break; case "squeezeend": my
stoptracking(targetobj, targetraypose.matrix); break; } } you can of course also set up a handler these events by setting the xrsession object's onsqueezeend event handler property to a function that handles the event: xrsession.onsqueezestart = onsqueezeevent; xrsession.onsqueeze = onsqueezeevent; xrsession.onsqueezeend = onsqueezeevent; specifications specification status ...
XRSession: squeezestart event - Web APIs
the squeezeend event results in a my
stoptracking() function being called with the object being dragged and the final target ray pose's transform.
...mode != "tracked-pointer") { return; } let targetraypose = event.frame.getpose(source.targetrayspace, myrefspace); if (!targetraypose) { return; } switch(event.type) { case "squeezestart": targetobj = mybegintracking(targetraypose.matrix); break; case "squeeze": mydropobject(targetobj, targetraypose.matrix); break; case "squeezeend": my
stoptracking(targetobj, targetraypose.matrix); break; } } you can of course also set up a handler these events by setting the xrsession object's onsqueezeend event handler property to a function that handles the event: xrsession.onsqueezestart = onsqueezeevent; xrsession.onsqueeze = onsqueezeevent; xrsession.onsqueezeend = onsqueezeevent; specifications specification status ...
Web APIs
er performanceobserverentrylist performancepainttiming performanceresourcetiming performanceservertiming performancetiming periodicwave permissionstatus permissions photocapabilities plugin pluginarray point pointerevent popstateevent positionoptions processinginstruction progressevent promiserejectionevent publickeycredential publickeycredentialcreationoptions publickeycredentialreque
stoptions pushevent pushmanager pushmessagedata pushregistrationmanager pushsubscription r rtcansweroptions rtccertificate rtcconfiguration rtcdtmfsender rtcdtmftonechangeevent rtcdatachannel rtcdatachannelevent rtcdtlstransport rtcerror rtcerrorevent rtcicecandidate rtcicecandidateinit rtcicecandidatepair rtcicecandidatepairstats rtcicecandidatestats rtcicecandidatetype rtcicecompone...
...ment svglineargradientelement svgmpathelement svgmaskelement svgmatrix svgmeshelement svgmetadataelement svgmissingglyphelement svgnumber svgnumberlist svgpathelement svgpatternelement svgpoint svgpolygonelement svgpolylineelement svgpreserveaspectratio svgradialgradientelement svgrect svgrectelement svgrenderingintent svgsvgelement svgscriptelement svgsetelement svgsolidcolorelement svg
stopelement svgstringlist svgstylable svgstyleelement svgswitchelement svgsymbolelement svgtrefelement svgtspanelement svgtests svgtextcontentelement svgtextelement svgtextpathelement svgtextpositioningelement svgtitleelement svgtransform svgtransformlist svgtransformable svgurireference svgunittypes svguseelement svgvkernelement svgviewelement svgzoomandpan screen screenorientation scriptprocesso...
Operable - Accessibility
2.2.2 pausing,
stopping, hiding (a) for moving/blinking content that starts automatically, lasts longer than 5 seconds, and is shown alongside other content, controls should be provided to pause,
stop, or hide it.
... for auto-updating information that starts automatically and is shown alongside other content, controls should be provided to pause,
stop, or hide it, or to control the frequency of updates.
animation-timing-function - CSS: Cascading Style Sheets
steps(n, <jumpterm>) displays an animation iteration along n
stops along the transition, displaying each
stop for equal lengths of time.
...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-end denotes a right-continuous function, so that the last jump happens when the animation ends; jump-none there is no jump on either end.
mix-blend-mode - CSS: Cascading Style Sheets
<div class="col"> <div class="note">blending in isolation (no blending with the background)</div> <div class="row isolate"> <div class="cell"> normal <div class="container normal"> <div class="group"> <div class="item firefox"></div> <svg viewbox="0 0 150 150"> <defs> <lineargradient id="red"> <
stop offset="0"
stop-color="hsl(0,100%,50%)" /> <
stop offset="100%"
stop-color="hsl(0,0%,100%)" /> </lineargradient> <lineargradient id="green"> <
stop offset="0"
stop-color="hsl(120,100%,50%)" /> <
stop offset="100%"
stop-color="hsl(120,0%,100%)" /> </lineargradient> <lineargradie...
...nt id="blue"> <
stop offset="0"
stop-color="hsl(240,100%,50%)" /> <
stop offset="100%"
stop-color="hsl(240,0%,100%)" /> </lineargradient> </defs> <ellipse class="item r" cx="75" cy="75" rx="25" ry="70"></ellipse> <ellipse class="item g" cx="75" cy="75" rx="25" ry="70"></ellipse> <ellipse class="item b" cx="75" cy="75" rx="25" ry="70"></ellipse> </svg> </div> </div> </div> <div class="cell"> multiply <div class="container multiply"> <div class="group"> <div class="item firefox"></div> <svg viewbox="0 0 150 150"> <ellipse class="item r" cx="75" cy="75" rx="25" ry="70"></ellipse> ...
transition-timing-function - CSS: Cascading Style Sheets
steps( n, <jumpterm>) displays the transition along n
stops along the transition, displaying each
stop for equal lengths of time.
...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; jump-end denotes a right-continuous function, so that the last jump happens when the animation ends; jump-none there is no jump on either end.
Video player styling basics - Developer guides
the markup for the custom controls now looks as follows: <div id="video-controls" class="controls" data-state="hidden"> <button id="playpause" type="button" data-state="play">play/pause</button> <button id="
stop" type="button" data-state="
stop">
stop</button> <div class="progress"> <progress id="progress" value="0" min="0"> <span id="progress-bar"></span> </progress> </div> <button id="mute" type="button" data-state="mute">mute/unmute</button> <button id="volinc" type="button" data-state="volup">vol+</button> <button id="voldec" type="button" data-state="voldown">vol-</...
...'unmute' : 'mute'); } } this function is then called by the relevant event handlers: video.addeventlistener('play', function() { changebuttonstate('playpause'); }, false); video.addeventlistener('pause', function() { changebuttonstate('playpause'); }, false);
stop.addeventlistener('click', function(e) { video.pause(); video.currenttime = 0; progress.value = 0; // update the play/pause button's 'data-state' which allows the correct button image to be set via css changebuttonstate('playpause'); }); mute.addeventlistener('click', function(e) { video.muted = !video.muted; changebuttonstate('mute'); }); you might have noticed that there ar...
WeakRef - JavaScript
examples using a weakref object this example starts a counter shown in a dom element,
stopping when the element doesn't exist anymore: class counter { constructor(element) { // remember a weak reference to the dom element this.ref = new weakref(element); this.start(); } start() { if (this.timer) { return; } this.count = 0; const tick = () => { // get the element from the weak reference, if it still exists const element = this.ref.
...deref(); if (element) { element.textcontent = ++this.count; } else { // the element doesn't exist anymore console.log("the element is gone."); this.
stop(); this.ref = null; } }; tick(); this.timer = setinterval(tick, 1000); }
stop() { if (this.timer) { clearinterval(this.timer); this.timer = 0; } } } const counter = new counter(document.getelementbyid("counter")); counter.start(); settimeout(() => { document.getelementbyid("counter").remove(); }, 5000); specifications specification weakrefsthe definition of 'weakref' in that specification.
return - JavaScript
description when a return statement is used in a function body, the execution of the function is
stopped.
... to avoid this problem (to prevent asi), you could use parentheses: return ( a + b ); examples interrupt a function a function immediately
stops at the point where return is called.
The "codecs" parameter in common media types - Web media technologies
all fields from m (monochrome flag) onward are optional; you may
stop including fields at any point (but can't arbitrarily leave out fields).
... cccc.pp.ll.dd.cc[.cp[.tc[.mc[.ff]]]] the first five components are required; everything from cp (color primaries) onward is optional; you can
stop including components at any point from then onward.
fr - SVG: Scalable Vector Graphics
only one element is using this attribute: <radialgradient> html, body, svg { height: 100%; } <svg viewbox="0 0 480 200" xmlns="http://www.w3.org/2000/svg"> <defs> <radialgradient id="gradient1" cx="0.5" cy="0.5" r="0.5" fx="0.35" fy="0.35" fr="5%"> <
stop offset="0%"
stop-color="white"/> <
stop offset="100%"
stop-color="darkseagreen"/> </radialgradient> <radialgradient id="gradient2" cx="0.5" cy="0.5" r="0.5" fx="0.35" fy="0.35" fr="25%"> <
stop offset="0%"
stop-color="white"/> <
stop offset="100%"
stop-color="darkseagreen"/> </radialgradient> </defs> <circle cx="100" cy="100" r="100" fill="url(#gradient1)" /> <circle cx="100" cy="100" r="100" fi...
...ll="url(#gradient2)" style="transform: translatex(240px);" /> </svg> usage notes value <length> default value 0 animatable none example <svg viewbox="0 0 120 120" width="200" height="200" xmlns="http://www.w3.org/2000/svg"> <defs> <radialgradient id="gradient" cx="0.5" cy="0.5" r="0.5" fx="0.35" fy="0.35" fr="5%"> <
stop offset="0%"
stop-color="red"/> <
stop offset="100%"
stop-color="blue"/> </radialgradient> </defs> <rect x="10" y="10" rx="15" ry="15" width="100" height="100" fill="url(#gradient)" stroke="black" stroke-width="2"/> <circle cx="60" cy="60" r="50" fill="transparent" stroke="white" stroke-width="2"/> <circle cx="35" cy="35" r="2" fill="white" stroke="white"/> <circle cx="60" cy="60" r="...
fx - SVG: Scalable Vector Graphics
only one element is using this attribute: <radialgradient> html, body, svg { height: 100%; } <svg viewbox="0 0 480 200" xmlns="http://www.w3.org/2000/svg"> <defs> <radialgradient id="gradient1" cx="0.5" cy="0.5" r="0.5" fx="0.35" fy="0.35" fr="5%"> <
stop offset="0%"
stop-color="white"/> <
stop offset="100%"
stop-color="darkseagreen"/> </radialgradient> <radialgradient id="gradient2" cx="0.5" cy="0.5" r="0.5" fx="0.75" fy="0.35" fr="5%"> <
stop offset="0%"
stop-color="white"/> <
stop offset="100%"
stop-color="darkseagreen"/> </radialgradient> </defs> <circle cx="100" cy="100" r="100" fill="url(#gradient1)" /> <circle cx="100" cy="100" r=...
... animatable none example <svg viewbox="0 0 120 120" width="200" height="200" xmlns="http://www.w3.org/2000/svg"> <defs> <radialgradient id="gradient" cx="0.5" cy="0.5" r="0.5" fx="0.35" fy="0.35" fr="5%"> <
stop offset="0%"
stop-color="red"/> <
stop offset="100%"
stop-color="blue"/> </radialgradient> </defs> <rect x="10" y="10" rx="15" ry="15" width="100" height="100" fill="url(#gradient)" stroke="black" stroke-width="2"/> <circle cx="60" cy="60" r="50" fill="transparent" stroke="white" stroke-width="2"/> <circle cx="35" cy="35" r="2" fill="white" stroke="white"/> <circle cx="6...
fy - SVG: Scalable Vector Graphics
only one element is using this attribute: <radialgradient> html, body, svg { height: 100%; } <svg viewbox="0 0 480 200" xmlns="http://www.w3.org/2000/svg"> <defs> <radialgradient id="gradient1" cx="0.5" cy="0.5" r="0.5" fx="0.35" fy="0.35" fr="5%"> <
stop offset="0%"
stop-color="white"/> <
stop offset="100%"
stop-color="darkseagreen"/> </radialgradient> <radialgradient id="gradient2" cx="0.5" cy="0.5" r="0.5" fx="0.35" fy="0.75" fr="5%"> <
stop offset="0%"
stop-color="white"/> <
stop offset="100%"
stop-color="darkseagreen"/> </radialgradient> </defs> <circle cx="100" cy="100" r="100" fill="url(#gradient1)" /> <circle cx="100" cy="100" r=...
... animatable none example <svg viewbox="0 0 120 120" width="200" height="200" xmlns="http://www.w3.org/2000/svg"> <defs> <radialgradient id="gradient" cx="0.5" cy="0.5" r="0.5" fx="0.35" fy="0.35" fr="5%"> <
stop offset="0%"
stop-color="red"/> <
stop offset="100%"
stop-color="blue"/> </radialgradient> </defs> <rect x="10" y="10" rx="15" ry="15" width="100" height="100" fill="url(#gradient)" stroke="black" stroke-width="2"/> <circle cx="60" cy="60" r="50" fill="transparent" stroke="white" stroke-width="2"/> <circle cx="35" cy="35" r="2" fill="white" stroke="white"/> <circle cx="6...
gradientTransform - SVG: Scalable Vector Graphics
two elements are using this attribute: <lineargradient> and <radialgradient> html, body, svg { height: 100%; } <svg viewbox="0 0 420 200" xmlns="http://www.w3.org/2000/svg"> <radialgradient id="gradient1" gradientunits="userspaceonuse" cx="100" cy="100" r="100" fx="100" fy="100"> <
stop offset="0%"
stop-color="darkblue" /> <
stop offset="50%"
stop-color="skyblue" /> <
stop offset="100%"
stop-color="darkblue" /> </radialgradient> <radialgradient id="gradient2" gradientunits="userspaceonuse" cx="100" cy="100" r="100" fx="100" fy="100" gradienttransform="skewx(20) translate(-35, 0)"> <
stop offset="0%"
stop-color="darkblue" /> <
stop offset="50%"
stop-co...
...lor="skyblue" /> <
stop offset="100%"
stop-color="darkblue" /> </radialgradient> <rect x="0" y="0" width="200" height="200" fill="url(#gradient1)" /> <rect x="0" y="0" width="200" height="200" fill="url(#gradient2)" style="transform: translatex(220px);" /> </svg> usage notes default value identity transform value <transform-list> animatable yes <transform-list> a list of transformation functions specifying some additional transformation from the gradient coordinate system onto the target coordinate system.
x1 - SVG: Scalable Vector Graphics
ml,body,svg { height:100% } <svg viewbox="0 0 10 10" xmlns="http://www.w3.org/2000/svg"> <line x1="1" x2="5" y1="1" y2="9" stroke="red" /> <line x1="5" x2="5" y1="1" y2="9" stroke="green" /> <line x1="9" x2="5" y1="1" y2="9" stroke="blue" /> </svg> lineargradient for <lineargradient>, x1 defines the x coordinate of the starting point of the gradient vector used to map the gradient
stop values.
...fluenced by the gradientunits attributs value <length> | <percentage> default value 0% animatable yes example html,body,svg { height:100% } <svg viewbox="0 0 20 10" xmlns="http://www.w3.org/2000/svg"> <!-- by default the gradient vector start at the left bounding limit of the shape it is applied to --> <lineargradient x1="0%" id="g0"> <
stop offset="0"
stop-color="black" /> <
stop offset="100%"
stop-color="red" /> </lineargradient> <rect x="1" y="1" width="8" height="8" fill="url(#g0)" /> <!-- here the gradient vector start at 80% of the left bounding limit of the shape it is applied to --> <lineargradient x1="80%" id="g1"> <
stop offset="0"
stop-color="black" /> <
stop offset="100%"
stop-color="red"...
x2 - SVG: Scalable Vector Graphics
html,body,svg { height:100% } <svg viewbox="0 0 10 10" xmlns="http://www.w3.org/2000/svg"> <line x1="5" x2="1" y1="1" y2="9" stroke="red" /> <line x1="5" x2="5" y1="1" y2="9" stroke="green" /> <line x1="5" x2="9" y1="1" y2="9" stroke="blue" /> </svg> lineargradient for <lineargradient>, x2 defines the x coordinate of the ending point of the gradient vector used to map the gradient
stop values.
...enced by the gradientunits attributs value <length> | <percentage> default value 100% animatable yes example html,body,svg { height:100% } <svg viewbox="0 0 20 10" xmlns="http://www.w3.org/2000/svg"> <!-- by default the gradient vector end at the right bounding limit of the shape it is applied to --> <lineargradient x2="100%" id="g0"> <
stop offset="0"
stop-color="black" /> <
stop offset="100%"
stop-color="red" /> </lineargradient> <rect x="1" y="1" width="8" height="8" fill="url(#g0)" /> <!-- here the gradient vector start at 20% of the left bounding limit of the shape it is applied to --> <lineargradient x2="20%" id="g1"> <
stop offset="0"
stop-color="black" /> <
stop offset="100%"
stop-color="red"...
SVG Attribute reference - SVG: Scalable Vector Graphics
pointsaty pointsatz preservealpha preserveaspectratio primitiveunits r r radius referrerpolicy refx refy rel rendering-intent repeatcount repeatdur requiredextensions requiredfeatures restart result rotate rx ry s scale seed shape-rendering slope spacing specularconstant specularexponent speed spreadmethod startoffset stddeviation stemh stemv stitchtiles
stop-color
stop-opacity strikethrough-position strikethrough-thickness string stroke stroke-dasharray stroke-dashoffset stroke-linecap stroke-linejoin stroke-miterlimit stroke-opacity stroke-width style surfacescale systemlanguage t tabindex tablevalues target targetx targety text-anchor text-decoration text-rendering textlength to transform transform-origin type u ...
...eline, enable-background, fill, fill-opacity, fill-rule, filter, flood-color, flood-opacity, font-family, font-size, font-size-adjust, font-stretch, font-style, font-variant, font-weight, glyph-orientation-horizontal, glyph-orientation-vertical, image-rendering, kerning, letter-spacing, lighting-color, marker-end, marker-mid, marker-start, mask, opacity, overflow, pointer-events, shape-rendering,
stop-color,
stop-opacity, stroke, stroke-dasharray, stroke-dashoffset, stroke-linecap, stroke-linejoin, stroke-miterlimit, stroke-opacity, stroke-width, text-anchor, text-decoration, text-rendering, transform, transform-origin, unicode-bidi, vector-effect, visibility, word-spacing, writing-mode filters attributes filter primitive attributes height, result, width, x, y transfer function attributes ...
<linearGradient> - SVG: Scalable Vector Graphics
html,body,svg { height:100% } <svg viewbox="0 0 10 10" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <defs> <lineargradient id="mygradient" gradienttransform="rotate(90)"> <
stop offset="5%"
stop-color="gold" /> <
stop offset="95%"
stop-color="red" /> </lineargradient> </defs> <!-- using my linear gradient --> <circle cx="5" cy="5" r="4" fill="url('#mygradient')" /> </svg> attributes gradientunits this attribute defines the coordinate system for attributes x1, x2, y1, y2 value type: userspaceonuse|objectboundingbox ; default value: objectbounding...
...events, shape-rendering, stroke, stroke-dasharray, stroke-dashoffset, stroke-linecap, stroke-linejoin, stroke-miterlimit, stroke-opacity, stroke-width, transform, vector-effect, visibility xlink attributes xlink:href, xlink:title usage notes categoriesgradient elementpermitted contentany number of the following elements, in any order:descriptive elements<animate>, <animatetransform>, <set>, <
stop> specifications specification status comment scalable vector graphics (svg) 2the definition of '<lineargradient>' in that specification.
SVG element reference - SVG: Scalable Vector Graphics
pointlight> <fespecularlighting> <fespotlight> <fetile> <feturbulence> <filter> <foreignobject> g <g> h <hatch> <hatchpath> i <image> l <line> <lineargradient> m <marker> <mask> <mesh> <meshgradient> <meshpatch> <meshrow> <metadata> <mpath> p <path> <pattern> <polygon> <polyline> r <radialgradient> <rect> s <script> <set> <solidcolor> <
stop> <style> <svg> <switch> <symbol> t <text> <textpath> <title> <tspan> u <unknown> <use> v <view> svg elements by category animation elements <animate>, <animatecolor>, <animatemotion>, <animatetransform>, <discard>, <mpath>, <set> basic shapes <circle>, <ellipse>, <line>, <polygon>, <polyline>, <rect> container elements <a>, <defs>, <g>, <marker>, <mask>, <missing-g...
..., <fedropshadow>, <feflood>,<fefunca>, <fefuncb>, <fefuncg>, <fefuncr>,<fegaussianblur>, <feimage>, <femerge>, <femergenode>, <femorphology>, <feoffset>, <fespecularlighting>, <fetile>, <feturbulence> font elements <font>, <font-face>, <font-face-format>, <font-face-name>, <font-face-src>, <font-face-uri>, <hkern>, <vkern> gradient elements <lineargradient>, <meshgradient>, <radialgradient>, <
stop> graphics elements <circle>, <ellipse>, <image>, <line>, <mesh>, <path>, <polygon>, <polyline>, <rect>, <text>, <use> graphics referencing elements <mesh>, <use> light source elements <fedistantlight>, <fepointlight>, <fespotlight> never-rendered elements <clippath>, <defs>, <hatch>, <lineargradient>, <marker>, <mask>, <meshgradient>, <metadata>, <pattern>, <radialgradient>, <script>, <st...
Reddit Example - Archive of obsolete content
event.
stoppropagation(); event.preventdefault(); self.port.emit('click', t.tostring()); }); this script uses jquery to interact with the dom of the page and the self.port.emit function to pass urls back to the add-on script.
Content Scripts - Archive of obsolete content
ods.pagemod({ include: ['*'], contentscriptfile: self.data.url("content-script.js"), onattach: startlistening }); function startlistening(worker) { worker.port.on('click', function(html) { worker.port.emit('warning', 'do not click this again'); }); } // content-script.js window.addeventlistener('click', function(event) { self.port.emit('click', event.target.tostring()); event.
stoppropagation(); event.preventdefault(); }, false); self.port.on('warning', function(message) { window.alert(message); }); in the add-on above there are two messages: click is sent from the page-mod to the add-on, when the user clicks an element in the page warning sends a silly string back to the page-mod from tab.attach() the tab.attach() method returns the worker you can use to comm...
remote/parent - Archive of obsolete content
listen to attach and detach events to hear as processes are started and
stopped: const { processes } = require("sdk/remote/parent"); processes.on("attach", function(process) { console.log("new process is remote: " + process.isremote); }); methods forevery(callback) calls the callback for every existing process and any new processes created in the future.
test/httpd - Archive of obsolete content
usage the most basic usage is: var { startserverasync } = require("sdk/test/httpd"); var srv = startserverasync(port, basepath); require("sdk/system/unload").when(function cleanup() { srv.
stop(function() { // you should continue execution from this point.
Creating annotations - Archive of obsolete content
$('*').mouseenter(function() { if (!active || $(this).hasclass('annotated')) { return; } resetmatchedelement(); ancestor = $(this).closest("[id]"); matchedelement = $(this).first(); originalbgcolor = $(matchedelement).css('background-color'); $(matchedelement).css('background-color', 'yellow'); $(matchedelement).bind('click.annotator', function(event) { event.
stoppropagation(); event.preventdefault(); self.port.emit('show', [ document.location.tostring(), $(ancestor).attr("id"), $(matchedelement).text() ] ); }); }); conversely, the add-on resets the matched element on mouseout: $('*').mouseout(function() { resetmatchedelement(); }); save this code in a new file called selector.js in your add-on's data d...
Displaying annotations - Archive of obsolete content
ipt is here: self.on('message', function onmessage(annotations) { annotations.foreach( function(annotation) { if(annotation.url == document.location.tostring()) { createanchor(annotation); } }); $('.annotated').css('border', 'solid 3px yellow'); $('.annotated').bind('mouseenter', function(event) { self.port.emit('show', $(this).attr('annotation')); event.
stoppropagation(); event.preventdefault(); }); $('.annotated').bind('mouseleave', function() { self.port.emit('hide'); }); }); function createanchor(annotation) { annotationanchorancestor = $('#' + annotation.ancestorid); annotationanchor = $(annotationanchorancestor).parent().find( ':contains(' + annotation.anchortext + ')').last(); $(annotationanchor).addcl...
Storing annotations - Archive of obsolete content
list = $('#annotation-list'); annotationlist.empty(); storedannotations.foreach( function(storedannotation) { var annotationhtml = $('#template .annotation-details').clone(); annotationhtml.find('.url').text(storedannotation.url) .attr('href', storedannotation.url); annotationhtml.find('.url').bind('click', function(event) { event.
stoppropagation(); event.preventdefault(); self.postmessage(storedannotation.url); }); annotationhtml.find('.selection-text') .text(storedannotation.anchortext); annotationhtml.find('.annotation-text') .text(storedannotation.annotationtext); annotationlist.append(annotationhtml); }); }); it builds the dom for the pane...
Creating Event Targets - Archive of obsolete content
this consists of three functions: on(): start listening for events or a given type once(): listen for the next occurrence of a given event, and then
stop removelistener():
stop listening for events of a given type the on() and once() exports delegate to the corresponding function from event/core, and use bind() to pass the exports object itself as the target argument to the underlying function.
Toolbar - Archive of obsolete content
you must not insert your toolbar button between any of the following elements: the combined back/forward button, the location bar, the
stop botton, or the reload button.
xml:base support in old browsers - Archive of obsolete content
check for the next matching local name up in the hierarchy (until the document root) while (thisitem.nodename !== '#document' && thisitem.nodename !== '#document-fragment') { att = thisitem.getattribute('xml:base'); // xml: namespaces must use 'xml' prefix if (att) { protocolpos = att.indexof('//'); var protocolmatch = att.match(scheme); if (protocolmatch) { // if has protocol, can
stop if (abs) { var skipfile = (att.indexof('///') === protocolpos) ?
Extension Etiquette - Archive of obsolete content
theming if you have xul buttons in your extension that do functions similar to ones that already exist in a browser — for example, a feed reader that reloads and
stops — use icons from the browser's theme.
Intercepting Page Loads - Archive of obsolete content
you can close the tab, redirect the tab to about:blank or another page, or tell the browser to
stop loading this page, but in general you don't want to do this because it will be visible to the user and it will look like a bug.
Index of archived content - Archive of obsolete content
array properly using css and javascript in xhtml documents examples reference server-side javascript back to the server: server-side javascript on the rise sharp variables in javascript standards-compliant authoring tools
stopiteration styling the amazing netscape fish cam page using javascript generators in firefox window.importdialog() writing javascript for xhtml xforms building mozilla xforms community developing mozilla xforms implementation status mozilla xforms specials ...
List of Former Mozilla-Based Applications - Archive of obsolete content
mango im client last news item on site from january 2007 mobidvd dvd/vcd/cd ripping software site down mozilla suite internet application suite development shifted to firefox, thunderbird and seamonkey applications netscape navigator browser support for netscape ended on february 1, 2008 nvu web authoring tool development
stopped in 2005 and is being continued as an unofficial bugfix release by the kompozer project pogo browser from at&t site no longer accessible as of may 2009 pyro desktop desktop environment last news item on site from july 2007 script editor editor inactive skipstone gtk+ browser last news item on site from february 2008 xabyl v...
List of Mozilla-Based Applications - Archive of obsolete content
o, audio, and even devices such as zen, zune, pocketpcs, ipods, and psps mekhala browser part of the khmeros linux distro midbrowser mobile web browser mockery mockup creation tool built on xulrunner mongodb database project uses spidermonkey moyura email client part of the khmeros linux distro mozcards, joli
stopwatch, jolitimer simple apps for maemo uses xulrunner moznet .net control embeddable gecko for .net applications wraps xulrunner for use in .net applications my internet browser localized browser uses gecko myna application server javascript application server for java uses mozilla rhino nextcms (fr) cms nightingale ...
Images, Tables, and Mysterious Gaps - Archive of obsolete content
there is one obvious fix--
stop creating designs that are dependent on tables and sliced up or single-pixel images-- but it's not terribly practical for many designers, and it sure doesn't help fix old designs that are suddenly blowing apart in recent browsers.
Building TransforMiiX standalone - Archive of obsolete content
it is recommended to add ac_add_options --disable-gtktest ac_add_options --without-jpeg ac_add_options --without-zlib ac_add_options --without-png ac_add_options --without-x to your .mozconfig, too, as it
stops configure from testing unneeded libs.
Mozilla Application Framework - Archive of obsolete content
tools venkman a javascript debugger with support for breakpoints, conditional breakpoints, local variable inspection, watch variables, single step,
stop on error, profile data collection, report generation, code reformatting (pretty printing), and more.
Nanojit - Archive of obsolete content
guards guards are special lir instructions, similar to conditional branches, with the difference that when they are called, instead of going to a particular address, they leave the jit code entirely, and
stop the trace.
reserved - Archive of obsolete content
code will not work as expected, as compared to when it is run from web content: document.addeventlistener("keydown", handlekey, true); function handlekey(event) { // listen for the "new tab" shortcut if (event.metakey && (event.key == "t")) { // log a message console.log("intercepted accel-t"); // prevent the default browser action event.preventdefault(); event.
stoppropagation(); } } currently, this event handler as coded above runs and logs the message, but the default behavior persists.
Menus - Archive of obsolete content
s an image images context-sendimage sends an image in an email images context-setdesktopbackground sets an image as the desktop background images context-blockimage blocks an image images context-back goes back a page context-forward goes forward a page context-reload reloads a page context-
stop stops loading a page context-bookmarkpage bookmarks a page context-savepage saves a page context-sendpagetodevice send page to device context-sendpage send page in an email context-viewbgimage views a background image context-undo undo editable text context-cut cuts to clipboard...
How to implement a custom XUL query processor component - Archive of obsolete content
generateresults: function(adatasource, aref, aquery) { // preform any query and pass the data to the result set return new templateresultset(this._data); }, addbinding: function(arulenode, avar, aref, aexpr) { // add a variable binding for a particular rule, which we aren't using yet }, translateref: function(adatasource, arefstring) { // if we return null, everything
stops return new templateresult(null); }, compareresults: function(aleft, aright, avar) { // -1 less, 0 ==, +1 greater var leftvalue = aleft.getbindingfor(avar); var rightvalue = aright.getbindingfor(avar); if (leftvalue < rightvalue) { return -1; } else if (leftvalue > rightvalue) { return 1; } else { return 0; } } }; var components ...
Methods - Archive of obsolete content
tab removeitemat removeitemfromselection removenotification removeprogresslistener removesession removetab removetabsprogresslistener removetransientnotifications replacegroup reset rewind scrollbyindex scrollbypixels scrolltoindex select selectall selectitem selectitemrange selecttabatindex setselectionrange showpane showpopup sizeto startediting
stop stopediting swapdocshells syncsessions timedselect toggleitemselection related dom element methods dom:element.addeventlistener dom:element.appendchild dom:element.comparedocumentposition dom:element.dispatchevent dom:element.getattribute dom:element.getattributenode dom:element.getattributenodens dom:element.getattributens dom:element.getelementsbytagname dom:elem...
XUL FAQ - Archive of obsolete content
(the animation effect when you open the preference window will not
stop, if a script outside <prefpane> refers any element inside <prefpane>, while initializing the window.
XUL Questions and Answers - Archive of obsolete content
l) || aiid.equals(components.interfaces.nsisupportsweakreference) || aiid.equals(components.interfaces.nsisupports)) return this; throw components.results.ns_nointerface; } listobj.onstatechange = function(aprogress, arequest, aflag, astatus) { if (aflag & listobj.wpl.state_start) { // this fires when the load event is initiated } else { if (aflag & listobj.wpl.state_
stop) { if ( aflag & listobj.wpl.state_is_window ) { // this fires when all load finish } if ( aflag & listobj.wpl.state_is_network ) { // fires when all load are really over, // do something "final" here // (my two cents) } else { // this fires when a load finishes } } } return 0; } // this fires when the location bar cha...
toolbox - Archive of obsolete content
on="1.0"?> <?xml-stylesheet href="chrome://global/skin/" type="text/css"?> <window id="yourwindow" xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul" title="toolbox example" width="300"> <toolbox> <toolbar> <toolbarbutton label="back"/> <toolbarbutton label="forward"/> <toolbarbutton label="home"/> </toolbar> <toolbar> <toolbarbutton label="
stop"/> <toolbarbutton label="reload"/> </toolbar> </toolbox> <textbox multiline="true" value="we have two toolbars inside of one toolbox above." width="20"/> </window> attributes inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, f...
nsIContentPolicy - Archive of obsolete content
this interface can be very useful if you are developing a content-aware plugin (blocking ads or altering the look of content, for example), or if you want to
stop or allow user-browsed urls.
2006-12-01 - Archive of obsolete content
mozilla.org staff, project drivers, and technical oversight mike connor starts a discussion about the need for a "buck
stops here" group and the replacement of drivers@mozilla.org.
background-size - Archive of obsolete content
and anyway, it's more the -moz-border-image that seems to be the problem - that gets inherited even if i add in -moz-border-image: none, to <body> or <html>, and setting the height to 100% is more a matter of covering it up rather than
stopping it happening (see further examples a, b and c - b and c look ok, but adding margin or padding reveals that the image applies to both <body> and <html> even though explicitly set to none) user:robertc 2009-08-14 see also bug 509681 and bug 497995.
forEach - Archive of obsolete content
if (value>1){ return false;//we could have some way to break when we return false } }); //woulld print 1 2 --porfirio 11:17, 22-06-2008 another option would be to throw
stopiteration and catch it within foreach().
Archived open Web documentation - Archive of obsolete content
if you're using older versions of tools that rely on old browser bugs or generate browser-specific code, it may be time to upgrade:
stopiteration the
stopiteration object was used to tell the end of the iteration in the legacy iterator protocol.
Windows Media in Netscape - Archive of obsolete content
here, for example, is a code snippet that works equally well on both netscape 7.1 and ie: <object id="player" height="0" width="0" classid="clsid:6bf52a52-394a-11d3-b153-00c04f79faa6"> <param name="autostart" value="true"> </object> <input type="button" name="playmedia" value="play" onclick="startmediaup()"> <input type="button" name="
stopmedia" value="
stop" onclick="shutmediadown()"> <p>this example shows a minimally-functional player <script> <!-- function startmediaup () { document.player.url = "preludesteel.wma"; document.player.controls.play(); } function shutmediadown () { document.player.controls.
stop(); } --> </script> more extensive examples of working cross-browser code can be found in the examples section at...
Mobile accessibility - Learn web development
this occurs because we are using code such as the following: div.onmousedown = function() { initialboxx = div.offsetleft; initialboxy = div.offsettop; movepanel(); } document.onmouseup =
stopmove; to enable other forms of control, you need to use different, yet equivalent events — for example, touch events work on touchscreen devices: div.ontouchstart = function(e) { initialboxx = div.offsetleft; initialboxy = div.offsettop; positionhandler(e); movepanel(); } panel.ontouchend =
stopmove; we've provided a simple example that shows how to use the mouse and touch events tog...
Images, media, and form elements - Learn web development
for consistency it is a good idea to set margins and padding to 0 on all elements, then add these back in when styling particular controls button, input, select, textarea { box-sizing: border-box; padding: 0; margin: 0; } other useful settings in addition to the rules mentioned above, you should also set overflow: auto on <textarea>s to
stop ie showing a scrollbar when there is no need for one: textarea { overflow: auto; } putting it all together into a "reset" as a final step, we can wrap up the various properties discussed above into the following "form reset" to provide a consistent base to work from.
Flexbox - Learn web development
this specifies how much of the overflowing amount is taken away from each flex item's size, to
stop them overflowing their container.
Legacy layout methods - Learn web development
update the second css rule (with the .wrapper selector) as follows: body { width: 90%; max-width: 980px; margin: 0 auto; } .wrapper { padding-right: 2.08333333%; } not only have we given it a percentage width, we have also added a max-width property in order to
stop the layout becoming too wide.
Getting started with CSS - Learn web development
your list will now look like this: <ul> <li>item one</li> <li class="special">item two</li> <li>item <em>three</em></li> </ul> in your css you can target the class of special by creating a selector that starts with a full
stop character.
Other form controls - Learn web development
the values are soft (the default value), which means the text submitted is not wrapped but the text rendered by the browser is wrapped; hard (the cols attribute must be specified when using this value), which means both the submitted and rendered texts are wrapped, and off, which
stops wrapping.
Document and website structure - Learn web development
mi.</p> </article> <!-- the aside content can also be nested within the main content --> <aside> <h2>related</h2> <ul> <li><a href="#">oh i do like to be beside the seaside</a></li> <li><a href="#">oh i do like to be beside the sea</a></li> <li><a href="#">although in the north of england</a></li> <li><a href="#">it never
stops raining</a></li> <li><a href="#">oh well...</a></li> </ul> </aside> </main> <!-- and here is our main footer that is used across all the pages of our website --> <footer> <p>©copyright 2050 by nobody.
Adding vector graphics to the Web - Learn web development
lick', function() { if(solution.value === 'show solution') { textarea.value = solutionentry; solution.value = 'hide solution'; } else { textarea.value = userentry; solution.value = 'show solution'; } updatecode(); }); const htmlsolution = ''; let solutionentry = htmlsolution; textarea.addeventlistener('input', updatecode); window.addeventlistener('load', updatecode); //
stop tab key tabbing out of textarea and // make it write a tab at the caret position instead textarea.onkeydown = function(e){ if (e.keycode === 9) { e.preventdefault(); insertatcaret('\t'); } if (e.keycode === 27) { textarea.blur(); } }; function insertatcaret(text) { const scrollpos = textarea.scrolltop; const caretpos = textarea.selectionstart; const front = (textarea.
Index - Learn web development
next up for html, we'll return to text semantics and look at some more advanced/unusual features that you'll find useful — advanced text formatting is your next
stop.
What went wrong? Troubleshooting JavaScript - Learn web development
types of error generally speaking, when you do something wrong in code, there are two main types of error that you'll come across: syntax errors: these are spelling errors in your code that actually cause the program not to run at all, or
stop working part way through — you will usually be provided with some error messages too.
JavaScript object basics - Learn web development
(or getting) object members — you can also set (update) the value of object members by simply declaring the member you want to set (using dot or bracket notation), like this: person.age = 45; person['name']['last'] = 'cratchit'; try entering the above lines, and then getting the members again to see how they've changed, like so: person.age person['name']['last'] setting members doesn't just
stop at updating the values of existing properties and methods; you can also create completely new members.
Creating our first Vue component - Learn web development
let’s add the package to our project with npm;
stop your server and enter the following command into your terminal: npm install --save lodash.uniqueid note: if you prefer yarn, you could instead use yarn add lodash.uniqueid.
Mozilla accessibility architecture
event_state_change popupshowing mozilla dom event_menustart popuphiding mozilla dom event_menuend nsdocaccessible::scrollpositiondidchange(), then nsdocaccessible::scrolltimercallback() nsiscrollpositonlistener and nsitimer callbacks event_scrollingend (quick timer is used to determine when scrolling pauses or
stops, to avoid extra events being fired) nsdocaccessible::onstatechange(), :nsdocaccessible:onlocationchange() nsiwebprogresslistener callback event_state_change (msaa) event_reorder (atk) dom mutation events - multiple uses dom mutation events are a great thing.
Embedding API for Accessibility
ground_color", "#abcdef" /* hex color value */); setcharpref("browser.display.background_color", "#abcdef" /* hex color value */); setboolpref("browser.display.use_system_colors", boolsystemcolors); setboolpref("browser.display.use_document_colors", booluseauthorcolors); /* setting use_document_colors also
stops background images from loading */ moz 0.8 link appearance setcharpref("browser.anchor_color", "#abcdef" /* hex color value */); setcharpref("browser.visited_color", "#abcdef" /* hex color value */); setboolpref("browser.underline_anchors", boolunderlinelinks); moz...
Bugzilla
te
stopia - test case management extension bugzilla.org - the project site wikipedia:bugzilla - general description of bugzilla (not specific to mozilla projects) bmo on wiki.mozilla.org - information about mozilla's customized bugzilla installation, including how to contribute to it tools bugzilla todos lists review and flag requests, patches to check in, unfulfilled requests you made of other p...
Eclipse CDT
isn't library_path for compile time, not runtime, linking?) in the workspace preferences, you may want to go to "c/c++ > debug > gdb" and deselect "
stop on startup at", so that eclipse won't automatically break in main() when it launches firefox for debugging.
SVG Guidelines
gecko and now deprecated by the filter effects specification) id (id on root element has no effect) xmlns:xlink attribute when there are no xlink:href attributes used throughout the file other unused xml namespace definitions xml:space when there is no text used in the file other empty tags, this may be obvious, but those are sometimes found in svgs unreferenced ids (usually on gradient
stops, but also on shapes or paths) clip-rule attribute when the element is not a descendant of a <clippath> fill-rule attribute when the element is a descendant of a <clippath> unreferenced/unused clip paths, masks or defs (example) styling basics privilege short lowercase hex for colors don't use excessive precision for numeric values (usually comes from illustrator) use descriptive ids ...
HTMLIFrameElement.reload()
examples
stopreload.addeventlistener('touchend',function() { if(
stopreload.textcontent === 'x') { browser.
stop(); } else { browser.reload(); } }); specification not part of any specification.
Getting Started with Chat
n of) nickname: pong respond to a user's ping (nickname is the name of the user who wants your attention) /query nickname opens a private chat with the specified user /quit message disconnects you from the current server displaying the message in all connected channels prior to quitting /reload styles some irc clients, colloquy on mac in particular,
stop displaying your messages in the channel window.
Creating a New Protocol
building the new protocol to build the new protocol declaration and generate headers, make in ipc/ipdl: make -c objdir/ipc/ipdl if there are any protocol-level errors, the ipdl compiler will print the relevant error messages and
stop.
JavaScript-DOM Prototypes in Mozilla
this means that the next time the name of a class constructor is resolved in the same scope, say htmlanchorelement, the code will resolve the name htmlanchorelement, find the parent name, which is htmlelement, and resolve that, but since we've already resolved htmlelement as a result of resolving the name htmlimageelement earlier, the recursion will
stop right there.
DeferredTask.jsm
this method
stops any currently running timer, thus the delay will restart from its original value in case the "arm" method is called again.
DownloadSummary
method overview promise bindtolist(downloadlist alist); promise addview(object aview); promise removeview(object aview); properties attribute type description allhave
stopped read only boolean indicates whether all the downloads are currently
stopped.
OS.File for the main thread
it uses an atomic write to ensure that the file is not modified if, for some reason, the write cannot complete (typically because the computer is turned off, the battery runs out, or the application is
stopped.) let encoder = new textencoder(); // this encoder can be reused for several writes let array = encoder.encode("this is some text"); // convert the text to an array let promise = os.file.writeatomic("file.txt", array, // write the array atomically to "file.txt", using as temporary {tmppath: "file.txt.tmp"}); ...
PromiseWorker.jsm
supported built-in javascript error are following: evalerror internalerror rangeerror referenceerror syntaxerror typeerror urierror in addition to them,
stopiteration is also supported (note that
stopiteration is deprecated).
Localizing with Koala
also, removing files works in a similar manner: not only do you have to delete the file, but also you need to tell mercurial to
stop tracking the file with "hg remove".
Memory Profiler
start - start profiling
stop -
stop profiling reset - clear profile data when profiler is
stopped profile data is accumulated and resumed after start.
Profiling with Instruments
click the record button (red circle in top left) wait for the amount of time that you want to profile click the
stop button command line tools there is instruments and iprofiler.
Scroll-linked effects
example 2: scroll snapping below is an implementation of scroll snapping, where the scroll position snaps to a particular destination when the user's scrolling
stops near that destination.
powermetrics
-n 1 tells it to take one sample and then
stop.
Preference reference
hecker.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.textselectforegroundui.textselectforeground saves the color in which the text of a text selection in the user interface or the content will be styled.ui.tooltipdelayui.tooltipdelay stores the delay in milliseconds between the mouse
stopping over an element and the appearing of its tooltip.view_source.syntax_highlightthe preference view_source.syntax_highlight controls whether markup in the view source view is syntax highlighted.
PLHashEnumerator
syntax #include <plhash.h> typedef printn (pr_callback *plhashenumerator)(plhashentry *he, printn index, void *arg); /* return value */ #define ht_enumerate_next 0 /* continue enumerating entries */ #define ht_enumerate_
stop 1 /*
stop enumerating entries */ #define ht_enumerate_remove 2 /* remove and free the current entry */ #define ht_enumerate_unhash 4 /* just unhash the current entry */ description plhashenumerator is a function type used in the enumerating a hash table.
PR_Abort
syntax #include <prinit.h> void pr_abort(void); description pr_abort results in a core file and a call to the debugger or equivalent, in addition to causing the entire process to
stop.
PR_Interrupt
description the purpose of pr_interrupt is to request that a thread performing some task
stop what it is doing and return to some control point.
PR_dtoa
1 like 0, but with steele & white
stopping rule.
Cryptography functions
genericobjects mxr 3.9.2 and later pk11_destroymergelog mxr 3.12 and later pk11_destroyobject mxr 3.2 and later pk11_destroytokenobject mxr 3.2 and later pk11_digestbegin mxr 3.2 and later pk11_digestkey mxr 3.2 and later pk11_dige
stop mxr 3.2 and later pk11_digestfinal mxr 3.2 and later pk11_doesmechanism mxr 3.2 and later pk11_exportencryptedprivatekeyinfo mxr 3.2 and later pk11_exportencryptedprivkeyinfo mxr 3.9 and later pk11_exportprivatekeyinfo mxr 3.2 and later ...
Encrypt Decrypt MAC Keys As Session Objects
ed \n"); } return key; } /* * macinit */ secstatus macinit(pk11context *ctx) { secstatus rv = pk11_digestbegin(ctx); if (rv != secsuccess) { pr_fprintf(pr_stderr, "compute mac failed : pk11_digestbegin()\n"); } return rv; } /* * macupdate */ secstatus macupdate(pk11context *ctx, unsigned char *msg, unsigned int msglen) { secstatus rv = pk11_dige
stop(ctx, msg, msglen); if (rv != secsuccess) { pr_fprintf(pr_stderr, "compute mac failed : dige
stop()\n"); } return rv; } /* * finalize macing */ secstatus macfinal(pk11context *ctx, unsigned char *mac, unsigned int *maclen, unsigned int maxlen) { secstatus rv = pk11_digestfinal(ctx, mac, maclen, maxlen); if (rv != secsuccess) { pr_fprintf(pr_stderr, "c...
Encrypt and decrypt MAC using token
ed \n"); } return key; } /* * macinit */ secstatus macinit(pk11context *ctx) { secstatus rv = pk11_digestbegin(ctx); if (rv != secsuccess) { pr_fprintf(pr_stderr, "compute mac failed : pk11_digestbegin()\n"); } return rv; } /* * macupdate */ secstatus macupdate(pk11context *ctx, unsigned char *msg, unsigned int msglen) { secstatus rv = pk11_dige
stop(ctx, msg, msglen); if (rv != secsuccess) { pr_fprintf(pr_stderr, "compute mac failed : dige
stop()\n"); } return rv; } /* * finalize macing */ secstatus macfinal(pk11context *ctx, unsigned char *mac, unsigned int *maclen, unsigned int maxlen) { secstatus rv = pk11_digestfinal(ctx, mac, maclen, maxlen); if (rv != secsuccess) { pr_fprintf(pr_stderr, "c...
NSS 3.12.4 release notes
bug 488550: crash in certutil or pp when printing cert with empty subject name bug 488992: fix lib/freebl/win_rand.c warnings bug 489010:
stop exporting mktemp and dbopen (again) bug 489287: resolve a few remaining issues with nss's new revocation flags bug 489710: byteswap optimize for msvc++ bug 490154: cryptokey framework requires module to implement generatekey when they support keypairgeneration bug 491044: remove support for vms (a.k.a., openvms) from nss bug 491174: cert_pkixverifycert reports wrong error code when ee cert is exp...
NSS API Guidelines
all hashing update, macing update, and encrypt/decrypt functions which act like filters should have a consistent signature: secstatus pk11_dige
stop(pk11context *context, unsigned char *inbuf, secbufferleninlen) functions like these which have different properties, for example, additional parameters, callbacks, etc., should insert their additional parameters between the context (first parameter) and the input buffer.
Enc Dec MAC Output Public Key as CSR
ed \n"); } return key; } /* * macinit */ secstatus macinit(pk11context *ctx) { secstatus rv = pk11_digestbegin(ctx); if (rv != secsuccess) { pr_fprintf(pr_stderr, "compute mac failed : pk11_digestbegin()\n"); } return rv; } /* * macupdate */ secstatus macupdate(pk11context *ctx, unsigned char *msg, unsigned int msglen) { secstatus rv = pk11_dige
stop(ctx, msg, msglen); if (rv != secsuccess) { pr_fprintf(pr_stderr, "compute mac failed : dige
stop()\n"); } return rv; } /* * finalize macing */ secstatus macfinal(pk11context *ctx, unsigned char *mac, unsigned int *maclen, unsigned int maxlen) { secstatus rv = pk11_digestfinal(ctx, mac, maclen, maxlen); if (rv != secsuccess) { pr_fprintf(pr_stderr, "c...
Encrypt Decrypt_MAC_Using Token
ed \n"); } return key; } /* * macinit */ secstatus macinit(pk11context *ctx) { secstatus rv = pk11_digestbegin(ctx); if (rv != secsuccess) { pr_fprintf(pr_stderr, "compute mac failed : pk11_digestbegin()\n"); } return rv; } /* * macupdate */ secstatus macupdate(pk11context *ctx, unsigned char *msg, unsigned int msglen) { secstatus rv = pk11_dige
stop(ctx, msg, msglen); if (rv != secsuccess) { pr_fprintf(pr_stderr, "compute mac failed : dige
stop()\n"); } return rv; } /* * finalize macing.
NSS Sample Code Sample_3_Basic Encryption and MACing
ed \n"); } return key; } /* * macinit */ secstatus macinit(pk11context *ctx) { secstatus rv = pk11_digestbegin(ctx); if (rv != secsuccess) { pr_fprintf(pr_stderr, "compute mac failed : pk11_digestbegin()\n"); } return rv; } /* * macupdate */ secstatus macupdate(pk11context *ctx, unsigned char *msg, unsigned int msglen) { secstatus rv = pk11_dige
stop(ctx, msg, msglen); if (rv != secsuccess) { pr_fprintf(pr_stderr, "compute mac failed : dige
stop()\n"); } return rv; } /* * finalize macing */ secstatus macfinal(pk11context *ctx, unsigned char *mac, unsigned int *maclen, unsigned int maxlen) { secstatus rv = pk11_digestfinal(ctx, mac, maclen, maxlen); if (rv != secsuccess) { pr_fprintf(pr_stderr, "c...
EncDecMAC using token object - sample 3
pr_fprintf(pr_stderr, "symmetric key generation failed \n"); } return key; } /* * macinit */ secstatus macinit(pk11context *ctx) { secstatus rv = pk11_digestbegin(ctx); if (rv != secsuccess) { pr_fprintf(pr_stderr, "compute mac failed : pk11_digestbegin()\n"); } return rv; } /* * macupdate */ secstatus macupdate(pk11context *ctx, unsigned char *msg, unsigned int msglen) { secstatus rv = pk11_dige
stop(ctx, msg, msglen); if (rv != secsuccess) { pr_fprintf(pr_stderr, "compute mac failed : dige
stop()\n"); } return rv; } /* * finalize macing */ secstatus macfinal(pk11context *ctx, unsigned char *mac, unsigned int *maclen, unsigned int maxlen) { secstatus rv = pk11_digestfinal(ctx, mac, maclen, maxlen); if (rv != secsuccess) { pr_fprintf(pr_stderr, "compute mac failed : pk11_digestfinal()\n"); } re...
Migration to HG
the nspr, nss and related projects have
stopped using mozilla'a cvs server, but have migrated to mozilla's hg (mercurial) server.
NSS functions
genericobjects mxr 3.9.2 and later pk11_destroymergelog mxr 3.12 and later pk11_destroyobject mxr 3.2 and later pk11_destroytokenobject mxr 3.2 and later pk11_digestbegin mxr 3.2 and later pk11_digestkey mxr 3.2 and later pk11_dige
stop mxr 3.2 and later pk11_digestfinal mxr 3.2 and later pk11_doesmechanism mxr 3.2 and later pk11_exportencryptedprivatekeyinfo mxr 3.2 and later pk11_exportencryptedprivkeyinfo mxr 3.9 and later pk11_exportprivatekeyinfo mxr 3.2 and later ...
NSS tools : ssltab
-l prefix turn on looping; that is, continue to accept connections rather than
stopping after the first connection is complete.
NSS tools : ssltap
-l prefix turn on looping; that is, continue to accept connections rather than
stopping after the first connection is complete.
NSS Tools ssltap
-l turn on looping; that is, continue to accept connections rather than
stopping after the first connection is complete.
NSS tools : ssltap
-l prefix turn on looping; that is, continue to accept connections rather than
stopping after the first connection is complete.
Necko Interfaces Overview
ance via newuri method creates nsichannel instance from nsiuri instance via newchannel method nsistreamlistener : nsirequestobserver implemented by the consumer of a nsichannel instance passed to nsichannel::asyncopen method nsirequestobserver::onstartrequest - notifies start of async download nsistreamlistener::ondataavailable - notifies presence of downloaded data nsirequestobserver::on
stoprequest - notifies completion of async download, possibly w/ error nsiloadgroup : nsirequest attribute of a nsirequest channel impl adds itself to its load group during invocation of asyncopen channel impl removes itself from its load group when download completes load groups in gecko own all channels used to load a particular page (until the channels complete) all channels owned by a load...
Rhino Debugger
break to
stop all running scripts and give control to the debugger you may do any of the following: select the debug->break menu item on the menu bar press the break button on the toolbar press the pause/break key on the keyboard break on exceptions to give control to the debugger whenever a javascript is exception is thrown select the debug->break on exceptions checkbox from the menu bar.
Rhino history
when netscape
stopped work on "javagator," as it was called, somehow rhino escaped the axe (rumor had it that the executives "forgot" it existed).
JSAPI User Guide
to
stop execution of scripts that run too long, use js_setoperationcallback.
JSProtoKey
enceerror referenceerror mxr search for jsproto_referenceerror jsproto_syntaxerror syntaxerror mxr search for jsproto_syntaxerror jsproto_typeerror typeerror mxr search for jsproto_typeerror jsproto_urierror urierror mxr search for jsproto_urierror jsproto_iterator iterator mxr search for jsproto_iterator jsproto_
stopiteration
stopiteration mxr search for jsproto_
stopiteration jsproto_arraybuffer arraybuffer mxr search for jsproto_arraybuffer jsproto_int8array int8array mxr search for jsproto_int8array jsproto_uint8array uint8array mxr search for jsproto_uint8array jsproto_int16array int16array mxr search for jsproto_int16array ...
JS_CompileUTF8FileHandle
if an error occurs during compilation, js_compileutf8filehandle
stops reading from the file and returns null.
JS_InitStandardClasses
onent, error, eval, evalerror, function, infinity, isnan, isfinite, math, nan, number, object, parseint, parsefloat, rangeerror, referenceerror, regexp, string, syntaxerror, typeerror, undefined, and urierror as well as a few spidermonkey-specific globals, depending on compile-time options: escape, unescape, uneval, internalerror, script, xml, namespace, qname, file, generator, iterator, and
stopiteration, as of spidermonkey 1.7.
JS_SetBranchCallback
if the callback returns js_false without raising an exception, then the javascript engine immediately
stops running the script with an uncatchable error.
JS_SetGCCallback
in a js_threadsafe build, the jsgc_end callback is called after each
stop-the-world rendezvous during which one or more garbage collection cycles finished.
JSAPI reference
lete since jsapi 52 js_errorfromexception js_geterrorprototype jsreport_is_exception jsreport_is_strict jsreport_is_warning jsreport_is_strict_mode_error the following functions allow c/c++ functions to throw and catch javascript exceptions: js::createerror added in spidermonkey 38 js_isexceptionpending js_getpendingexception js_setpendingexception js_clearpendingexception js_throw
stopiteration added in spidermonkey 1.8 js_is
stopiteration added in spidermonkey 31 typedef jsexceptionstate js_saveexceptionstate js_restoreexceptionstate js_dropexceptionstate these functions translate errors into exceptions and vice versa: js_reportpendingexception js_errorfromexception js_throwreportederror obsolete since jsapi 29 values and types typedef jsval js::value ...
Profiling SpiderMonkey
when we have js scriptable profiling options available for all tier 1 platforms, we'll look at adding global start/
stop profiling functions.
SpiderMonkey 1.8
js_throw
stopiteration throws the appropriate
stopiteration exception object for the given context.
SpiderMonkey 45
js::getsavedframecolumn (bug 1216819) js::getsavedframefunctiondisplayname (bug 1216819) js::getsavedframeasynccause (bug 1216819) js::getsavedframeasyncparent (bug 1216819) js::getsavedframeparent (bug 1216819) js::buildstackstring (bug 1133191) js::flushperformancemonitoring (bug 1181175) js::resetperformancemonitoring (bug 1181175) js::disposeperformancemonitoring (bug 1208747) js::set
stopwatchismonitoringcpow (bug 1156264) js::get
stopwatchismonitoringcpow (bug 1156264) js::set
stopwatchismonitoringjank (bug 1156264) js::get
stopwatchismonitoringjank (bug 1156264) js::is
stopwatchactive (bug 674779) js::getperfmonitoringtestcpurescheduling (bug 1181175) js::addcpowperformancedelta (bug 1181175) js::set
stopwatchstartcallback (bug 1208747) js::set
stopwatchcommitcallback (bug 120...
A Web PKI x509 certificate primer
extensions can be marked as critical or non-critical, conforming certificate verification libraries should
stop processing verification when encountering a critical extension that they do not understand ( and should continue processing if the extension is marked as non-critical) mozila::pkix has this behavior.
Animated PNG graphics
it is strongly recommended that when any error is encountered decoders should discard all subsequent frames,
stop the animation, and revert to displaying the default image.
Gecko events
is supported: yes event_document_load_
stopped the loading of the document was interrupted.
Places Developer Guide
getservice(ci.nsiglobalhistory2); var oururi = uri("http://www.mozilla.com"); var isredirect = false; var i
stoplevel = true; globalhistory.adduri(oururi, isredirect, i
stoplevel, referreruri); globalhistory.setpagetitle(oururi, "mozilla"); deleting from history // places deals in uris, so here's a helper for creating them.
Places Expiration
on idle on idle it expires a larger chunk of pages, then timed expiration is
stopped.
Accessing the Windows Registry Using XPCOM
mozilla.org/windows-registry-key;1"] .createinstance(components.interfaces.nsiwindowsregkey); wrk.open(wrk.root_key_current_user, "software\\mdc\\test", wrk.access_all); removechildrenrecursive(wrk); wrk.close(); monitoring registry keys if you would like to know whether a registry key has changed since you last checked it, you can use the startwatching(),
stopwatching(), and haschanged() methods.
XPCOM array guide
for instance: pr_callback prbool getfirstvisible(nsielement* element, void* closure) { prbool isvisible; element->isvisible(&isvisible); //
stop at first object if (isvisible) { ns_static_cast(closureobject*,closure)->element = element; return pr_false; } return pr_true; } ...
imgIRequest
note that cancel() is asynchronous, which means that some time after you call it, the listener/observer will get an on
stoprequest().
nsIAccessibleEvent
event_document_load_
stopped 0x002d 0x0029 the loading of the document was interrupted.
nsIComponentManager
void removebootstrappedmanifestlocation( in interface nsilocalfile alocation ); parameters examples using addbootstrappedmanifestlocation in a bootstrapped extension for firefox 8 and 9: alocation the directory or xpi to
stop reading the chrome.manifest from.
nsIContentPrefService
void removeobserver( in astring aname, in nsicontentprefobserver aobserver ); parameters aname the name of the preference to
stop observing.
nsIDOMGeoGeolocation
methods clearwatch() when the clearwatch() method is called, the watch() process
stops calling for new position identifiers and cease invoking callbacks.
nsIDOMWindowInternal
void alert(in domstring text) boolean confirm(in domstring text) domstring prompt([optional] in domstring amessage, [optional] in domstring ainitial, [optional] in domstring atitle, [optional] in unsigned long asavepassword) void focus() void blur() void back() void forward() void home() void
stop() void print() void moveto(in long xpos, in long ypos) void moveby(in long xdif, in long ydif) void resizeto(in long width, in long height) void resizeby(in long widthdif, in long heightdif) void scroll(in long xscroll, in long yscroll) nsidomwindow window interface's open() method loads the specified resource into the browsing contex...
nsIDirIndexParser
this result is only valid after on
stoprequest has occurred, because it can occur anywhere in the datastream.
nsIDownload
download objects are used by the download manager (see nsidownloadmanager to manage files that are queued to download, being downloaded, and finished being downloaded.) inherits from: nsitransfer last changed in gecko 1.9.1 (firefox 3.5 / thunderbird 3.0 / seamonkey 2.0) note: once the download is completed, the download manager
stops updating the nsidownload object.
nsIDownloadManager
void removelistener( in nsidownloadprogresslistener alistener ); parameters alistener the nsidownloadprogresslistener object to
stop listening to the download manager.
nsIStreamListener
so, in all the three methods - ondataavailable(), nsirequestobserver.onstartrequest() and nsirequestobserver.on
stoprequest() have to be implemented.
nsITaskbarProgress
1.0 66 introduced gecko 1.9.2 inherits from: nsisupports last changed in gecko 1.9.2 (firefox 3.6 / thunderbird 3.1 / fennec 1.0) method overview void setprogressstate(in nstaskbarprogressstate state, in unsigned long long currentvalue optional, in unsigned long long maxvalue optional); constants constant value description state_no_progress 0
stop displaying progress on the taskbar button.
nsITextInputProcessor
if this is null, the instance
stops sharing modifier state with other instances and clears all modifier state.
nsIThread
this causes events to
stop being dispatched to the thread, and causes any pending events to run to completion before the thread joins with the current thread (see pr_jointhread() for details).
nsITimer
type_repeating_slack 1 after firing, the timer is
stopped and not restarted until its callback completes.
nsIWebProgressListener2
progress totals are reset to zero when all requests in awebprogress complete (corresponding to onstatechange being called with astateflags including the state_
stop and state_is_window flags).
nsIWebSocketChannel
if asyncopen() returns successfully, the protocol implementation promises to call at least onstart and on
stop of the listener.
nsIWorkerScope
66 introduced gecko 1.9.1 inherits from: nsiworkerglobalscope last changed in gecko 1.9.2 (firefox 3.6 / thunderbird 3.1 / fennec 1.0) method overview void postmessage(in domstring amessage, [optional] in nsiworkermessageport amessageport); void close(); attributes attribute type description onclose nsidomeventlistener a listener object to be called when the worker
stops running.
nsIXPConnect
return value missing description exceptions thrown missing exception missing description releasejscontext() void releasejscontext( in jscontextptr ajscontext, in prbool nogc ); parameters ajscontext missing description nogc missing description exceptions thrown missing exception missing description native code only!removejsholder
stop rooting the js objects held by aholder.
nsMsgRuleActionType
long custom=-1; /* see nsmsgfilteraction */ const long none=0; /* uninitialized state */ const long movetofolder=1; const long changepriority=2; const long delete=3; const long markread=4; const long killthread=5; const long watchthread=6; const long markflagged=7; const long label=8; const long reply=9; const long forward=10; const long
stopexecution=11; const long deletefrompop3server=12; const long leaveonpop3server=13; const long junkscore=14; const long fetchbodyfrompop3server=15; const long copytofolder=16; const long addtag=17; const long killsubthread=18; const long markunread=19; }; ...
Xptcall Porting Status
status status platform contributors and <font color="red">?</font> possible contributors notes <font color="white">done</font> win32 x86 john bandhauer <jband@netscape.com> win32 <font color="white">done</font> linux x86 john bandhauer <jband@netscape.com> ulrich drepper <drepper@cygnus.com> unix <font color="white">done</font> freebsd and netbsd x86 chri
stoph toshok <toshok@hungry.com>, john bandhauer <jband@netscape.com> unix (same as linux 86 code) <font color="white">done</font> bsd/os x86 bert driehuis <bert_driehuis@nl.compuware.com> unix (same as linux 86 code) bert contributed patches that *should* do the right thing for all the unixish-x86 versions of this code for gcc 2.7 or 2.8 vs.
Index
this may seem like a lot of infrastructure just to read messages from a flat file, but it allows us to do it asynchronously, and to have reading local messages fit into the same kind of mechanisms that reading nntp and imap messages do - running urls, getting onstart/
stoprunningurl notifications when the url starts/
stops, etc.
MailNews Filters
if one of the actions is a move, or a
stop filter execution action, we move on to the next header; otherwise, we move on to the next filter.
Mailbox
this may seem like a lot of infrastructure just to read messages from a flat file, but it allows us to do it asynchronously, and to have reading local messages fit into the same kind of mechanisms that reading nntp and imap messages do - running urls, getting onstart/
stoprunningurl notifications when the url starts/
stops, etc.
Using js-ctypes
oid = ctypes.void_t; var __cfstring = new ctypes.structtype("__cfstring"); var cfstringref = __cfstring.ptr; var __cfurl = new ctypes.structtype("__cfurl"); var cfurlref = __cfurl.ptr; var __cfallocator = new ctypes.structtype("__cfallocator"); var cfallocatorref = __cfallocator.ptr; var unichar = ctypes.jschar; // uint16 with automatic conversion // define constants var kcfusernotification
stopalertlevel = 0; var kcfusernotificationnotealertlevel = 1; var kcfusernotificationcautionalertlevel = 2; var kcfusernotificationplainalertlevel = 3; // declare functions /* https://developer.apple.com/library/mac/documentation/corefoundation/reference/cfusernotificationref/index.html#//apple_ref/c/func/cfusernotificationdisplaynotice * sint32 cfusernotificationdisplaynotice ( * cftimeinterval...
Constants - Plugins
npres_user_break 2 user canceled stream directly by clicking the
stop button or indirectly by some action such as deleting the instance or initiating higher-priority network operations.
DOM Inspector FAQ - Firefox Developer Tools
original document information author(s): chri
stopher aillon last updated date: november 11, 2003 copyright information: portions of this content are © 1998–2007 by individual mozilla.org contributors; content available under a creative commons license | details.
Step through code - Firefox Developer Tools
when the debugger is
stopped at a breakpoint, you can step through it using four buttons in the toolbar: in order, the buttons are: play: run to the next breakpoint step over: advance to the next line in the same function.
Debugger - Firefox Developer Tools
(this is not an ideal way to handle debugger bugs, but the hope here is that some sort of back
stop, even if imperfect, will make life easier for debugger developers.
All keyboard shortcuts - Firefox Developer Tools
b tab tab step backward through the attributes of a node shift + tab shift + tab shift + tab (when an attribute is selected) start editing the attribute enter return enter hide/show the selected node h h h focus on the search box in the html pane ctrl + f cmd + f ctrl + f edit as html f2 f2 f2
stop editing html f2 / ctrl +enter f2 / cmd + return f2 / ctrl + enter copy the selected node's outer html ctrl + c cmd + c ctrl + c scroll the selected node into view s s s find the next match in the markup, when searching is active enter return enter find the previous match in the markup, when searching is active shift + ente...
Measure a portion of the page - Firefox Developer Tools
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.
DOM allocation example - Firefox Developer Tools
it just contains a script that creates a large number of dom nodes: var toolbarbuttoncount = 20; var toolbarcount = 200; function getrandomint(min, max) { return math.floor(math.random() * (max - min + 1)) + min; } function createtoolbarbutton() { var toolbarbutton = document.createelement("span"); toolbarbutton.classlist.add("toolbarbutton"); //
stop spidermonkey from sharing instances toolbarbutton[getrandomint(0,5000)] = "foo"; return toolbarbutton; } function createtoolbar() { var toolbar = document.createelement("div"); //
stop spidermonkey from sharing instances toolbar[getrandomint(0,5000)] = "foo"; for (var i = 0; i < toolbarbuttoncount; i++) { var toolbarbutton = createtoolbarbutton(); toolbar.appendchild(toolbarb...
Page inspector keyboard shortcuts - Firefox Developer Tools
b tab tab step backward through the attributes of a node shift + tab shift + tab shift + tab (when an attribute is selected) start editing the attribute enter return enter hide/show the selected node h h h focus on the search box in the html pane ctrl + f cmd + f ctrl + f edit as html f2 f2 f2
stop editing html f2 / ctrl +enter f2 / cmd + return f2 / ctrl + enter copy the selected node's outer html ctrl + c cmd + c ctrl + c scroll the selected node into view s s s find the next match in the markup, when searching is active enter return enter find the previous match in the markup, when searching is active shift + ente...
UI Tour - Firefox Developer Tools
the performance tool's ui consists of 4 main pieces: toolbar recordings pane recording overview details pane, which may contain any one of: waterfall call tree flame chart toolbar the toolbar contains buttons to: start and
stop a recording import a recording you previously saved clear the recordings pane.
Firefox Developer Tools
javascript debugger
stop, step through, examine, and modify the javascript running in a page.
Animation - Web APIs
animation.reverse() reverses playback direction,
stopping at the start of the animation.
AudioContext.getOutputTimestamp() - Web APIs
play.addeventlistener('click', () => { if(!audioctx) { audioctx = new window.audiocontext(); } getdata(); source.start(0); play.setattribute('disabled', 'disabled'); raf = requestanimationframe(outputtimestamps); });
stop.addeventlistener('click', () => { source.
stop(0); play.removeattribute('disabled'); cancelanimationframe(raf); }); // function to output timestamps function outputtimestamps() { let ts = audioctx.getoutputtimestamp() console.log('context time: ' + ts.contexttime + ' | performance time: ' + ts.performancetime); raf = requestanimationframe(outputtimestamps); } specifications ...
AudioListener.dopplerFactor - Web APIs
tener.forwardy.setvalueattime(0, audioctx.currenttime); listener.forwardz.setvalueattime(-1, audioctx.currenttime); listener.upx.setvalueattime(0, audioctx.currenttime); listener.upy.setvalueattime(1, audioctx.currenttime); listener.upz.setvalueattime(0, audioctx.currenttime); } else { listener.setorientation(0,0,-1,0,1,0); } var source; var play = document.queryselector('.play'); var
stop = document.queryselector('.
stop'); var boombox = document.queryselector('.boom-box'); var listenerdata = document.queryselector('.listener-data'); var pannerdata = document.queryselector('.panner-data'); leftbound = (-xpos) + 50; rightbound = xpos - 50; xiterator = width/150; // listener will always be in the same place for this demo if(listener.positionx) { listener.positionx.setvalueatt...
AudioListener.forwardX - Web APIs
tener.forwardy.setvalueattime(0, audioctx.currenttime); listener.forwardz.setvalueattime(-1, audioctx.currenttime); listener.upx.setvalueattime(0, audioctx.currenttime); listener.upy.setvalueattime(1, audioctx.currenttime); listener.upz.setvalueattime(0, audioctx.currenttime); } else { listener.setorientation(0,0,-1,0,1,0); } var source; var play = document.queryselector('.play'); var
stop = document.queryselector('.
stop'); var boombox = document.queryselector('.boom-box'); var listenerdata = document.queryselector('.listener-data'); var pannerdata = document.queryselector('.panner-data'); leftbound = (-xpos) + 50; rightbound = xpos - 50; xiterator = width/150; // listener will always be in the same place for this demo if(listener.positionx) { listener.positionx.setvalueatt...
AudioListener.forwardY - Web APIs
tener.forwardy.setvalueattime(0, audioctx.currenttime); listener.forwardz.setvalueattime(-1, audioctx.currenttime); listener.upx.setvalueattime(0, audioctx.currenttime); listener.upy.setvalueattime(1, audioctx.currenttime); listener.upz.setvalueattime(0, audioctx.currenttime); } else { listener.setorientation(0,0,-1,0,1,0); } var source; var play = document.queryselector('.play'); var
stop = document.queryselector('.
stop'); var boombox = document.queryselector('.boom-box'); var listenerdata = document.queryselector('.listener-data'); var pannerdata = document.queryselector('.panner-data'); leftbound = (-xpos) + 50; rightbound = xpos - 50; xiterator = width/150; // listener will always be in the same place for this demo if(listener.positionx) { listener.positionx.setvalueatt...
AudioListener.forwardZ - Web APIs
tener.forwardy.setvalueattime(0, audioctx.currenttime); listener.forwardz.setvalueattime(-1, audioctx.currenttime); listener.upx.setvalueattime(0, audioctx.currenttime); listener.upy.setvalueattime(1, audioctx.currenttime); listener.upz.setvalueattime(0, audioctx.currenttime); } else { listener.setorientation(0,0,-1,0,1,0); } var source; var play = document.queryselector('.play'); var
stop = document.queryselector('.
stop'); var boombox = document.queryselector('.boom-box'); var listenerdata = document.queryselector('.listener-data'); var pannerdata = document.queryselector('.panner-data'); leftbound = (-xpos) + 50; rightbound = xpos - 50; xiterator = width/150; // listener will always be in the same place for this demo if(listener.positionx) { listener.positionx.setvalueatt...
AudioListener.positionX - Web APIs
tener.forwardy.setvalueattime(0, audioctx.currenttime); listener.forwardz.setvalueattime(-1, audioctx.currenttime); listener.upx.setvalueattime(0, audioctx.currenttime); listener.upy.setvalueattime(1, audioctx.currenttime); listener.upz.setvalueattime(0, audioctx.currenttime); } else { listener.setorientation(0,0,-1,0,1,0); } var source; var play = document.queryselector('.play'); var
stop = document.queryselector('.
stop'); var boombox = document.queryselector('.boom-box'); var listenerdata = document.queryselector('.listener-data'); var pannerdata = document.queryselector('.panner-data'); leftbound = (-xpos) + 50; rightbound = xpos - 50; xiterator = width/150; // listener will always be in the same place for this demo if(listener.positionx) { listener.positionx.setvalueatt...
AudioListener.positionY - Web APIs
tener.forwardy.setvalueattime(0, audioctx.currenttime); listener.forwardz.setvalueattime(-1, audioctx.currenttime); listener.upx.setvalueattime(0, audioctx.currenttime); listener.upy.setvalueattime(1, audioctx.currenttime); listener.upz.setvalueattime(0, audioctx.currenttime); } else { listener.setorientation(0,0,-1,0,1,0); } var source; var play = document.queryselector('.play'); var
stop = document.queryselector('.
stop'); var boombox = document.queryselector('.boom-box'); var listenerdata = document.queryselector('.listener-data'); var pannerdata = document.queryselector('.panner-data'); leftbound = (-xpos) + 50; rightbound = xpos - 50; xiterator = width/150; // listener will always be in the same place for this demo if(listener.positionx) { listener.positionx.setvalueatt...
AudioListener.positionZ - Web APIs
tener.forwardy.setvalueattime(0, audioctx.currenttime); listener.forwardz.setvalueattime(-1, audioctx.currenttime); listener.upx.setvalueattime(0, audioctx.currenttime); listener.upy.setvalueattime(1, audioctx.currenttime); listener.upz.setvalueattime(0, audioctx.currenttime); } else { listener.setorientation(0,0,-1,0,1,0); } var source; var play = document.queryselector('.play'); var
stop = document.queryselector('.
stop'); var boombox = document.queryselector('.boom-box'); var listenerdata = document.queryselector('.listener-data'); var pannerdata = document.queryselector('.panner-data'); leftbound = (-xpos) + 50; rightbound = xpos - 50; xiterator = width/150; // listener will always be in the same place for this demo if(listener.positionx) { listener.positionx.setvalueatt...
AudioListener.setOrientation() - Web APIs
tener.forwardy.setvalueattime(0, audioctx.currenttime); listener.forwardz.setvalueattime(-1, audioctx.currenttime); listener.upx.setvalueattime(0, audioctx.currenttime); listener.upy.setvalueattime(1, audioctx.currenttime); listener.upz.setvalueattime(0, audioctx.currenttime); } else { listener.setorientation(0,0,-1,0,1,0); } var source; var play = document.queryselector('.play'); var
stop = document.queryselector('.
stop'); var boombox = document.queryselector('.boom-box'); var listenerdata = document.queryselector('.listener-data'); var pannerdata = document.queryselector('.panner-data'); leftbound = (-xpos) + 50; rightbound = xpos - 50; xiterator = width/150; // listener will always be in the same place for this demo if(listener.positionx) { listener.positionx.setvalueatt...
AudioListener.setPosition() - Web APIs
tener.forwardy.setvalueattime(0, audioctx.currenttime); listener.forwardz.setvalueattime(-1, audioctx.currenttime); listener.upx.setvalueattime(0, audioctx.currenttime); listener.upy.setvalueattime(1, audioctx.currenttime); listener.upz.setvalueattime(0, audioctx.currenttime); } else { listener.setorientation(0,0,-1,0,1,0); } var source; var play = document.queryselector('.play'); var
stop = document.queryselector('.
stop'); var boombox = document.queryselector('.boom-box'); var listenerdata = document.queryselector('.listener-data'); var pannerdata = document.queryselector('.panner-data'); leftbound = (-xpos) + 50; rightbound = xpos - 50; xiterator = width/150; // listener will always be in the same place for this demo if(listener.positionx) { listener.positionx.setvalueatt...
AudioListener.speedOfSound - Web APIs
tener.forwardy.setvalueattime(0, audioctx.currenttime); listener.forwardz.setvalueattime(-1, audioctx.currenttime); listener.upx.setvalueattime(0, audioctx.currenttime); listener.upy.setvalueattime(1, audioctx.currenttime); listener.upz.setvalueattime(0, audioctx.currenttime); } else { listener.setorientation(0,0,-1,0,1,0); } var source; var play = document.queryselector('.play'); var
stop = document.queryselector('.
stop'); var boombox = document.queryselector('.boom-box'); var listenerdata = document.queryselector('.listener-data'); var pannerdata = document.queryselector('.panner-data'); leftbound = (-xpos) + 50; rightbound = xpos - 50; xiterator = width/150; // listener will always be in the same place for this demo if(listener.positionx) { listener.positionx.setvalueatt...
AudioListener.upX - Web APIs
tener.forwardy.setvalueattime(0, audioctx.currenttime); listener.forwardz.setvalueattime(-1, audioctx.currenttime); listener.upx.setvalueattime(0, audioctx.currenttime); listener.upy.setvalueattime(1, audioctx.currenttime); listener.upz.setvalueattime(0, audioctx.currenttime); } else { listener.setorientation(0,0,-1,0,1,0); } var source; var play = document.queryselector('.play'); var
stop = document.queryselector('.
stop'); var boombox = document.queryselector('.boom-box'); var listenerdata = document.queryselector('.listener-data'); var pannerdata = document.queryselector('.panner-data'); leftbound = (-xpos) + 50; rightbound = xpos - 50; xiterator = width/150; // listener will always be in the same place for this demo if(listener.positionx) { listener.positionx.setvalueatt...
AudioListener.upY - Web APIs
tener.forwardy.setvalueattime(0, audioctx.currenttime); listener.forwardz.setvalueattime(-1, audioctx.currenttime); listener.upx.setvalueattime(0, audioctx.currenttime); listener.upy.setvalueattime(1, audioctx.currenttime); listener.upz.setvalueattime(0, audioctx.currenttime); } else { listener.setorientation(0,0,-1,0,1,0); } var source; var play = document.queryselector('.play'); var
stop = document.queryselector('.
stop'); var boombox = document.queryselector('.boom-box'); var listenerdata = document.queryselector('.listener-data'); var pannerdata = document.queryselector('.panner-data'); leftbound = (-xpos) + 50; rightbound = xpos - 50; xiterator = width/150; // listener will always be in the same place for this demo if(listener.positionx) { listener.positionx.setvalueatt...
AudioListener.upZ - Web APIs
tener.forwardy.setvalueattime(0, audioctx.currenttime); listener.forwardz.setvalueattime(-1, audioctx.currenttime); listener.upx.setvalueattime(0, audioctx.currenttime); listener.upy.setvalueattime(1, audioctx.currenttime); listener.upz.setvalueattime(0, audioctx.currenttime); } else { listener.setorientation(0,0,-1,0,1,0); } var source; var play = document.queryselector('.play'); var
stop = document.queryselector('.
stop'); var boombox = document.queryselector('.boom-box'); var listenerdata = document.queryselector('.listener-data'); var pannerdata = document.queryselector('.panner-data'); leftbound = (-xpos) + 50; rightbound = xpos - 50; xiterator = width/150; // listener will always be in the same place for this demo if(listener.positionx) { listener.positionx.setvalueatt...
AudioListener - Web APIs
tener.forwardy.setvalueattime(0, audioctx.currenttime); listener.forwardz.setvalueattime(-1, audioctx.currenttime); listener.upx.setvalueattime(0, audioctx.currenttime); listener.upy.setvalueattime(1, audioctx.currenttime); listener.upz.setvalueattime(0, audioctx.currenttime); } else { listener.setorientation(0,0,-1,0,1,0); } var source; var play = document.queryselector('.play'); var
stop = document.queryselector('.
stop'); var boombox = document.queryselector('.boom-box'); var listenerdata = document.queryselector('.listener-data'); var pannerdata = document.queryselector('.panner-data'); leftbound = (-xpos) + 50; rightbound = xpos - 50; xiterator = width/150; // listener will always be in the same place for this demo if(listener.positionx) { listener.positionx.setvalueatt...
AudioProcessingEvent - Web APIs
t equal to the same as the input outputdata[sample] = inputdata[sample]; // add noise to each output sample outputdata[sample] += ((math.random() * 2) - 1) * 0.2; } } } getdata(); // wire up play button playbutton.onclick = function() { source.connect(scriptnode); scriptnode.connect(audioctx.destination); source.start(); } // when the buffer source
stops playing, disconnect everything source.onended = function() { source.disconnect(scriptnode); scriptnode.disconnect(audioctx.destination); } ...
Background Tasks API - Web APIs
if you make changes that affect layout, you may force a situation in which the browser has to
stop and do recalculations that would otherwise be unnecessary.
BaseAudioContext.createDelay() - Web APIs
var synthsource; playsynth.onclick = function() { synthsource = audioctx.createbuffersource(); synthsource.buffer = buffers[2]; synthsource.loop = true; synthsource.start(); synthsource.connect(synthdelay); synthdelay.connect(destination); this.setattribute('disabled', 'disabled'); }
stopsynth.onclick = function() { synthsource.disconnect(synthdelay); synthdelay.disconnect(destination); synthsource.
stop(); playsynth.removeattribute('disabled'); } ...
BaseAudioContext.createPanner() - Web APIs
tener.forwardy.setvalueattime(0, audioctx.currenttime); listener.forwardz.setvalueattime(-1, audioctx.currenttime); listener.upx.setvalueattime(0, audioctx.currenttime); listener.upy.setvalueattime(1, audioctx.currenttime); listener.upz.setvalueattime(0, audioctx.currenttime); } else { listener.setorientation(0,0,-1,0,1,0); } var source; var play = document.queryselector('.play'); var
stop = document.queryselector('.
stop'); var boombox = document.queryselector('.boom-box'); var listenerdata = document.queryselector('.listener-data'); var pannerdata = document.queryselector('.panner-data'); leftbound = (-xpos) + 50; rightbound = xpos - 50; xiterator = width/150; // listener will always be in the same place for this demo if(listener.positionx) { listener.positionx.setvalueatt...
BaseAudioContext.createPeriodicWave() - Web APIs
var real = new float32array(2); var imag = new float32array(2); var ac = new audiocontext(); var osc = ac.createoscillator(); real[0] = 0; imag[0] = 0; real[1] = 1; imag[1] = 0; var wave = ac.createperiodicwave(real, imag, {disablenormalization: true}); osc.setperiodicwave(wave); osc.connect(ac.destination); osc.start(); osc.
stop(2); this works because a sound that contains only a fundamental tone is by definition a sine wave here, we create a periodicwave with two values.
BaseAudioContext.createScriptProcessor() - Web APIs
t equal to the same as the input outputdata[sample] = inputdata[sample]; // add noise to each output sample outputdata[sample] += ((math.random() * 2) - 1) * 0.2; } } } getdata(); // wire up play button playbutton.onclick = function() { source.connect(scriptnode); scriptnode.connect(audioctx.destination); source.start(); } // when the buffer source
stops playing, disconnect everything source.onended = function() { source.disconnect(scriptnode); scriptnode.disconnect(audioctx.destination); } specifications specification status comment web audio apithe definition of 'createscriptprocessor' in that specification.
BiquadFilterNode() - Web APIs
notch: the notch filter (also known as a band-
stop, or band-rejection filter) is the opposite of a bandpass filter.
Body.arrayBuffer() - Web APIs
function getdata() { source = audioctx.createbuffersource(); var myrequest = new request('viper.ogg'); fetch(myrequest).then(function(response) { return response.arraybuffer(); }).then(function(buffer) { audioctx.decodeaudiodata(buffer, function(decodeddata) { source.buffer = decodeddata; source.connect(audioctx.destination); }); }); }; // wire up buttons to
stop and play audio play.onclick = function() { getdata(); source.start(0); play.setattribute('disabled', 'disabled'); } reading files the response() constructor accepts files and blobs, so it may be used to read a file into other formats.
Basic animations - Web APIs
(n.addcolor
stop(0, "black"), n.addcolor
stop(1, "#8bc34a")) : (n.addcolor
stop(0, "#8bc34a"), n.addcolor
stop(1, "white")), c.fillstyle = n } else c.fillstyle = "#8bc34a"; c.fillrect(t.x, t.y, this.w, this.h), c.strokestyle = "#e91e63", c.font = "30px serif", c.strokestyle = "#9e9e9e", i.length - 1 != e && 0 != e && c.strokerect(t.x, t.y, this.w, this.h), 0 == e && (c.beginpath(), c.
Compositing example - Web APIs
= width / 2; var rotate = (1 / 360) * math.pi * 2; // per degree var offset = 0; // scrollbar offset var oleft = -20; var otop = -20; for (var n = 0; n <= 359; n ++) { var gradient = ctx.createlineargradient(oleft + halfwidth, otop, oleft + halfwidth, otop + halfwidth); var color = color.hsv_rgb({ h: (n + 300) % 360, s: 100, v: 100 }); gradient.addcolor
stop(0, "rgba(0,0,0,0)"); gradient.addcolor
stop(0.7, "rgba("+color.r+","+color.g+","+color.b+",1)"); gradient.addcolor
stop(1, "rgba(255,255,255,1)"); ctx.beginpath(); ctx.moveto(oleft + halfwidth, otop); ctx.lineto(oleft + halfwidth, otop + halfwidth); ctx.lineto(oleft + halfwidth + 6, otop); ctx.fillstyle = gradient; ctx.fill(); ...
Compositing and clipping - Web APIs
function draw() { var ctx = document.getelementbyid('canvas').getcontext('2d'); ctx.fillrect(0, 0, 150, 150); ctx.translate(75, 75); // create a circular clipping path ctx.beginpath(); ctx.arc(0, 0, 60, 0, math.pi * 2, true); ctx.clip(); // draw background var lingrad = ctx.createlineargradient(0, -75, 0, 75); lingrad.addcolor
stop(0, '#232256'); lingrad.addcolor
stop(1, '#143778'); ctx.fillstyle = lingrad; ctx.fillrect(-75, -75, 150, 150); // draw stars for (var j = 1; j < 50; j++) { ctx.save(); ctx.fillstyle = '#fff'; ctx.translate(75 - math.floor(math.random() * 150), 75 - math.floor(math.random() * 150)); drawstar(ctx, math.floor(math.random() * 4) + 2); ctx.restore(); ...
Console.time() - Web APIs
this will identify the timer; use the same name when calling console.timeend() to
stop the timer and get the time output to the console.
Console.timeLog() - Web APIs
continue"); console.timelog("answer time"); alert("do a bunch of other stuff..."); console.timeend("answer time"); the output from the example above shows the time taken by the user to dismiss the first alert box, followed by the time it took for the user to dismiss the second alert: notice that the timer's name is displayed when the timer value is logged using timelog() and again when it's
stopped.
DelayNode.delayTime - Web APIs
var synthsource; playsynth.onclick = function() { synthsource = audioctx.createbuffersource(); synthsource.buffer = buffers[2]; synthsource.loop = true; synthsource.start(); synthsource.connect(synthdelay); synthdelay.connect(destination); this.setattribute('disabled', 'disabled'); }
stopsynth.onclick = function() { synthsource.disconnect(synthdelay); synthdelay.disconnect(destination); synthsource.
stop(); playsynth.removeattribute('disabled'); } ...
DelayNode - Web APIs
var synthsource; playsynth.onclick = function() { synthsource = audioctx.createbuffersource(); synthsource.buffer = buffers[2]; synthsource.loop = true; synthsource.start(); synthsource.connect(synthdelay); synthdelay.connect(destination); this.setattribute('disabled', 'disabled'); }
stopsynth.onclick = function() { synthsource.disconnect(synthdelay); synthdelay.disconnect(destination); synthsource.
stop(); playsynth.removeattribute('disabled'); } ...
Document.visibilityState - Web APIs
typical use of this can be to prevent the download of some assets when the document is solely prerendered, or
stop some activities when the document is in the background or minimized.
Document Object Model (DOM) - Web APIs
neargradientelement svglineelement svgmarkerelement svgmaskelement svgmeshelement svgmeshgradientelement svgmeshpatchelement svgmeshrowelement svgmetadataelement svgmissingglyphelement svgmpathelement svgpathelement svgpatternelement svgpolylineelement svgpolygonelement svgradialgradientelement svgrectelement svgscriptelement svgsetelement svgsolidcolorelement svg
stopelement svgstyleelement svgsvgelement svgswitchelement svgsymbolelement svgtextcontentelement svgtextelement svgtextpathelement svgtextpositioningelement svgtitleelement svgtrefelement svgtspanelement svguseelement svgunknownelement svgviewelement svgvkernelement svg data type interfaces here are the dom apis for data types used in the definitions of svg properties and att...
Element: MSGestureEnd event - Web APIs
the msgestureend event is fired when all associated touch points have
stopped contacting the touch surface, and any associated inertial movements have ended; thus ending the gesture.
Element.setPointerCapture() - Web APIs
html <div id="slider">slide me</div> css div { width: 140px; height: 50px; display: flex; align-items: center; justify-content: center; background: #fbe; } javascript function beginsliding(e) { slider.onpointermove = slide; slider.setpointercapture(e.pointerid); } function
stopsliding(e) { slider.onpointermove = null; slider.releasepointercapture(e.pointerid); } function slide(e) { slider.style.transform = `translate(${e.clientx - 70}px)`; } const slider = document.getelementbyid('slider'); slider.onpointerdown = beginsliding; slider.onpointerup =
stopsliding; result specifications specification status comment pointer events �...
Event.cancelable - Web APIs
if the event is not cancelable, then its cancelable property will be false and the event listener cannot
stop the event from occurring.
Using FormData Objects - Web APIs
typically this is used as shown in our simple formdata event demo — in the javascript we reference a form: const formelem = document.queryselector('form'); in our submit event handler we use preventdefault to
stop the default form submission, then invoke a formdata constructor to trigger the formdata event: formelem.addeventlistener('submit', (e) => { // on form submission, prevent default e.preventdefault(); // construct a formdata object, which fires the formdata event new formdata(formelem); }); when the formdata event fires we can access the formdata object using formdataevent.formdata, then...
Using the Geolocation API - Web APIs
const watchid = navigator.geolocation.watchposition((position) => { dosomething(position.coords.latitude, position.coords.longitude); }); the watchposition() method returns an id number that can be used to uniquely identify the requested position watcher; you use this value in tandem with the clearwatch() method to
stop watching the user's location.
GlobalEventHandlers.onanimationend - Web APIs
ent.animationname + "</code> at time " + event.elapsedtime.tofixed(2) + " seconds."; } logbox.innerhtml += "\n"; }; then we set up the event handlers for the animationstart and animationend events: let box = document.getelementbyid("box"); box.onanimationstart = function(event) { log("animation started", event); } box.onanimationend = function(event) { log("animation
stopped", event); }; finally, we set up a handler for a click on the button that runs the animation: document.getelementbyid("play").addeventlistener("click", function(event) { document.getelementbyid("box").classname = "slideanimation"; event.target.style.display = "none"; }, false); this sets the class of the box we want to animate to the class that contains the animation description, then h...
GlobalEventHandlers.onanimationiteration - Web APIs
result assembled together, you get this: each time the box reaches the opposing corner, it
stops, with the button reflecting which iteration number is up next, until you click the button to run the next iteration.
GlobalEventHandlers.onanimationstart - Web APIs
ent.animationname + "</code> at time " + event.elapsedtime.tofixed(2) + " seconds."; } logbox.innerhtml += "\n"; }; then we set up the event handlers for the animationstart and animationend events: let box = document.getelementbyid("box"); box.onanimationstart = function(event) { log("animation started", event); } box.onanimationend = function(event) { log("animation
stopped", event); }; finally, we set up a handler for a click on the button that runs the animation: document.getelementbyid("play").addeventlistener("click", function(event) { document.getelementbyid("box").classname = "slideanimation"; event.target.style.display = "none"; }, false); this sets the class of the box we want to animate to the class that contains the animation description, then h...
GlobalEventHandlers.oncanplay - Web APIs
the canplay event is fired when the user agent can play the media, but estimates that not enough data has been loaded to play the media up to its end without having to
stop for further buffering of content.
GlobalEventHandlers.oncanplaythrough - Web APIs
the canplaythrough event is fired when the user agent can play the media and estimates that enough data has been loaded to play the media up to its end without having to
stop for further buffering of content.
Ajax navigation example - Web APIs
attachevent("onload", init) : (onload = init); // public methods this.open = requestpage; this.
stop = abortreq; this.rebuildlinks = init; })(); for more information, please see: working with the history api.
Using IndexedDB - Web APIs
unless you handle the error by first calling
stoppropagation() on the error event then doing something else, the entire transaction is rolled back.
InterventionReportBody - Web APIs
so for example, a script was been
stopped because it was significantly slowing down the browser, or the browser's autoplay policy blocked audio from playing without a user gesture to trigger it.
KeyboardEvent.code - Web APIs
most real games would watch for keydown events, start motion when that happens, and
stop the motion when the corresponding keyup occurs, instead of relying on key repeats.
Location - Web APIs
et:before {background:black; color:yellow;} [title] [title]:before {margin-top:1.5em;} [title] [title] [title]:before {margin-top:3em;} [title]:hover, :target {position:relative; z-index:1; outline:50em solid rgba(255,255,255,.8);} javascript [].foreach.call(document.queryselectorall('[title][id]'), function (node) { node.addeventlistener("click", function(e) { e.preventdefault(); e.
stoppropagation(); window.location.hash = '#' + $(this).attr('id'); }); }); [].foreach.call(document.queryselectorall('[title]'), function (node) { node.addeventlistener("click", function(e) { e.preventdefault(); e.
stoppropagation(); window.location.hash = ''; }); }); result properties location.ancestororigins is a static domstringlist containing, in reverse order, the or...
MSManipulationEvent.initMSManipulationEvent() - Web APIs
donly ms_manipulation_state_active: number; readonly ms_manipulation_state_cancelled: number; readonly ms_manipulation_state_committed: number; readonly ms_manipulation_state_dragging: number; readonly ms_manipulation_state_inertia: number; readonly ms_manipulation_state_preselect: number; readonly ms_manipulation_state_selecting: number; readonly ms_manipulation_state_
stopped: number; } see also msmanipulationevent microsoft api extensions ...
MSManipulationEvent - Web APIs
donly ms_manipulation_state_active: number; readonly ms_manipulation_state_cancelled: number; readonly ms_manipulation_state_committed: number; readonly ms_manipulation_state_dragging: number; readonly ms_manipulation_state_inertia: number; readonly ms_manipulation_state_preselect: number; readonly ms_manipulation_state_selecting: number; readonly ms_manipulation_state_
stopped: number; } see also touchevent msmanipulationstatechanged microsoft api extensions ...
MediaStream.getTracks() - Web APIs
example navigator.mediadevices.getusermedia({audio: false, video: true}) .then(mediastream => { document.queryselector('video').srcobject = mediastream; //
stop the stream after 5 seconds settimeout(() => { const tracks = mediastream.gettracks() tracks[0].
stop() }, 5000) }) specifications specification status comment media capture and streamsthe definition of 'gettracks()' in that specification.
MediaStreamTrack.onended - Web APIs
track.onended = function(event) { let statuselem = document.getelementbyid("status-icon"); statuselem.src = "/images/
stopped-icon.png"; } specifications specification status comment media capture and streamsthe definition of 'mediastreamtrack.onended' in that specification.
MediaStreamTrack - Web APIs
mediastreamtrack.
stop()
stops playing the source associated to the track, both the source and the track are deassociated.
OscillatorNode.setPeriodicWave() - Web APIs
var real = new float32array(2); var imag = new float32array(2); var ac = new audiocontext(); var osc = ac.createoscillator(); real[0] = 0; imag[0] = 0; real[1] = 1; imag[1] = 0; var wave = ac.createperiodicwave(real, imag); osc.setperiodicwave(wave); osc.connect(ac.destination); osc.start(); osc.
stop(2); this works because a sound that contains only a fundamental tone is by definition a sine wave.
Page Visibility API - Web APIs
these may include: most browsers
stop sending requestanimationframe() callbacks to background tabs or hidden <iframe>s in order to improve performance and battery life.
PannerNode.distanceModel - Web APIs
tener.forwardy.setvalueattime(0, audioctx.currenttime); listener.forwardz.setvalueattime(-1, audioctx.currenttime); listener.upx.setvalueattime(0, audioctx.currenttime); listener.upy.setvalueattime(1, audioctx.currenttime); listener.upz.setvalueattime(0, audioctx.currenttime); } else { listener.setorientation(0,0,-1,0,1,0); } var source; var play = document.queryselector('.play'); var
stop = document.queryselector('.
stop'); var boombox = document.queryselector('.boom-box'); var listenerdata = document.queryselector('.listener-data'); var pannerdata = document.queryselector('.panner-data'); leftbound = (-xpos) + 50; rightbound = xpos - 50; xiterator = width/150; // listener will always be in the same place for this demo if(listener.positionx) { listener.positionx.setvalueatt...
PannerNode.maxDistance - Web APIs
tener.forwardy.setvalueattime(0, audioctx.currenttime); listener.forwardz.setvalueattime(-1, audioctx.currenttime); listener.upx.setvalueattime(0, audioctx.currenttime); listener.upy.setvalueattime(1, audioctx.currenttime); listener.upz.setvalueattime(0, audioctx.currenttime); } else { listener.setorientation(0,0,-1,0,1,0); } var source; var play = document.queryselector('.play'); var
stop = document.queryselector('.
stop'); var boombox = document.queryselector('.boom-box'); var listenerdata = document.queryselector('.listener-data'); var pannerdata = document.queryselector('.panner-data'); leftbound = (-xpos) + 50; rightbound = xpos - 50; xiterator = width/150; // listener will always be in the same place for this demo if(listener.positionx) { listener.positionx.setvalueatt...
PannerNode.panningModel - Web APIs
tener.forwardy.setvalueattime(0, audioctx.currenttime); listener.forwardz.setvalueattime(-1, audioctx.currenttime); listener.upx.setvalueattime(0, audioctx.currenttime); listener.upy.setvalueattime(1, audioctx.currenttime); listener.upz.setvalueattime(0, audioctx.currenttime); } else { listener.setorientation(0,0,-1,0,1,0); } var source; var play = document.queryselector('.play'); var
stop = document.queryselector('.
stop'); var boombox = document.queryselector('.boom-box'); var listenerdata = document.queryselector('.listener-data'); var pannerdata = document.queryselector('.panner-data'); leftbound = (-xpos) + 50; rightbound = xpos - 50; xiterator = width/150; // listener will always be in the same place for this demo if(listener.positionx) { listener.positionx.setvalueatt...
PannerNode.refDistance - Web APIs
const osc = new oscillatornode(context); const panner = new pannernode(context); panner.refdistance = refdistance; // set the initial z position, then schedule the ramp panner.positionz.setvalueattime(0, starttime); panner.positionz.linearramptovalueattime(z_distance, starttime + note_length); osc.connect(panner) .connect(context.destination); osc.start(starttime); osc.
stop(starttime + note_length); }; // this tone should decay immediately and fairly quickly scheduletesttone(1, context.currenttime); // this tone should decay slower and later than the previous one scheduletesttone(4, context.currenttime + note_length); // this tone should decay only slightly, and only start decaying fairly late scheduletesttone(7, context.currenttime + note_length * 2); after runni...
PannerNode.rolloffFactor - Web APIs
onst osc = new oscillatornode(context); const panner = new pannernode(context); panner.rollofffactor = rollofffactor; // set the initial z position, then schedule the ramp panner.positionz.setvalueattime(0, starttime); panner.positionz.linearramptovalueattime(z_distance, starttime + note_length); osc.connect(panner) .connect(context.destination); osc.start(starttime); osc.
stop(starttime + note_length); }; // this tone should decay fairly quickly scheduletesttone(1, context.currenttime); // this tone should decay slower than the previous one scheduletesttone(0.5, context.currenttime + note_length); // this tone should decay only slightly scheduletesttone(0.1, context.currenttime + note_length * 2); after running this code, the resulting waveforms should look something...
PannerNode.setOrientation() - Web APIs
tener.forwardy.setvalueattime(0, audioctx.currenttime); listener.forwardz.setvalueattime(-1, audioctx.currenttime); listener.upx.setvalueattime(0, audioctx.currenttime); listener.upy.setvalueattime(1, audioctx.currenttime); listener.upz.setvalueattime(0, audioctx.currenttime); } else { listener.setorientation(0,0,-1,0,1,0); } var source; var play = document.queryselector('.play'); var
stop = document.queryselector('.
stop'); var boombox = document.queryselector('.boom-box'); var listenerdata = document.queryselector('.listener-data'); var pannerdata = document.queryselector('.panner-data'); leftbound = (-xpos) + 50; rightbound = xpos - 50; xiterator = width/150; // listener will always be in the same place for this demo if(listener.positionx) { listener.positionx.setvalueatt...
PannerNode.setPosition() - Web APIs
tener.forwardy.setvalueattime(0, audioctx.currenttime); listener.forwardz.setvalueattime(-1, audioctx.currenttime); listener.upx.setvalueattime(0, audioctx.currenttime); listener.upy.setvalueattime(1, audioctx.currenttime); listener.upz.setvalueattime(0, audioctx.currenttime); } else { listener.setorientation(0,0,-1,0,1,0); } var source; var play = document.queryselector('.play'); var
stop = document.queryselector('.
stop'); var boombox = document.queryselector('.boom-box'); var listenerdata = document.queryselector('.listener-data'); var pannerdata = document.queryselector('.panner-data'); leftbound = (-xpos) + 50; rightbound = xpos - 50; xiterator = width/150; // listener will always be in the same place for this demo if(listener.positionx) { listener.positionx.setvalueatt...
PannerNode.setVelocity() - Web APIs
tener.forwardy.setvalueattime(0, audioctx.currenttime); listener.forwardz.setvalueattime(-1, audioctx.currenttime); listener.upx.setvalueattime(0, audioctx.currenttime); listener.upy.setvalueattime(1, audioctx.currenttime); listener.upz.setvalueattime(0, audioctx.currenttime); } else { listener.setorientation(0,0,-1,0,1,0); } var source; var play = document.queryselector('.play'); var
stop = document.queryselector('.
stop'); var boombox = document.queryselector('.boom-box'); var listenerdata = document.queryselector('.listener-data'); var pannerdata = document.queryselector('.panner-data'); leftbound = (-xpos) + 50; rightbound = xpos - 50; xiterator = width/150; // listener will always be in the same place for this demo if(listener.positionx) { listener.positionx.setvalueatt...
PannerNode - Web APIs
tener.forwardy.setvalueattime(0, audioctx.currenttime); listener.forwardz.setvalueattime(-1, audioctx.currenttime); listener.upx.setvalueattime(0, audioctx.currenttime); listener.upy.setvalueattime(1, audioctx.currenttime); listener.upz.setvalueattime(0, audioctx.currenttime); } else { listener.setorientation(0,0,-1,0,1,0); } var source; var play = document.queryselector('.play'); var
stop = document.queryselector('.
stop'); var boombox = document.queryselector('.boom-box'); var listenerdata = document.queryselector('.listener-data'); var pannerdata = document.queryselector('.panner-data'); leftbound = (-xpos) + 50; rightbound = xpos - 50; xiterator = width/150; // listener will always be in the same place for this demo if(listener.positionx) { listener.positionx.setvalueatt...
ParentNode.prepend() - Web APIs
syntax parentnode.prepend(...node
stoprepend); parameters node
stoprepend one or more nodes to insert before the first child node currently in the parentnode.
PerformanceObserver - Web APIs
the performance observer's callback function will be invoked when a performance entry is recorded for one of the specified entrytypes performanceobserver.disconnect()
stops the performance observer callback from receiving performance entries.
Using Performance Timeline - Web APIs
function print_performanceentry(ev) { var properties = ["name", "entrytype", "starttime", "duration"]; // create a few performance entries performance.mark("start"); do_work(50000); performance.mark("
stop"); performance.measure("measure-1"); var p = performance.getentries(); for (var i=0; i < p.length; i++) { log("perfentry[" + i + "]"); for (var j=0; j < properties.length; j++) { // check each property in window.performance var supported = properties[j] in p[i]; if (supported) { var pe = p[i]; log("...
Performance Timeline - Web APIs
besides the performanceobserver's interface's observe() method (which is used to register the entry types to observe), the performanceobserver interface also has a disconnect() method that
stops an observer from receiving further events.
PeriodicWave - Web APIs
var real = new float32array(2); var imag = new float32array(2); var ac = new audiocontext(); var osc = ac.createoscillator(); real[0] = 0; imag[0] = 0; real[1] = 1; imag[1] = 0; var wave = ac.createperiodicwave(real, imag, {disablenormalization: true}); osc.setperiodicwave(wave); osc.connect(ac.destination); osc.start(); osc.
stop(2); this works because a sound that contains only a fundamental tone is by definition a sine wave here, we create a periodicwave with two values.
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 application but aren't directly involved with the event flow.
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></output> </body> miscellaneous functions these functions support the application but aren't directly involved in the event flow.
Pointer events - Web APIs
releasepointercapture() this method releases (
stops) pointer capture that was previously set for a specific pointer event.
RTCDTMFSender.insertDTMF() - Web APIs
return value undefined exceptions invalidstateerror the dtmf tones couldn't be sent because the track has been
stopped, or is in a read-only or inactive state.
RTCDTMFSender: tonechange event - Web APIs
bubbles no cancelable no interface rtcdtmftonechangeevent event handler property ontonechange to determine what tone started playing, or if a tone
stopped playing, check the value of the event's tone property.
RTCDTMFSender - Web APIs
tonechange the tonechange event is sent to the rtcdtmfsender instance's event handler to indicate that a tone has either started or
stopped playing.
RTCDTMFToneChangeEvent.RTCDTMFToneChangeEvent() - Web APIs
options a dictionary of type rtcdtmftonechangeeventinit, which may contain one or more of the following fields: tone a domstring containing a single dtmf tone character which has just begun to play, or an empty string ("") to indicate that the previous tone has
stopped playing.
RTCPeerConnection.close() - Web APIs
all rtcrtpsender objects are considered to be
stopped once this returns (they may still be in the process of
stopping, but for all intents and purposes, they're
stopped).
RTCPeerConnection - Web APIs
because this method has been deprecated, you should instead use removetrack() if your target browser versions have implemented it.removetrack()the rtcpeerconnection.removetrack() method tells the local end of the connection to
stop sending media from the specified track, without actually removing the corresponding rtcrtpsender from the list of senders as reported by rtcpeerconnection.getsenders().restartice()the webrtc api's rtcpeerconnection interface offers the restartice() method to allow a web application to easily request that ice candidate gathering be redone on both ends of the connection.setconfiguration() the rtcp...
ReportingObserver - Web APIs
methods reportingobserver.disconnect()
stops a reporting observer that had previously started observing from collecting reports.
SVGAnimationElement: endEvent event - Web APIs
imeevent event handler property onend examples animated circle <svg xmlns="http://www.w3.org/2000/svg" width="300px" height="100px"> <title>svg smil animate with path</title> <circle cx="0" cy="50" r="50" fill="blue" stroke="black" stroke-width="1"> <animatemotion path="m 0 0 h 300 z" dur="5s" repeatcount="indefinite" /> </circle> </svg> <hr> <button>
stop animation</button> <ul> </ul> ul { height: 100px; border: 1px solid #ddd; overflow-y: scroll; padding: 10px 30px; } let svgelem = document.queryselector('svg'); let animateelem = document.queryselector('animatemotion'); let list = document.queryselector('ul'); let btn = document.queryselector('button'); animateelem.addeventlistener('beginevent', () => { let listitem = document.crea...
SVGElement - Web APIs
abort fired when page loading is
stopped before an svg element has been allowed to load completely.
ScriptProcessorNode.bufferSize - Web APIs
// make output equal to the same as the input outputdata[sample] = inputdata[sample]; // add noise to each output sample outputdata[sample] += ((math.random() * 2) - 1) * 0.2; } } } getdata(); // wire up play button playbutton.onclick = function() { source.connect(scriptnode); scriptnode.connect(audioctx.destination); source.start(); } // when the buffer source
stops playing, disconnect everything source.onended = function() { source.disconnect(scriptnode); scriptnode.disconnect(audioctx.destination); } specifications specification status comment web audio apithe definition of 'buffersize' in that specification.
ScriptProcessorNode.onaudioprocess - Web APIs
t equal to the same as the input outputdata[sample] = inputdata[sample]; // add noise to each output sample outputdata[sample] += ((math.random() * 2) - 1) * 0.2; } } } getdata(); // wire up play button playbutton.onclick = function() { source.connect(scriptnode); scriptnode.connect(audioctx.destination); source.start(); } // when the buffer source
stops playing, disconnect everything source.onended = function() { source.disconnect(scriptnode); scriptnode.disconnect(audioctx.destination); } specifications specification status comment web audio apithe definition of 'onaudioprocess' in that specification.
ScriptProcessorNode - Web APIs
// make output equal to the same as the input outputdata[sample] = inputdata[sample]; // add noise to each output sample outputdata[sample] += ((math.random() * 2) - 1) * 0.2; } } } getdata(); // wire up play button playbutton.onclick = function() { source.connect(scriptnode); scriptnode.connect(audioctx.destination); source.start(); } // when the buffer source
stops playing, disconnect everything source.onended = function() { source.disconnect(scriptnode); scriptnode.disconnect(audioctx.destination); } specifications specification status comment web audio apithe definition of 'scriptprocessornode' in that specification.
Using Service Workers - Web APIs
ist) => { return promise.all(keylist.map((key) => { if (cachekeeplist.indexof(key) === -1) { return caches.delete(key); } })); }) ); }); developer tools chrome has chrome://inspect/#service-workers, which shows current service worker activity and storage on a device, and chrome://serviceworker-internals, which shows more detail and allows you to start/
stop/debug the worker process.
ShadowRoot.mode - Web APIs
examples let customelem = document.queryselector('my-shadow-dom-element'); let shadow = customelem.shadowroot; // another way to check whether the shadow root is open; it will return null if not if(shadow) { // if it is open, close it to
stop people stealing our secrets!
SpeechRecognition.start() - Web APIs
rammars = speechrecognitionlist; var diagnostic = document.queryselector('.output'); var bg = document.queryselector('html'); document.body.onclick = function() { recognition.start(); console.log('ready to receive a color command.'); } abortbtn.onclick = function() { recognition.abort(); console.log('speech recognition aborted.'); } recognition.onspeechend = function() { recognition.
stop(); console.log('speech recognition has
stopped.'); } specifications specification status comment web speech apithe definition of 'start()' in that specification.
SpeechSynthesis - Web APIs
inside the inputform.onsubmit handler, we
stop the form submitting with preventdefault(), create a new speechsynthesisutterance instance containing the text from the text <input>, set the utterance's voice to the voice selected in the <select> element, and start the utterance speaking via the speechsynthesis.speak() method.
SpeechSynthesisUtterance - Web APIs
inside the inputform.onsubmit handler, we
stop the form submitting with preventdefault(), use the constructor to create a new utterance instance containing the text from the text <input>, set the utterance's voice to the voice selected in the <select> element, and start the utterance speaking via the speechsynthesis.speak() method.
Streams API concepts - Web APIs
if it is too low, our readablestream can tell its underlying source to
stop sending data, and we backpressure along the stream chain.
Multi-touch interaction - Web APIs
<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 functions these functions support the application but aren't directly involved with the event flow.
VTTCue() - Web APIs
this is the time at which the cue should
stop being presented to the user, given in seconds and fractions thereof.
Scissor animation - Web APIs
position = [0, gl.drawingbufferheight]; var button = document.queryselector("button"); var timer; function startanimation(evt) { button.removeeventlistener(evt.type, startanimation, false); button.addeventlistener("click",
stopanimation, false); document.queryselector("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); }
stopanim...
Inputs and input sources - Web APIs
this might be drawing a controller with the activated button in a new color, or showing the targeted object being grabbed and moved around, starting when selectstart arrives and
stopping when selectend is received.
Using the Web Animations API - Web APIs
we can figure out whether she's on the large end or small end of her animation by getting her animation's currenttime and dividing it by her activeduration: var endgame = function() { // get alice's timeline's playhead location var aliceplayhead = alicechange.currenttime; var alicetimeline = alicechange.effect.getcomputedtiming().activeduration; //
stops alice's and other animations
stopplayingalice(); // depending on which third it falls into var aliceheight = aliceplayhead / alicetimeline; if (aliceheight <= .333){ // alice got smaller!
Web audio spatialization basics - Web APIs
+'px) scale('+transform.zaxis+') rotatey('+transform.rotatey+'deg) rotatex('+transform.rotatex+'deg)'; const move = prevmove || {}; move.frameid = requestanimationframe(() => moveboombox(direction, move)); return move; } wiring up our controls wiring up out control buttons is comparatively simple — now we can listen for a mouse event on our controls and run this function, as well as
stop it when the mouse is released: // for each of our controls, move the boombox and change the position values movecontrols.foreach(function(el) { let moving; el.addeventlistener('mousedown', function() { let direction = this.dataset.control; if (moving && moving.frameid) { window.cancelanimationframe(moving.frameid); } moving = moveboombox(dire...
Web Audio API - Web APIs
the ended event the ended event is fired when playback has
stopped because the end of the media was reached.
Using the Web Speech API - Web APIs
we also use a speechrecognition.onspeechend handler to
stop the speech recognition service from running (using speechrecognition.
stop()) once a single word has been recognised and it has finished being spoken: recognition.onspeechend = function() { recognition.
stop(); } handling errors and unrecognised speech the last two handlers are there to handle cases where speech was recognised that wasn't in the defined grammar, or an error occured.
Window.matchMedia() - Web APIs
the window interface's matchmedia() method returns a new mediaquerylist object that can then be used to determine if the document matches the media query string, as well as to monitor the document to detect when it matches (or
stops matching) that media query.
Window.open() - Web APIs
toolbar if this feature is on, then the new secondary window renders the toolbar buttons (back, forward, reload,
stop buttons).
Window.speechSynthesis - Web APIs
inside the inputform.onsubmit handler, we
stop the form submitting with preventdefault(), create a new speechsynthesisutterance instance containing the text from the text <input>, set the utterance's voice to the voice selected in the <select> element, and start the utterance speaking via the speechsynthesis.speak() method.
Window: unload event - Web APIs
s no cancelable no interface event event handler property onunload it is fired after: beforeunload (cancelable event) pagehide the document is in the following state: all the resources still exist (img, iframe etc.) nothing is visible anymore to the end user ui interactions are ineffective (window.open, alert, confirm, etc.) an error won't
stop the unloading workflow please note that the unload event also follows the document tree: parent frame unload will happen before child frame unload (see example below).
WindowEventHandlers.onbeforeunload - Web APIs
requires returnvalue to be set e.returnvalue = ''; }); guarantee the browser unload by removing the returnvalue property of the event window.addeventlistener('beforeunload', function (e) { // the absence of a returnvalue property on the event will guarantee the browser unload happens delete e['returnvalue']; }); notes when your page uses javascript to render content, the javascript may
stop when leaving and then navigating back to the page.
WorkerGlobalScope - Web APIs
this change was made to
stop close() being available on service workers, as it isn't supposed to be used there and always throws an exception when called (see bug 1336043).
Using XMLHttpRequest - Web APIs
xmlhttprequests being
stopped if you conclude with an xmlhttprequest receiving status=0 and statustext=null, this means the request was not allowed to be performed.
XRSession.cancelAnimationFrame() - Web APIs
esthandle = null; let xrsession = null; if (xr) { xr.issessionsupported('immersive-vr') .then((issupported) => { if (issupported) { startxr(); } }); } function framecallback(time, xrframe) { xrsession.requestanimationframe(framecallback); // update and render the frame } async function startxr() { xrsession = xr.requestsession("immersive-vr"); if (xrsession) {
stopbutton.onclick =
stopxr; requesthandle = xrsession.requestanimationframe(framecallback); } } function pausexr() { if (xrsession && requesthandle) { xrsession.cancelanimationframe(requesthandle); requesthandle = null; } } specifications specification status comment webxr device apithe definition of 'xrsession.cancelanimationframe' in that specifica...
XRSession: end event - Web APIs
an end event is fired at an xrsession object when the webxr session has ended, either because the web application has chosen to
stop the session, or because the user agent terminated the session.
XRWebGLLayer() - Web APIs
exceptions invalidstateerror the new xrwebgllayer could not be created due to one of a number of possible state errors: the xrsession specified by session has already been
stopped.
ARIA: timer role - Accessibility
examples some prominent web timers include clocks,
stop watches and countdowns, such as ticketing websites, e-commerce sites, and event countdowns (see https://countingdownto.com/).
ARIA: Complementary role - Accessibility
examples <div role="complementary"> <h2>trending articles</h2> <ul> <li><a href="#">18 tweets that will make you feel all the feels</a></li> <li><a href="#">
stop searching for the perfect lunch containers because i've found them</a></li> <li><a href="#">the time has come to finally decide what we should be calling these foods</a></li> <li><a href="#">17 really good posts we saw on tumblr this week</a></li> <li><a href="#">10 parent hacks we know work because we tried them</a></li> </ul> </div> accessibility concerns landmark roles ar...
ARIA: button role - Accessibility
ive, button:focus, [role="button"][aria-pressed="true"] { border: 2px solid #000; } javascript function handlebtnclick(event) { togglebutton(event.target); } function handlebtnkeydown(event) { // check to see if space or enter were pressed if (event.key === " " || event.key === "enter" || event.key === "spacebar") { // "spacebar" for ie11 support // prevent the default action to
stop scrolling when space is pressed event.preventdefault(); togglebutton(event.target); } } function togglebutton(element) { var audio = document.getelementbyid('audio'); // check to see if the button is pressed var pressed = (element.getattribute("aria-pressed") === "true"); // change aria-pressed to the opposite state element.setattribute("aria-pressed", !pressed); // toggle ...
Architecture - Accessibility
the current offset = 0 iatext::ch = getcharacteratoffset(++offset); if ch == embedded object char (0xfffc) then get object for that offset (see a above), then set the current offset to -1, and go to step 2 if ch == 0 then we must determine whether we're on a hard line break: if the current accessible's ia2 role is section, heading or paragraph then we are on a hard line break, so
stop get the offset in the parent text for this object (see b above), and then repeat step (c)2 above done (d) to get the next word or line: look one character ahead.
Cognitive accessibility - Accessibility
if moving, blinking, scrolling, or auto-updating information starts automatically, lasts more than five seconds, and is presented in parallel with other content, the user must able to pause,
stop, hide or control it, unless it's an essential functionality.
Understandable - Accessibility
what page to show, when to advance to the next photo in the gallery...) if you need to have something like a carousel on a page, provide an option to
stop it automatically advancing.
-webkit-overflow-scrolling - CSS: Cascading Style Sheets
</p> </div> css div { width: 100%; overflow: auto; } p { width: 200%; background: #f5f9fa; border: 2px solid #eaf2f4; padding: 10px; } .scroll-touch { -webkit-overflow-scrolling: touch; /* lets it scroll lazy */ } .scroll-auto { -webkit-overflow-scrolling: auto; /*
stops scrolling immediately */ } results specifications not part of any standard.
:hover - CSS: Cascading Style Sheets
depending on the browser, the :hover pseudo-class might never match, match only for a moment after touching an element, or continue to match even after the user has
stopped touching and until the user touches another element.
@charset - CSS: Cascading Style Sheets
as there are several ways to define the character encoding of a style sheet, the browser will try the following methods in the following order (and
stop as soon as one yields a result) : the value of the unicode byte-order character placed at the beginning of the file.
Browser compatibility and Scroll Snap - CSS: Cascading Style Sheets
the main things to note are as follows: the scroll-snap-type-x and scroll-snap-type-y properties have been dropped the scroll-snap-type property has become a longhand, so the old shorthand syntax like scroll-snap-type:mandatory will
stop working can i use the old implementation as a fallback?
CSS Scroll Snap - CSS: Cascading Style Sheets
reference css properties on containers scroll-snap-type scroll-snap-
stop scroll-padding scroll-padding-top scroll-padding-right scroll-padding-bottom scroll-padding-left scroll-padding-inline scroll-padding-inline-start scroll-padding-inline-end scroll-padding-block scroll-padding-block-start scroll-padding-block-end css properties on children scroll-snap-align scroll-margin scroll-margin-top scroll-margin-right scroll-margin-bottom scroll-margin-...
CSS data types - CSS: Cascading Style Sheets
index the data types defined by the set of css specifications include the following: <angle> <angle-percentage> <angular-color-hint> <angular-color-
stop> <attr-fallback> <attr-name> <basic-shape> <blend-mode> <calc-product> <calc-sum> <calc-value> <color> <color-
stop> <color-
stop-angle> <counter-style> <custom-ident> <dimension> <filter-function> <flex> <frequency> <frequency-percentage> <gradient> <ident> <image> <integer> <length> <length-percentage> <number> <number-percentage> <percentage> <position> <quote> <rati...
Testing media queries programmatically - CSS: Cascading Style Sheets
ending query notifications to
stop receiving notifications about changes to the value of your media query, call removelistener() on the mediaquerylist, passing it the name of the previously-defined callback function: mediaquerylist.removelistener(handleorientationchange); ...
CSS reference - CSS: Cascading Style Sheets
argin-bottomscroll-margin-inlinescroll-margin-inline-endscroll-margin-inline-startscroll-margin-leftscroll-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-thresholdshape-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-...
overscroll-behavior - CSS: Cascading Style Sheets
this can be
stopped using overscroll-behavior-y (overscroll-behavior would also work) on the chat window, like this: .messages { height: 220px; overflow: auto; overscroll-behavior-y: contain; } we also wanted to get rid of the standard overscroll effects when the contacts are scrolled to the top or bottom (e.g.
itemprop - HTML: Hypertext Markup Language
one not defined in a public specification), or if the item is not a typed item it must be: a string that contains no "." (u+002e full
stop) characters and no ":" characters (u+003a colon) and is used as a proprietary item property name (again, one not defined in a public specification).
Expect-CT - HTTP
builds of chrome are designed to
stop enforcing the expect-ct policy 10 weeks after the installation's build date.
Index - HTTP
122 x-xss-protection http, reference, security, xss, header the http x-xss-protection response header is a feature of internet explorer, chrome and safari that
stops pages from loading when they detect reflected cross-site scripting (xss) attacks.
X-XSS-Protection - HTTP
the http x-xss-protection response header is a feature of internet explorer, chrome and safari that
stops pages from loading when they detect reflected cross-site scripting (xss) attacks.
HTTP Index - HTTP
204 x-xss-protection http, reference, security, xss, header the http x-xss-protection response header is a feature of internet explorer, chrome and safari that
stops pages from loading when they detect reflected cross-site scripting (xss) attacks.
Equality comparisons and sameness - JavaScript
here's a non-exhaustive list of built-in methods and operators that might cause a distinction between -0 and +0 to manifest itself in your code: - (unary negation) let
stoppingforce = obj.mass * -obj.velocity; if obj.velocity is 0 (or computes to 0), a -0 is introduced at that place and propogates out into
stoppingforce.
Quantifiers - JavaScript
character after the quantifier makes the quantifier "non-greedy": meaning that it will
stop as soon as it finds a match.
Array.from() - JavaScript
clojure, php etc) const range = (start,
stop, step) => array.from({ length: (
stop - start) / step + 1}, (_, i) => start + (i * step)); // generate numbers range 0..4 range(0, 4, 1); // [0, 1, 2, 3, 4] // generate numbers range 1..10 with step of 2 range(1, 10, 2); // [1, 3, 5, 7, 9] // generate the alphabet using array.from making use of it being ordered as a sequence range('a'.charcodeat(0), 'z'.charcodeat(0), 1).map(x => string.fromcha...
Function.caller - JavaScript
consider: function f(n) { g(n - 1); } function g(n) { if (n > 0) { f(n); } else {
stop(); } } f(2); at the moment
stop() is called the call stack will be: f(2) -> g(1) -> f(1) -> g(0) ->
stop() the following is true:
stop.caller === g && f.caller === g && g.caller === f so if you tried to get the stack trace in the
stop() function like this: var f =
stop; var stack = 'stack trace:'; while (f) { stack += '\n' + f.name; f = f.caller; } the loop would never
stop.
RegExp() constructor - JavaScript
flags may contain any combination of the following characters: g (global match) find all matches rather than
stopping after the first match.
WeakRef.prototype.deref() - JavaScript
const tick = () => { // get the element from the weak reference, if it still exists const element = this.ref.deref(); if (element) { element.textcontent = ++this.count; } else { // the element doesn't exist anymore console.log("the element is gone."); this.
stop(); this.ref = null; } }; specifications specification weakrefsthe definition of 'weakref.prototype.deref()' in that specification.
throw - JavaScript
execution of the current function will
stop (the statements after throw won't be executed), and control will be passed to the first catch block in the call stack.
while - JavaScript
note: use the break statement to
stop a loop before condition evaluates to true.
Codecs used by WebRTC - Web media technologies
this helps to avoid a jarring effect that can occur when voice activation and similar features cause a stream to
stop sending data temporarily—a capability known as discontinuous transmission (dtx).
Add to Home screen - Progressive web apps (PWAs)
pt(); // wait for the user to respond to the prompt deferredprompt.userchoice.then((choiceresult) => { if (choiceresult.outcome === 'accepted') { console.log('user accepted the a2hs prompt'); } else { console.log('user dismissed the a2hs prompt'); } deferredprompt = null; }); }); }); so here we: call event.preventdefault() to
stop chrome 67 and earlier from calling the install prompt automatically (this behavior changed in chrome 68).
Applying SVG effects to HTML content - SVG: Scalable Vector Graphics
example: masking for example, you can make a gradient mask for html content using svg and css code similar to the following, inside your html document: <svg height="0"> <mask id="mask-1"> <lineargradient id="gradient-1" y2="1"> <
stop stop-color="white" offset="0"/> <
stop stop-opacity="0" offset="1"/> </lineargradient> <circle cx="0.25" cy="0.25" r="0.25" id="circle" fill="white"/> <rect x="0.5" y="0.2" width="300" height="100" fill="url(#gradient-1)"/> </mask> </svg> .target { mask: url(#mask-1); } p { width: 300px; border: 1px solid #000; display: inline-block; } note that in the css, the mask ...
class - SVG: Scalable Vector Graphics
omposite> <feconvolvematrix> <fediffuselighting> <fedisplacementmap> <feflood> <fegaussianblur> <feimage> <femerge> <femorphology> <feoffset> <fespecularlighting> <fetile> <feturbulence> <filter> <font> <foreignobject> <g> <glyph> <glyphref> <image> <line> <lineargradient> <marker> <mask> <missing-glyph> <path> <pattern> <polygon> <polyline> <radialgradient> <rect> <
stop> <svg> <switch> <symbol> <text> <textpath> <title> <tref> <tspan> <use> ...
color-rendering - SVG: Scalable Vector Graphics
e>, <lineargradient>, <marker>, <mask>, <missing-glyph>, <path>, <pattern>, <polygon>, <polyline>, <radialgradient>, <rect>, <svg>, <switch>, <symbol>, <text>, <textpath>, <tspan>, and <use> html, body, svg { height: 100%; } <svg viewbox="0 0 480 200" xmlns="http://www.w3.org/2000/svg"> <defs> <radialgradient id="gradient" cx="0.5" cy="0.5" r="0.5" fx="0.35" fy="0.35" fr="5%"> <
stop offset="0%"
stop-color="white"/> <
stop offset="100%"
stop-color="darkseagreen"/> </radialgradient> </defs> <circle cx="100" cy="100" r="100" fill="url(#gradient)" color-rendering="optimizequality" /> <text x="45" y="50%" color-rendering="optimizequality">quality-optimized</text> <circle cx="100" cy="100" r="100" color-rendering="optimizespeed" fill="url(#gradient)" style...
color - SVG: Scalable Vector Graphics
the color attribute is used to provide a potential indirect value, currentcolor, for the fill, stroke,
stop-color, flood-color, and lighting-color attributes.
exponent - SVG: Scalable Vector Graphics
four elements are using this attribute: <fefunca>, <fefuncb>, <fefuncg>, and <fefuncr> html, body, svg { height: 100%; } <svg viewbox="0 0 420 200" xmlns="http://www.w3.org/2000/svg"> <defs> <lineargradient id="gradient" gradientunits="userspaceonuse" x1="0" y1="0" x2="200" y2="0"> <
stop offset="0"
stop-color="#ff0000" /> <
stop offset="0.5"
stop-color="#00ff00" /> <
stop offset="1"
stop-color="#0000ff" /> </lineargradient> </defs> <filter id="componenttransfer1" x="0" y="0" width="100%" height="100%"> <fecomponenttransfer> <fefuncr type="gamma" exponent="1"/> <fefuncg type="gamma" exponent="1"/> <fefuncb type="gamma" exponent="1"/> </fecomponenttransfer>...
fill - SVG: Scalable Vector Graphics
html,body,svg { height:100% } <svg viewbox="0 0 300 100" xmlns="http://www.w3.org/2000/svg"> <!-- simple color fill --> <circle cx="50" cy="50" r="40" fill="pink" /> <!-- fill circle with a gradient --> <defs> <radialgradient id="mygradient"> <
stop offset="0%"
stop-color="pink" /> <
stop offset="100%"
stop-color="black" /> </radialgradient> </defs> <circle cx="150" cy="50" r="40" fill="url(#mygradient)" /> <!-- keeping the final state of an animated circle which is a circle with a radius of 40.
id - SVG: Scalable Vector Graphics
a stand-alone svg document uses xml 1.0 syntax, which specifies that valid ids only include designated characters (letters, digits, and a few punctuation marks), and do not start with a digit, a full
stop (.) character, or a hyphen-minus (-) character.
intercept - SVG: Scalable Vector Graphics
four elements are using this attribute: <fefunca>, <fefuncb>, <fefuncg>, and <fefuncr> html, body, svg { height: 100%; } <svg viewbox="0 0 420 200" xmlns="http://www.w3.org/2000/svg"> <defs> <lineargradient id="gradient" gradientunits="userspaceonuse" x1="0" y1="0" x2="200" y2="0"> <
stop offset="0"
stop-color="#ff0000" /> <
stop offset="0.5"
stop-color="#00ff00" /> <
stop offset="1"
stop-color="#0000ff" /> </lineargradient> </defs> <filter id="componenttransfer1" x="0" y="0" width="100%" height="100%"> <fecomponenttransfer> <fefuncr type="linear" intercept="0"/> <fefuncg type="linear" intercept="0"/> <fefuncb type="linear" intercept="0"/> ...
name - SVG: Scalable Vector Graphics
value <name> default value none animatable yes <name> this value is the name which is used as the first parameter for icc color specifications within fill, stroke,
stop-color, flood-color and lighting-color property values to identify the color profile to use for the icc color specification and the name which can be the value of the color-profile property.
onclick - SVG: Scalable Vector Graphics
thirty-seven elements are using this attribute: <a>, <altglyph>, <animate>, <animatemotion>, <animatetransform>, <circle>, <defs>, <desc>, <ellipse>, <foreignobject>, <g>, <image>, <line>, <lineargradient>, <marker>, <metadata>, <mpath>, <path>, <pattern>, <polygon>, <polyline>, <radialgradient>, <rect>, <script>, <set>, <
stop>, <style>, <svg>, <switch>, <symbol>, <text>, <textpath>, <title>, <tref>, <tspan>, <use>, <view> html, body, svg { height: 100%; margin: 0; } <svg viewbox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"> <circle cx="100" cy="100" r="100" onclick="alert('you have clicked the circle.')" /> </svg> usage notes value <anything> default value none an...
opacity - SVG: Scalable Vector Graphics
nvas>, <circle>, <ellipse>, <foreignobject>, <g>, <iframe>, <image>, <line>, <marker>, <path>, <polygon>, <polyline>, <rect>, <svg>, <switch>, <symbol>, <text>, <textpath>, <tspan>, <use>, <unknown>, and <video> html, body, svg { height: 100%; } <svg viewbox="0 0 200 100" xmlns="http://www.w3.org/2000/svg"> <defs> <lineargradient id="gradient" x1="0%" y1="0%" x2="0" y2="100%"> <
stop offset="0%" style="
stop-color:skyblue;" /> <
stop offset="100%" style="
stop-color:seagreen;" /> </lineargradient> </defs> <rect x="0" y="0" width="100%" height="100%" fill="url(#gradient)" /> <circle cx="50" cy="50" r="40" fill="black" /> <circle cx="150" cy="50" r="40" fill="black" opacity="0.3" /> </svg> usage notes default value 1 value <alpha-valu...
paint-order - SVG: Scalable Vector Graphics
example <svg xmlns="http://www.w3.org/2000/svg" width="400" height="200"> <lineargradient id="g" x1="0" y1="0" x2="0" y2="1"> <
stop stop-color="#888"/> <
stop stop-color="#ccc" offset="1"/> </lineargradient> <rect width="400" height="200" fill="url(#g)"/> <g fill="crimson" stroke="white" stroke-width="6" stroke-linejoin="round" text-anchor="middle" font-family="sans-serif" font-size="50px" font-weight="bold"> <text x="200" y="75">stroke over</text> <text x="200" y="150" paint-order="stroke" id="stroke-un...
requiredFeatures - SVG: Scalable Vector Graphics
eature#basicgraphicsattribute the browser supports the display and visibility attributes http://www.w3.org/tr/svg11/feature#marker the browser supports the <marker> element http://www.w3.org/tr/svg11/feature#colorprofile the browser supports the <color-profile> element http://www.w3.org/tr/svg11/feature#gradient the browser supports the <lineargradient>, <radialgradient> and <
stop> elements http://www.w3.org/tr/svg11/feature#pattern the browser supports the <pattern> element http://www.w3.org/tr/svg11/feature#clip the browser supports the <clippath> element and the clip-path, clip-rule attributes http://www.w3.org/tr/svg11/feature#basicclip the browser supports the <clippath> element and the clip-path attribute http://www.w3.org/tr/svg11/feature#mask ...
stroke - SVG: Scalable Vector Graphics
rcle>, <ellipse>, <line>, <path>, <polygon>, <polyline>, <rect>, <text>, <textpath>, <tref>, and <tspan> html,body,svg { height:100% } <svg viewbox="0 0 20 10" xmlns="http://www.w3.org/2000/svg"> <!-- simple color stroke --> <circle cx="5" cy="5" r="4" fill="none" stroke="green" /> <!-- stroke a circle with a gradient --> <defs> <lineargradient id="mygradient"> <
stop offset="0%"
stop-color="green" /> <
stop offset="100%"
stop-color="white" /> </lineargradient> </defs> <circle cx="15" cy="5" r="4" fill="none" stroke="url(#mygradient)" /> </svg> usage notes value <paint> default value none animatable yes specifications specification status comment scalable v...
tableValues - SVG: Scalable Vector Graphics
four elements are using this attribute: <fefunca>, <fefuncb>, <fefuncg>, and <fefuncr> html, body, svg { height: 100%; } <svg viewbox="0 0 420 200" xmlns="http://www.w3.org/2000/svg"> <defs> <lineargradient id="gradient" gradientunits="userspaceonuse" x1="0" y1="0" x2="200" y2="0"> <
stop offset="0"
stop-color="#ff0000" /> <
stop offset="0.5"
stop-color="#00ff00" /> <
stop offset="1"
stop-color="#0000ff" /> </lineargradient> </defs> <filter id="componenttransfer1" x="0" y="0" width="100%" height="100%"> <fecomponenttransfer> <fefuncr type="table" tablevalues="0 1"/> <fefuncg type="table" tablevalues="0 1"/> <fefuncb type="table" tablevalues...
Content type - SVG: Scalable Vector Graphics
<color> applies to svg's use of the color attribute and is a component of the definitions of attributes fill, stroke,
stop-color, flood-color, and lighting-color, which also offer optional icc-based color specifications.
<defs> - SVG: Scalable Vector Graphics
html,body,svg { height:100% } <svg viewbox="0 0 10 10" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <!-- some graphical objects to use --> <defs> <circle id="mycircle" cx="0" cy="0" r="5" /> <lineargradient id="mygradient" gradienttransform="rotate(90)"> <
stop offset="20%"
stop-color="gold" /> <
stop offset="90%"
stop-color="red" /> </lineargradient> </defs> <!-- using my graphical objects --> <use x="5" y="5" xlink:href="#mycircle" fill="url('#mygradient')" /> </svg> attributes global attributes core attributes most notably: id lang styling attributes class, style event attributes global event attributes, document element...
<feComponentTransfer> - SVG: Scalable Vector Graphics
example svg <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 600 300"> <defs> <lineargradient id="rainbow" gradientunits="userspaceonuse" x1="0" y1="0" x2="100%" y2="0"> <
stop offset="0"
stop-color="#ff0000"></
stop> <
stop offset="0.2"
stop-color="#ffff00"></
stop> <
stop offset="0.4"
stop-color="#00ff00"></
stop> <
stop offset="0.6"
stop-color="#00ffff"></
stop> <
stop offset="0.8"
stop-color="#0000ff"></
stop> <
stop offset="1"
stop-color="#800080"></
stop> </lineargradient> <filter id="identity" x="0" y="0" width="100%" height="100%"> ...
<view> - SVG: Scalable Vector Graphics
global attributes aria attributes » core attributes » global event attributes » externalresourcesrequired specific attributes viewbox preserveaspectratio zoomandpan viewtarget example svg <svg width="600" height="200" viewbox="0 0 600 200" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <defs> <radialgradient id="gradient"> <
stop offset="0%"
stop-color="#8cffa0" /> <
stop offset="100%"
stop-color="#8ca0ff" /> </radialgradient> </defs> <circle r="50" cx="180" cy="50" style="fill:url(#gradient)"/> <view id="halfsizeview" viewbox="0 0 1200 400"/> <view id="normalsizeview" viewbox="0 0 600 200"/> <view id="doublesizeview" viewbox="0 0 300 100"/> <a xlink:href="#halfsizeview"> <text x="5" y="20" fon...
Clipping and masking - SVG: Scalable Vector Graphics
<svg width="200" height="200" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <defs> <lineargradient id="gradient"> <
stop offset="0"
stop-color="black" /> <
stop offset="1"
stop-color="white" /> </lineargradient> <mask id="mask"> <rect x="0" y="0" width="200" height="200" fill="url(#gradient)" /> </mask> </defs> <rect x="0" y="0" width="200" height="200" fill="green" /> <rect x="0" y="0" width="200" height="200" fill="red" mask="url(#mask)" /> </svg> you see a green-filled rect at th...
Patterns - SVG: Scalable Vector Graphics
<svg width="200" height="200" xmlns="http://www.w3.org/2000/svg"> <defs> <lineargradient id="gradient1"> <
stop offset="5%"
stop-color="white"/> <
stop offset="95%"
stop-color="blue"/> </lineargradient> <lineargradient id="gradient2" x1="0" x2="0" y1="0" y2="1"> <
stop offset="5%"
stop-color="red"/> <
stop offset="95%"
stop-color="orange"/> </lineargradient> <pattern id="pattern" x="0" y="0" width=".25" height=".25"> <rect x="0" y="0" width="50" height="50" fill="skybl...
For Further Reading - XSLT: Extensible Stylesheet Language Transformations
ken holman location: http://www.xml.com/pub/a/2000/08/holman/index.html tutorials/examples zvon xsl programmers: http://www.zvon.org/o_html/group_xsl.html jeni's xslt pages index: http://www.jenitennison.com/xslt/ xmlpit
stop.com stylesheet center: http://www.xmlpit
stop.com/default.asp?datatype=ssc xsl tutorial index: http://www.nwalsh.com/docs/tutorials/xsl/ other cover pages extensible stylesheet language (xsl): http://www.oasis-open.org/cover/xsl.html xsl-list subscribe: http://www.mulberrytech.com/xsl/xsl-list/ archives: http://www.biglist.com/lists/xsl-list/archives/...