background preloader

jQuery plugin: Validation

jQuery plugin: Validation
This jQuery plugin makes simple clientside form validation trivial, while offering lots of option for customization. That makes a good choice if you’re building something new from scratch, but also when you’re trying to integrate it into an existing application with lots of existing markup. The plugin comes bundled with a useful set of validation methods, including URL and email validation, while providing an API to write your own methods. All bundled methods come with default error messages in english and translations into 37 locales. If you want to support the development of this plugin, please donate to the ongoing campagin. The plugin is written and maintained by Jörn Zaefferer, a member of the jQuery team, lead developer on the jQuery UI team and maintainer of QUnit. Current version: 1.11.1License: MIT Files: DownloadChangelogDemosDocumentationGitHub RepositoryGitHub 1.11.1 Tag 1.11.1 files on Microsoft’s Ajax CDN (hotlinking welcome): Dependencies Required Support Donate

download DataTables is open source software, free available for you to use and modify. The DataTables distribution include a wide range of examples, the source files (including compressed versions) and all first class plug-ins. Download using the button below: Interested in trying out the next generation of DataTables? DataTables is available on the Microsoft Ajax CDN. Source files and nightly builds The following table provides links to the latest released versions of DataTables and it's first class plug-ins (so you can get the latest stable version without needing to download the full distribution again), and "nightly" builds from the very latest software which has been committed. GIT / source control DataTables and all first class plug-ins for DataTables have source version control repositories on GitHub. Licenses DataTables is released under dual licensing (pick which one suits your needs most): the GPL v2 license and BSD (3-point) license.

Isotope 25 jQuery Slider/Image Gallery Tutorials and Plugins This post was originally published several years ago. As technology and trends have changed over the years, the content of the post became outdated. So we’ve updated the post with all new examples that will be more relevant for modern design and development. jQuery image galleries and sliders are very common on portfolio sites and are also useful for any other type of site for displaying images and photos. jQuery Image Gallery/Slider Tutorials: Create an Image Rotator with Description (CSS/jQuery) This tutorial by Jake Rocheleau is a re-make of a popular tutorial originally written by Soh Tanaka. How to Create a Simple Multi-Item Slider This tutorial from Mary Lou teaches the process to create an awesome slider that is great for displaying products or other items. Triple Panel Image Slider In this tutorial from Mary Lou you’ll learn how to create a slider with a cool 3D effect. Building a jQuery Slideshow Plugin from Scratch Creating Touch-Enabled Slider with SwipeJS and jQuery Gamma Gallery

ColorPicker - jQuery plugin About A simple component to select color in the same way you select color in Adobe Photoshop Last update 23.05.2009 - Check Download tab Features Flat mode - as element in page Powerful controls for color selection Easy to customize the look by changing some images Fits into the viewport License Dual licensed under the MIT and GPL licenses. Examples Flat mode. Custom skin and using flat mode to display the color picker in a custom widget. Attached to an text field and using callback functions to update the color with field's value and set the value back in the field by submiting the color. Attached to DOMElement and using callbacks to live preview the color and adding animation. Download (89 kb): jQuery, Javscript files, CSS files, images, examples and instructions. Changelog Added: close on color selection example Added: restore original color option Changed: color update on key up event Fixed: colorpicker hide and show methods Fixed: reference to options. Fixed: RGB to HSB convertion

Enhancing HTML tables using the jQuery DataTables plug-in hi i am using pagination and column filter and post method in my code at same time , with this my filtering is not working properly , could u help in this regard.and my code is as below: oTable.fnSetColumnVis( 3, ${hppPatient}); oTable.fnSetColumnVis( 7, ${canInsVerifiedModify}); oTable.fnSetColumnVis( 9, ${canInsVerifiedModify || consultantAccess || pmrCommentAccess}); oTable.fnSetColumnVis( 12, ${labData}); //}}).fail(ajaxFailCallback); } Moleskine Notebook with jQuery Booklet Today we will show you how to use and customize the brilliant jQuery Booklet Plugin by talented Will Grauvogel. We will create a virtual Moleskine notebook with latest posts from the blog. You can find the beautiful Moleskine Photoshop file by Dennern at deviantart here: My Moleskine (PSD) For the navigation arrows […] View demoDownload source Today we will show you how to use and customize the brilliant jQuery Booklet Plugin by talented Will Grauvogel. You can find the beautiful Moleskine Photoshop file by Dennern at deviantart here:My Moleskine (PSD) For the navigation arrows we used the pixel perfect PSD provided by underSimple Little Arrows (PSD) Ok, so let’s get started! The Markup The HTML structure will be made up of the booklet plugin markup which includes the div with the id “mybook”. <div class="book_wrapper"><a id="next_page_button"></a><a id="prev_page_button"></a><div id="loading" class="loading">Loading pages... Let’s take a look at the style. The CSS

