Highlighter. Patterns. Gallery. JavaScript Cursor Position. Frequency decoder - accessible, unobtrusive slider demo. Accessible Unobtrusive Slider Demo Accessibility Enhancements ( ARIA ) Whenever a slider has focus, the arrow keys ← , → , ↑ and ↓ can be used to control the slider handle, the Home key to set the slider at it’s minimum value and the End key to set the slider at it’s maximum value. The script automatically assigns each slider the required ARIA role of “slider” and states “valuemax”, “valuemin” and “valuenow”. Should an element with an id of fd_slider_describedby exist, this is used to set the ARIA “describedby“ relationship. Additionally, should the sliders associated form element itself have an associated label , this label is used to set the ARIA “labelledby” relationship.
View the JavaScript source or read the related article . Horizontal slider & callback function test Vertical slider, negative range & object method callback test SelectList demos Alternative styling demo Don’t forget folks The rather nice png images and styles for the black sliders were located at schillmania . JavaScript: Ctrl, Alt, Shift keys. Javascript Tutorial - Resizeable Textboxes. So something that seems to be popping up a bunch on various sites lately is the resizeable textbox. Some are implemented with a resize handle on the corner, others let you drag any of the sides. I thought they were kind of cool, so I sat down to see how hard it would be to write. And, surprisingly enough, it is actually pretty easy. So today I'm going to walk through some resizeable textbox code. It is not very pretty, either code-wise or look-wise, but it does get the job done.
So what we are going to create today is a textbox with resize handles on the bottom, right, and bottom-right corner. So here is the example. Because we have the drag object from the draggable elements tutorial, the code is actually pretty simple. Not really much there. Ok, on to the javascript initialization code: We first grab the various elements and store them in variables, mostly because we are going to be accesing them so much. Wow, there is virtually nothing there. Ok, now on to where the real work happens: CodeMirror: In-browser code editing. Javascript - Draggable Elements. Base64 and URL Encoding and Decoding. The JavaScript Source: Page Details: Copy Selected Text.