Monkey's public fiddles
-
Selecting [select-option] element by option's text
This is for triggering from JavaScript. The options in here have same values (alternating 0 and 1) but with different text as the mapping key.
-
Controlling [button] and [select-option] (2 ways)
These two fiddles: 1. http://jsfiddle.net/monkeyraptor/jtk1837a/ 2. http://jsfiddle.net/monkeyraptor/81pytuaz/ combined.
-
Toggling [button] element disable/enable attribute from [select-option] element (one way)
The opposite of this fiddle: http://jsfiddle.net/monkeyraptor/jtk1837a/
-
Selecting [select-option] element from outside (one way)
Controlling [select-option] element is like controlling [input] element. We can set the value of [select] to select the [option] with that value.
-
Displaying MouseEvent (CLICK) Object
The "Window" object is not displayed because this demo is served from different frame (path security). This is just the glimpse of them. The detailed properties can be seen on your browser console.
-
Toggling 1 Button for Different Functions
Dynamic button, which self-change its id and class (different method attached). Triggered via click event.
-
Toggling 2 Buttons with jQuery
With settings you can change.
-
YT Playlist Extractor
This is for extracting the video URL from the YouTube playlist URL pattern. Sort of. Usually the YouTube video ID has 11 characters. But the playlist ID has varied length. So there's no regex filter for both length. It's just using + quantifier (1 or more repetition). This can extract the one with the playlist index or not. For more rambling, go to this post: http://monkeyraptor.johanpaul.net/2015/10/javascript-extracting-youtube-video-url.html