[SORT] jquery tinysort jQuery UI jQuery UI offers a combination of interaction, effects, widgets, utilities, and themes designed to work well together or on their own. Play with the demos, view the source, build a theme, read the API documentation and start using jQuery UI today. Interactions Interactions add basic mouse-based behaviors to any element. You can create sortable lists, resizable elements, drag & drop behaviors and more with just a few lines of code. Interactions also make great building blocks for more complex widgets and applications. Widgets Widgets are full-featured UI controls that bring the richness of desktop applications to the Web. Effects Effects add support for animating colors and class transitions, as well as providing several additional easings. Utilities Utilities used by jQuery UI to build interactions and widgets.

jQuery for Designers - Tutorials and screencasts Tipped 2 - jQuery Tooltips Tipped allows you to easily create beautiful tooltips using the jQuery Javascript library. Evolved from the popular Prototip library, Tipped takes tooltips to the next level by using HTML5 to give you full control over the look and feel of your tooltips. Canvas graphics The entire skin of the tooltip, from shadow to loading icon, is drawn using Canvas. This means that tooltip styles can easily be changed without having to create any images. Canvas based tooltips also have the advantage that they look great in every browser, even in IE6! Javascript API With the powerful API provided by Tipped it's possible to quickly create and control tooltips customized to your site, all it takes is a few lines of Javascript. And more... Check out the demonstrations below or head over to the documentation to discover more awesome features.

Date Range Picker using jQuery UI 1.7 and jQuery UI CSS Framework Posted by Scott on 01/05/2009 Topics: css jQuery ui design visual design We've updated our popular Date Range Picker plugin to use jQuery UI 1.7 and the new jQuery UI CSS Framework. Working Demo: Demo Page The demo above was generated with the following code: jQuery: $('input').daterangepicker(); An additional demo with arrows and a custom dateFormat: Demo Page Features and Updates Uses jQuery UI 1.7.1: The range picker now uses the latest version of jQuery UI's datepicker, and allows passing of native datepicker options. jQuery UI CSS Framework-Driven: Our range picker uses jQuery UI CSS Framework classes, making it ThemeRoller-Ready. Download (and help us improve) the code The date range picker plugin code is open source and available in a git repository, jQuery-UI-Date-Range-Picker. Developer Options The following options are available in this plugin: Development Notes This plugin is a work-in-progress, and we would love to hear your input on how it could be improved. Dependencies Setting Menu Presets

JQuery Weekcalendar SlideDown Animation Jump Revisited Watch Watch Animation Jump Revisited screencast (Alternative flash version) QuickTime version is approximately 20Mb, flash version is streaming. View the demo used in the screencast Understanding the Problem Similarly to before the animation would jump when it gets towards the end. The problem is actually due to an incorrect height being determined, which is triggered by a number of factors. Doesn’t have a predefined width, and in the document it is inheriting the width from a parent element.Is changed to position: absolute and as such the margins around the top and bottom no longer collapse. As you’ll see in the screencast, just setting a width doesn’t quite get the correct height. So we can’t just use CSS to fix the jump, we need to write slightly different jQuery. Fixing the Problem The task requires us to: Wrapping Up I’m going to post a bug on the jQuery dev site, and I’ve had a play around the code to be able to accurately establish the height of a hidden element – it’s not easy.

10 jQuery HTML Plugins Here’s another list of 10 jQuery HTML Plugins to spice up your HTML based websites ;-). Check it out and see what else you’ve never been bumped into. Have fun! 1. jQCandy floating-head-foot plugin This plugin is useful for HTML pages containing large tables that do not fit in the browser viewport. Source 2. jq-log jQuery logger can log any object with recursion to html element, or console. Source 3. jQuery plugin to easily create sticky side panel menu. Source 4. Is simple plugin which helps you to create beautiful slideshows in few moments. Source 5. Convert WIKI style text to HTML. Source 6. Script for flexible styling of lists (ol, ul). Source 7. jQuery Render Plugin Is Render html by template and JavaScript Object. Source 8. This plug-in is a simple port based on Steven Levithan’s replaceHtml function, designed to speed up the native innerHTML Javascript assignment property and as a replacement for jQuery’s html() function. Source 9. Source 10. Source AUTHOR: Sam Deering.