JSFiddle

Aleksey's public fiddles

• Bug demo: tooltips on FloatThead

  This code demonstrates an issue with Bootstrap toltips on the FloatThead (https://mkoryak.github.io/floatThead/)

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Fix the height of Google Area Chart

  Just set up fixed height for area chart.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• trimEllip with trimToWord feature

  trimEllip with trimToWord feature

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Shift map center

  Shift the center of the map. Click on leaflet marker returns shifted position.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Email autocomplete

  The jQuery plugin, which predicts the input in email fields and suggests the domain name to autocomplete. Contains configurable list of the most popular domain names of free email services.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• test of modern key & code

  jQuery (edge), HTML, CSS, JavaScript

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Color picker in the style of Google Keep

  jQuery based Color Picker which looks & feels like Google Keep.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Flash on added/changed element

  animate background colors to show quick colored flash, animation to draw user attention to the changed item.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Bootstrap4 modal together with Alertify

  Features: 1. Alertify displayed over Bootstrap modal and still can be closed on ESC keypress. 2. ESC key doesn't close Bootstrap's modal when we selecting files in <input type="file">. 3. We prevent Bootstrap's modal from closing on ESC when we about to open Alertify (and some control in the dialog are focused). We unfocus it with forced .blur() method (see <button onClick="...">

• Private fiddle Extra
• Delete fiddle
Groups Extra
• v2 of custom validating message for input field

  + patternless validation of correct input.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Pulsating Leaflet marker

  Double pulsation of Leaflet marker

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Custom validating message for input field

  No-Library (pure JS), HTML, CSS, JavaScript

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Custom "Bootstrap v4"-style check/radio-boxes

  Custom "Bootstrap v4"-style check/radio-boxes. Checkboxes are animated.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Custom "Bootstrap v4"-style check/radio-boxes

  Custom "Bootstrap v4"-style check/radio-boxes. Checkboxes are animated.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Example #1 is the latest version

  No-Library (pure JS), HTML, CSS, JavaScript

• Private fiddle Extra
• Delete fiddle
Groups Extra
• 1nvLgjmp

  No-Library (pure JS), HTML, CSS, JavaScript

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Change body cursor on click

  jQuery 1.5, HTML, CSS, JavaScript

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Defered background

  Demo for how to defer loading of background images until the full page load. + It may vary pictures for different screen resolutions.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• preg_match_all

  Just figuring out how to do preg_match_all with JavaScript.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Modal box with pure CSS + JavaScript to close modal box on ESC key

  This is previous code that demonstrates pure CSS modal windows, where I have added tiny JavaScript code to close CSS-based windows on ESC keyboard key.

• Private fiddle Extra
• Delete fiddle
Groups Extra

• 1
• ▶︎
• 2