My jQuery Plug-ins
Below you'll find a range of different plug-ins for my favourite JS-lib, jQuery.
All the plug-ins are compatible with FF2+, IE7+, Safari 2+, Opera 9+ and Chrome 1+, they have all been validated against JSLint and can stand compression, none of them use any global variables and all of them use 'jQuery' rather than '$'.
There are 28 plug-ins to check out at the moment, due to the heavy comment-chunk in the beginning of every file the filesize may be a bit intimidating. Selecting the minified version, however, normally reduces filesize by more than 50%. In fact, only Image Zoom and Image Box are over 100 lines of code and most of them are under 50.
Ajax Loader
Use this plug-in when you want to inform your visitors that a certain part of your page is currently loading. The plug-in adds a faded 'loading-div' o...
- Version
- 1.0
Captcha Refresh
If you use a so called CAPTCHA-image on your site then you can use this plug-in to allow users to click your CAPTCHA in order to generate a new random...
- Version
- 1.0
Center
This little pluggy centers an element on the screen using either fixed or absolute positioning. Can be used to display messages, pop up images etc.
- Version
- 2.0
Checked checkbox-parent
This tiny plug-in adds and removes a 'checked'-class to input[type=checkbox]'s parents. Very useful if you want to style the entire wrapping <label>-e...
- Version
- 1.0
Code Block Toolbar
If you post code-examples on your site you can use this plug-in to add some nifty buttons below each code-example that allows the user to, for example...
- Version
- 1.0
Colour Picker
Use this plug-in on a normal <select>-element filled with colours to turn it in to a colour-picker widget that allows users to view all the colours in...
- Version
- 2.0
Content Scroller
Use this plug-in to make a list of elements only show one at a time and every now and then scroll to the next one. The plug-in scrolls in infinty, sta...
- Version
- 1.0
Drag to Select
Use this plug-in to allow your users to select certain elements by dragging a "select box". Works very similar to how you can drag-n-select files and ...
- Version
- 1.1
Equal Height
This plug-in makes HTML-elements equal height by adjusting their min-height CSS properties. Of course IE6 has no clue what min-height means so the plu...
- Version
- 2.0
Favicons
This little plug-in will insert favicons to all external links found on your site. The plug-in scans the URL the link is pointing to for a favicon and...
- Version
- 2.0
Form Hints
Using this plug-in you can add a descriptive hint to any form-control you may have on your site.
Add a hint by giving the form-control a title-attri...- Version
- 1.0
Form to Link
Run this plug-in on a form or an input[type=submit] and it will insert a link after the element you run it on which, on click, will submit said form.
- Version
- 1.0
Image Zoom
This plug-in makes links pointing to images open in the "Image Zoom". Clicking a link will zoom out the clicked image to its target-image. Click anywh...
- Version
- 2.0
Live Search
Use this plug-in to turn a normal form-input in to a live ajax search widget. The plug-in displays any HTML you like in the results and the search-res...
- Version
- 2.0
Live Validation
Use this plug-in to add live validation to any form on your page. The plug-in indicates whether a form control is valid or not by switching between an...
- Version
- 2.0
Max Length Form Controls
Gives form-controls with a 'maxlength-XXX'-class a max-length and prohibits user from entering more than set amount. It also displays number of charac...
- Version
- 2.0
Numeric DL
This tiny plug-in numbers definitions in a definition-list if there are more than one definition for a term. Can be useful for FAQs, actual lists of d...
- Version
- 2.0
Pixastic Editor
This app/plug-in inserts a (completely stylable) toolbar next to any image in your document that allows the user to apply different Pixastic-effects ...
- Version
- 1.0
Removable File Upload
This plug-in adds a "remove"-link next to input[type=file]:s that allows the user to remove a selected file from the input.
- Version
- 1.0
Show Password
This little plug inserts a "View password"-checkbox next to inputs of type password that allows the user to toggle the password's visibility. When the...
- Version
- 1.0
Slide Presentation
A sort of slide/presentation kind of plug-in. Displays sliding images with text floating on top. This one's pretty specific but perhaps someone will f...
- Version
- 1.0
Static to Dynamic Google Map
This plug-in turns a static google map into a dynamic one by inspecting the attributes passed to the static map API. It's still in beta and doesn't su...
- Version
- 0.1
Super Simple Tabs
This is an extremely basic tabs-plugin which allows you to create tabbed content from the ever-so-common list of in-page-links. You can set the select...
- Version
- 1.4
Tag Sizes
Use this plug-in on a list of tags (li:s) and it will use whatever numbers found in the list to give each tag a corresponding size.
- Version
- 1.0
Text Shadow
Frankly a rather crappy text-shadow plug-in (can one be done well? :) but nevertheless it does the job in some cases.
- Version
- 1.0
Togglable DL
Use this plug-in on your definition-lists (dl-elements) to allow the dd:s for a dt to be toggled when clicking the dt. Don't use it unless it's semant...
- Version
- 2.0
Vibrate
This plug-in makes any element you want "vibrate" every now and then. Can be used in conjunction with blink for maximum annoyance!
- Version
- 2.0
View More
This plug-in allows an element's contents to be hidden untill the user clicks a certain element. It works exactly like the HTML5 details and summary e...
- Version
- 1.0