JQuery Plugins
Get flash to fully experience Pearltrees
The attractive alert alternative for jQuery An alert alternative for jQuery that looks good. Apprise is a very simple, fast, attractive, and unobtrusive way to communicate with your users. Also, this gives you complete control over style, content, position, and functionality.
Apprise - The attractive alert alternative for jQuery
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. Sur la plupart des projets, je m’amusais à déléguer des évènements à des objets globaux. C’est ensuite au moment de l’appel à l’évènement que je filtrais le type d’action à effectuer.
jQuery.eventManager, un plugin de gestion d’évènements « Clearideaz
Le plugin SearchHighlight - jQuery.info
L’idée qui consiste à mettre en évidence les mots recherchés quand on arrive sur une page à partir d’un moteur de recherche n’est pas du tout nouvelle. Il n’est pas toujours évident de savoir où se trouvent les mots recherchés dans la page, surtout lorsque celle-ci est très longue, où si le sujet de la page n’est pas tout à fait celui qu’on cherchait. Réussir à trouver la partie de la page qui contient les mots recherchés permettent à l’utilisateur de comprendre immédiatement si ce qu’il voit correspond complètement à la recherche qu’il a effectuée. SearchHighlight vérifie le site d’origine et, s’il s’agit d’un moteur de recherche qui reconnait, sélectionne les termes recherchés et les mets en évidence dans la page courante. Il est aussi possible de spécifier explicitement les mots recherchés, dans ce cas, le plugin n’effectuera aucune vérification sur le référent [ 1 ].
jQuery Text Change Event - ZURB Playground - ZURB.com
Real Time Validation It's a common problem, you have a text form that you need to validate client side. It's easy enough to do this when the form is submitted but in some cases better to do as they type. Imagine how annoying Twitter would be if you had to submit your tweet before it told you how many characters you had left. On the other hand this same immediate validation can be abused if overused. Don't insult the user by congratulating them for each and every text field they fill in.
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.
jQuery HTML Table Toolbox - Noupe Design Blog
Using jQuery To Manipulate and Filter Data | Nettuts+
This is fairly trivial; we are telling the table background to be white, and to stretch to 100% of the parent element’s width. Next we will target Here we are setting up a class for the “odd” table rows that sets an alternate background-color and font-color.
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. This initialises the excellent jEditable plug-in for jQuery - make your edit and then hit return again to save. var keys = new KeyTable(); By default, KeyTable will attach itself to the first table it finds in the DOM with the class 'KeyTable' and apply basic navigation controls. There are a number of initialisation parameters that you can pass into the constructor to provide a bit more control over the default behaviour:
Allan Jardine | Reflections | KeyTable
Avec un look assez proche de celui de Google Agenda , wdCalendar vous permettra d' intégrer votre propre système de calendrier dans vos applications web. L'interface est très riche et interactive, il sera possible de faire des clics droits pour créer un nouvel évènement ou même de faire un drag and drop d'un évènement sur une autre date. Le plugin dispose d'évènements facilitant l'association aux requêtes serveurs pour ajouter, modifier et supprimer des évènements en base de données.
wdCalendar - Un calendrier jQuery avancé pour vos applications web - La Ferme du web
This assumes you are binding the plugin to an element with the id "clockpick". You can certainly bind the plugin to any element that makes sense for your use. Using bgIframe plugin
the interwebs home of josh nathanson
timeago: a jQuery plugin
jQuery.timeago(new Date()); //=> " less than a minute ago " jQuery.timeago("2008-07-17"); //=> " 4 years ago " jQuery.timeago(jQuery("abbr#some_id")); //=> " 4 years ago " // [title="2008-07-20"] Yes, timeago has locale/i18n/language support. Here are some configuration examples . Please submit a GitHub pull request for corrections or additional languages. Timeago was built by Ryan McGeary ( @rmm5t ) while standing on the shoulders of giants. John Resig wrote about a similar approach .
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. 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. Although many examples on the web today look different, this is how it should be.plugin jQuery : autoResize, redimensionner automatiquement vos textareas | DevZone
Par devzonefr le 8 avril 2010 Voici un petit plugin jQuery qui va simplement modifier le nombre de lignes d’un textarea au fur et à mesure de la saisie de l’utilisateur et ainsi cacher une éventuelle scrollbar.Over at learningjQuery.com , Brandon Aaron published a quick tip on how to prevent animation queue buildup in hover animations. Since I was not satisfied with his solution, I tried to find another.
The hoverFlow Plugin - A Solution to Animation Queue Buildup in jQuery
jQuery Example - Using cookies to save draft information - InsideRIA
About You have arrived at this page because InsideRIA is no longer an active website, as of January 31, 2011. While we're sad to see the change, we think you will find the resources and community here at oreilly.com helpful.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 ). Download the plugin, unzip it, and copy the JavaScript and CSS files to your website/application directory.