control
PDK Accessibility: Dynamic font-size
November 19, 2009 - 2:47am — pdkThis is a highly configurable accessibility plugin to control the font-size of your content dynamically.
See: Screenshot
This plugin changes the font-size of your content by clicking on a link i.e. 'a' tags (one each for increasing & decreasing the size).
You only need to specify the name of the container div or element of the content & need not specify every basic element like h2, p, span, etc. inside the container.
The font-size to the mentioned container must be specified in "px" in CSS (16px recommended but not compulsory). All the other elements inside must have font-sizes specified in either 'em' or '%'.
Rating Control UI
October 29, 2009 - 10:13am — ripter001This is an easy to use rating control. It takes a normal select box, and turns it into a rating that your users can click on. The select box is preserved so you can still bind on change, get, and set the value in the rating control. The image is controlled with CSS and a simple gif, so you can make it look like anything you need.
This control works with AJAX and $.serialize() as well as my own $.serializeForm() plugin.
Turns this:
<select class="rating">
<option value="0">Did not like</option>
<option value="1">Ok</option>
<option value="2" selected="selected">Liked</option>
<option value="3">Loved!</option>
</select>
Into a Rating Control with 4 stars.
Special Keys
May 6, 2009 - 1:51am — andhoYou can use this plugin to easily determine if a certain key is pressed at any time within you javascript timeframe be it an event or a function executed by a timer.
Just use:
if ($.specialKeys('ctrl')) {
alert('Control Key is pressed');
}at any point in your code and it will return true or false depending on if the key was pressed.
You can pass the following strings to check for special keys:
- control, ctrl:
- alt
- shift
- enter, return
Please let me know about any other keys you might want included.
you can also check for the key with the keyCode.
For example you can use 13 to check for Enter:
if ($.specialKeys(13)) {
alert('Enter is pressed');
}XML Editor
January 22, 2009 - 7:45am — JamesVickersCURRENTLY ONLY VIEWS XML
An open-source licensed XML editor written in JavaScript, making extensive use of jQuery and available as a jQuery plugin. Tested in IE6 and other browsers.
Current version 0.1:
Views XML data
jQuery Extended Click Events
October 1, 2008 - 8:50am — minuscreativeThis plugin gives you extra click events in your projects: {ctrl+}{,alt+}{,shift}+click.
Very easy to use: $('#el').bind('ctrlclick', function() { ... });
<script src="jquery.event.extendedclick.js" type="text/javascript"></script>
// Test out all the hot, new clicks!
$(document).ctrlclick(function(e) {
alert(e.type+'!');
});
$(document).bind('altshiftclick', function(e) {
alert(e.type+'!');
});Available flavors:
- ctrlclick
- altlclick
- shiftclick
- ctrlshiftclick
- ctrlaltclick
- altshiftclick
- ctrlaltshiftclick
jParallax
August 23, 2008 - 4:08am — stephbandjParallax turns a selected element into a viewport, and all its children into absolutely positioned layers that can be seen through the viewport. These layers move in response to the mouse, and, depending on their dimensions (and/or options), they move in a parallaxy kind of way. That is, they 'slide' over one another, the bigger layers going 'faster' than the smaller.
Check out the docs and the demos to really see what jParallax does.
If the layers are made of <div>s or <li>s or any other container then content can be positioned inside those layers, and jParallax provides ways to navigate to that content in response to user events.
readyX
July 18, 2008 - 1:51am — dustymugsreadyX extends the jQuery(document).ready event to permit greater control of the order in which the ready event callbacks get executed. readyX provides three queues instead of jQuery's one.
The queues are:
- first : single function that runs as the very first callback
- last : single function that runs as the very last callback
- list : array of functions that are run sequentially between the first and last callbacks. callbacks in jQuery.readyList are appended to the end of the array for executing.
jSelectDate
January 24, 2008 - 10:52am — jsonleejSelectDate is a simple drop-down list date select of jQuery plugin .
It is different from previous choice of the date of control, it is embodied in the way the drop-down list, this may facilitate a better user experience.
