Apprise - The attractive alert alternative for jQuery. The initial release of Apprise has been a major success and is often what this site is most commonly associated with.
As far as I've been able to track, Apprise has been downloaded over 23,000 times and has been mentioned in over 46,000 blogs. Which is fantastic, especially for something that I've never been very proud of. I've wanted to update, and change the UI, of this for over a year now. Time has finally permitted and it's, finally, ready. Demos Let's get right down to business. Pretty slick, right? FitText - A plugin for inflating web type.
jQuery jQuery TaggingTools. jQuery.eventManager, un plugin de gestion d’évènements « Clearideaz. La méthode $.delegate de jQuery fonctionne sur le principe de la délégation d’évènements.
La délégation permet notamment de pouvoir ajouter de nouveaux éléments dans le DOM dynamiquement (via Ajax par exemple) sans pour autant leur ré-attacher d’évènements préalablement défini. Elle assure également de meilleures performances. Le plugin SearchHighlight. jQuery Text Change Event - ZURB Playground - ZURB.com. Enough theory, let's get down to implementation.
Notice exhibit A to the right, looks like a standard textarea with a disabled save button. Witness the button enable when there is text in the field, and disable when there is not. Moderately impressive right? Try copying, pasting, or cutting text with the shortcut keys. jQuery HTML Table Toolbox - Noupe Design Blog. Apr 13 2010 By Paul Andrew In the 15 years since the HTML table element was first incorporated into HTML 2.0, it has been on a constant roller coaster ride.
Upon its introduction it was a revelation, it was a new way for web designers to present detailed data in structured tabular format, it made our life easier and we loved it. But as is the nature of web development, it was pushed further and further to do even more. Pretty soon the main use of tables was no longer tabular data, it was used as a handy and quick way to control the layout of a complicated web page. But that is were the love story ends and its bad rep begins.Using the table element for web layouts proved to be hard to modify, obtrusive and, more importantly, it caused major accessibility and usabilty problems.
Out of the box the tables are very, very bland, reasonably hard to style, its very difficult to display complex data effectively and you are limited to its basic functionality. Using jQuery To Manipulate and Filter Data. When a webpage is designed to display large tables of data, a great amount of consideration should be dedicated to allowing the user to sort through the data in a structured manner.
In this article, I will go over four techniques: hover effects, zebra rows, filtering, and sorting. There are some important notes we must address before looking at our Javascript code. DataTables (table plug-in for jQuery) KeyTable. KeyTable is a Javascript library which provides keyboard navigation and event binding for any HTML table.
With KeyTable Excel style table navigation can be employed to provide features such as editing of a table without requiring a mouse. As a further bonus, KeyTable integrates seamlessly with DataTables. Let's jump straight into an example: the table below is editable through keyboard navigation. Simply navigate to the cell you wish to edit and hit return.
Any+Time™ DatePicker/TimePicker AJAX Calendar Widget - AJAX, JSON and XML Consulting and Training by Andrew M. Andrews III (SM) The Any+Time™ JavaScript Library includes a highly-customizable, jQuery-compatible datepicker/ timepicker (calendar/ clock widget) and a powerful Date/String parse/format utility.
Sexy is OVER-RATED. Let's tryUSER-FRIENDLY. It seems like there's a million calendar and clock widgets out there, and when you look past the eye-candy, they all have one thing in common: they're tedious at best. At worst, counter-intuitive. WdCalendar - Un calendrier jQuery avancé pour vos applications web.
The interwebs home of josh nathanson. Timeago: a jQuery plugin. Turn any webform into a powerful wizard with jQuery (FormToWizard plugin) This detailed tutorial will show you how to turn long webform into a wizard with “steps left” information.
A plugin is also available for download. Download plugin with example View demo What is our task? If you would, for whatever reason, have a large webform all fields shoud be semantically divided into fieldsets. Each fieldset would clearly describe each group of fields. Plugin jQuery : autoResize, redimensionner automatiquement vos textareas. The hoverFlow Plugin - A Solution to Animation Queue Buildup in jQuery. Plugin jQuery : autosave, sauvegarde auto de formulaire. jQuery Example - Using cookies to save draft information - InsideRIA. ImgAreaSelect - image selection/cropping jQuery plugin - odyniec.net.
ImgAreaSelect is a jQuery plugin for selecting a rectangular area of an image.
It allows web developers to easily implement image cropping functionality, as well as other user interface features, such as photo notes (like those on Flickr). Plugin features: Highly configurable Customizable with CSS styling Handles scaled images Keyboard support for moving and resizing the selection Supports callback functions Provides API functions for easier integration with other application components Lightweight — the packed version is just 8KB The plugin works in all major browsers, including Firefox 2+, Opera 9.5+, Google Chrome, Safari 3+, and Internet Explorer 6+. Live Example Click and drag on the image to select an area. Selection Preview » See more examples Quick Usage Instructions Download the plugin, unzip it, and copy the JavaScript and CSS files to your website/application directory.
jQuery Tweets - Affichez vos tweets simplement avec ce plugin jQuery. Open Source - Scroll Follow - The Kitchen @ Net Perspective. Overview Scroll Follow is a simple jQuery plugin that enables a DOM object to follow the page as the user scrolls.
Scroll Follow has been successfully tested on IE6, IE7, FF2, FF3, Safari 3, and Opera 9 on Windows. It has been successfully tested on FF3 and Safari 3 on MacOSX. Requirements. Like it? Tweet it! jQuery Quicksand plugin. Quicksand Reorder and filter items with a nice shuffling animation.
Activity Monitor 348 KB Address Book1904 KB Finder 1337 KB Front Row 401 KB Google Pokémon 12875 KB iCal 5273 KB iChat 5437 KB Interface Builder 2764 KB iTuna 17612 KB Keychain Access 972 KB Network Utility 245 KB Sync 3788 KB TextEdit 1669 KB Demo seems sluggish? Disable CSS3 scaling and try again. Isn’t it cool? Download Version 1.4 Demos & Docs. gMap - un plugin jQuery pour intégrer Google Maps. Orbit: jQuery Image Slider Plugin from ZURB - ZURB Playground - ZURB.com. 1.3.0 (1/25/2012): Add custom events to allow control via custom JavaScript. Fixed intermittent loading issue on Chrome. Fixed IE issues.
Refactored code to be more readable. Supersized - Full Screen Background/Slideshow jQuery Plugin. jQuery content slider carousel image slideshow. Fancy Sliding Form with jQuery. Today we are going to create a fancy sliding form that shows some validation feedback to the user after each step. This form saves a lot of space and is easy to access – it basically works like a slide show, just that we have fieldsets of a form instead of images. […] View demoDownload source Today we are going to create a fancy sliding form that shows some validation feedback to the user after each step.
HashSlice. ChronoStrength - Testez la sécurité de vos passwords avec jQuery. CheckTree. jQuery BBQ: Back Button & Query Library. jQuery BBQ leverages the HTML5 hashchange event to allow simple, yet powerful bookmarkable #hash history. In addition, jQuery BBQ provides a full .deparam() method, along with both hash state management, and fragment / query string parse and merge utility methods. jQuery special events. The jQuery special events API is a fairly flexible system by which you can specify bind and unbind hooks as well as default actions for custom events. In using this API, you can create custom events that do more than just execute bound event handlers when triggered—these “special” events can modify the event object passed to event handlers, trigger other entirely different events, or execute complex setup and teardown code when event handlers are bound to or unbound from elements.
Note that this article uses some advanced jQuery techniques and assumes you understand the concepts of custom events and event delegation using bubbling. Also, because this article is rather long, it has been broken up into sections. I’d recommend reading it in order, one section at a time, because techniques used in subsequent examples often reference those used in previous examples. AutoSuggest jQuery Plugin. Tipsy. Overview Tipsy is a jQuery plugin for creating a Facebook-like tooltips effect based on an anchor tag's title attribute. Examples & Usage Basic By default, tooltips will appear centred underneath their anchor: Hover over me Basic example: TipTip jQuery Plugin. Organic Tabs. This article was originally published on October 27, 2009 and is now being updated to 1) be turned into a jQuery plugin 2) have multiple demos on one page 3) utilize jQuery event delegation and 4) prevent animation queuing.
Edited again on June 13, 2011 to use jQuery 1.6.1 and HTML5. JQuery File Upload Plugin Script - Uploadify. Plupload - A tool for uploading files using Flash, Silverlight, Google Gears, HTML5 or Browserplus.