JSFiddle

user2314737's public fiddles

• Copy text to clipboard

  Textarea with a button that allows to copy text to clipboard.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Copy text to clipboard

  Textarea with a button that allows to copy text to clipboard. With clipboard.writeText one gets the Error: NotAllowedError: The Clipboard API has been blocked because of a permissions policy applied to the current document. See https://goo.gl/EuHzyv for more details. Works with document.execCommand('copy') (see https://stackoverflow.com/a/72645682)

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Increase size of SVG rectangle programmatically

  Using Javascript's template literals (https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals)

• Private fiddle Extra
• Delete fiddle
Groups Extra
• svg rectangle with text in the middle

  radial gradient fill viewBox 100% text in the middle: https://stackoverflow.com/questions/5546346/how-to-place-and-center-text-in-an-svg-rectangle

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Private fiddle Extra
• Delete fiddle
Groups Extra
• Move div from left to right

  in Javascript placeholder image generator: https://zhongdeliu.github.io/placeholder-image/

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Basic OpenLayers example

  For this example in pure Javaacript (no node.js) I used version 7.5.1 of OpenLayers because according to issue 14037 (https://github.com/openlayers/openlayers/issues/14037) the newer versions don't work without node.js (or at least not out of the box, not sure about that). Anyhow ... How to find old versions of OpenLayers: https://github.com/openlayers/openlayers/issues/15083 I used https://cdn.jsdelivr.net/npm/ol/ (ol.js is in the dist folder)

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Private fiddle Extra
• Delete fiddle
Groups Extra
• Circling the square

• Private fiddle Extra
• Delete fiddle
Groups Extra
• MouseEvent.offsetX and MouseEvent.offsetY

  See also: https://stackoverflow.com/questions/24444961/get-mouse-pointer-coordinates-relative-to-some-div# https://stackoverflow.com/questions/35360704/wrong-offsetx-and-offsety-on-mousedown-event-of-parent-element#

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Private fiddle Extra
• Delete fiddle
Groups Extra
• jQuery Terminal basic demo

  Answering https://stackoverflow.com/questions/30671720/how-do-i-force-jquery-terminal-to-remain-the-same-size/30671971#30671971

• Private fiddle Extra
• Delete fiddle
Groups Extra
• JQuery locomotive scroll direction

  Source: https://codepen.io/dotpot420/pen/MWwWaaQ

• Private fiddle Extra
• Delete fiddle
Groups Extra
• JQuery locomotive scroll

  Source: https://codepen.io/dotpot420/pen/MWwWaaQ

• Private fiddle Extra
• Delete fiddle
Groups Extra
• JQuery locomotive scroll

  Source: https://codepen.io/dotpot420/pen/MWwWaaQ

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Private fiddle Extra
• Delete fiddle
Groups Extra
• ut9zbjq1

  jQuery 3.4.1, HTML, CSS, JavaScript

• Private fiddle Extra
• Delete fiddle
Groups Extra
• React todo list

  Removed warning "ReactDOM.render is no longer supported in React 18 "

• Private fiddle Extra
• Delete fiddle
Groups Extra
• React todo list

  Removed warning "ReactDOM.render is no longer supported in React 18 "

• Private fiddle Extra
• Delete fiddle
Groups Extra
• CSS gradient

  Color wheel: https://developer.mozilla.org/en-US/docs/Web/CSS/gradient/conic-gradient Flexbox: https://codepen.io/team/css-tricks/pen/EKEYob Examples of CSS gradients: https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Images/Using_CSS_gradients

• Private fiddle Extra
• Delete fiddle
Groups Extra

• 1
• ◀︎
• 2
• 3
• 4
• ▶︎
• 17