Posts tagged jQuery
jQuery Plugin for Form Validation – Ketchup!
0Ketchup is a simple jQuery plugin for form validation that allow you to validate user inputs on the client-side. It aims to be very flexible and extendable for its appearance and functionality. Although Ketchup is designed to be styled and extended by you it already looks tasty and gives you the most common validations by default.
It come with a ready to use pre-written basic validations, including: required, minlength(min), maxlength(max), rangelength(min, max), min(min), max(max), range(min, max), number, digits, email, URL, username, match(selector), date, minselect(min), maxselect(max), rangeslect(min, max) and many more..
It also provides some callbacks to completely control the markup and show/hide behavior of the error-container, which simply can be styled via CSS. Ketchup don’t force any markup on you. Build your own error-container, either with HTML code in a string or the element builder via the errorContainer parameter.
With Ketchup, User can combine validations More >
JQuery Plugins | Calendars, Date Picker and Time Formatting Plugins
0jQuery is one of the most popular Javascript library. It’s easy to use, flexible, and most of all there’s a lot of jQuery tutorials and plugins available out which ease the the creation of dynamic effects and web controls. jQuery has become one of the most used JavaScript libraries today and can be found in the core of popular products like WordPress, joomla and Drupal.
Recently, we reviewed couple of jQuery calendar, datePicker/dateSelector and timestamp formatting plugins. It is time to compile these widely used jQuery date/time plugins in a post. So this post is a collection of amazing jQuery Calendar, DatePicker and timestamp formatting plugins.
1. FullCalendar – jQuery Event Calendar with Drag’n Drop, Ajax Fetching and Google Calendar Integration
FullCalendar is a jQuery calendar plugin that provides full-sized, drag and drop capable calendar. It utilizes Ajax to fetch events on the fly. It is easily configurable to use More >
jQuery Plugin – Form To Wizard
0If you have a large web form with semantically dividable sections, we can say that each section represents a sub task of a larger task of filling the entire web form. In order to increase useability, each sub task can become a step with a description, form fields and navigation that is common for wizard forms – back and next. The entire process can be done in several simple steps.
This plugin has only 2,3KB and with compression it can be even smaller. It is compatible with all major browsers: FireFox, Google Chrome, Safari, Opera, Internet Explorer 8, 7 and 6.
More details about the implementation and jQuery Plugin can be found here.
Methods to Create Equal Height Columns
0Back when tables were used for layouts, creating equal height columns was very simple. All you had to do was create three cells in a row and you have a layout with equal height columns. The method for creating equal height columns isn’t as straightforward when you use CSS for layouts.
This article discusses some methods to create equal height columns that work on all major web browsers (including the infamous IE6). All of these methods show how to create a three column layout.
Create a layout in which all the three columns assume the height of the tallest column.
Method 1: Using display: table Attribute
In this method we use a list or one div enclosing a set of <div>s (one for each column). The enclosing div is given a display: table attribute and each enclosed div is given a display: table-cell attribute.
I’ll discuss this with an example: More >
.NET Style String Formatting with jQuery – Javascript Function to Support Token Replacement within a String
0Here is a quick jQuery Plugin Announcement:
String concatenation and formatting are common aspects of almost every development effort. However, the combination of single and double quotes, along with escape characters, text, and plus signs (+) can be a bit overwhelming and difficult to remember. The .NET Framework provides a much cleaner approach with the String class’s Format method. It allows you to create string values by specifying insertion points for other values as well as special formatting.
String.Format(“Hello {0}”, “world”);
The string formatting approach described above can now be used with Javascript using a jQuery Plugin: .NET STYLE STRING FORMATTING – a simple and clever function to support token replacement within a string.
Given a string like “Hello, {0}” and calling the format function with a single argument like “world”.
var result = $.format(“Hello, {0}”, “world”);
The result variable will be set to “Hello, world”.
The function will support More >
Best of jQuery Image Gallery and Slideshow Plugins
0Image galleries and slideshows provide a good user experience and make viewing images more pleasant and intuitive on your website. With the advent of powerful JavaScript frameworks like jQuery, Prototype, Mootools etc., the quality of JavaScript based image galleries and slideshows have improved dramatically.
As these frameworks are getting popular day by day, more and more web developers are coming out with new and creative ideas every day. Here are 21 brilliant jQuery plugins which you can easily use to create an image gallery/slideshow for your website.
1. Spacegallery
Spacegallery displays your images with a nice 3D effect and it is also pretty easy to use and customize.
2. prettyPhoto
prettyPhoto might look like jQuery Lightbox clone but it supports videos, flash, YouTube videos, iFrames besides images. It also comes with useful API More >
10+ Stunning Mootools script resources for enhancing your HTML Forms
1Forms are one of the most important part of a website because thay allow users to submit information. But forms also require a lot of work to look good and to be easy to use. The good news is that others have made most of the hard work for you. If you use Javascript frameworks like Mootools there are many free scripts available providing excellent functionality and look and feel for html forms. This article provides 16 scripts to enhance and boost your html forms!
Free Javascript Code Syntax Highlighters For Better and Faster Programming
0If you are programmer or actually if you at least have some basic coding skills, you’ll find this article useful. For example just look at this page source – without highlighting that whole code is just a bunch of plain black text and it is really hard to find specific things if everything looks the same. Thankfully there are many highlighting scripts available, for example Notepad++ also supports and highlights different code snippets. These code syntax highlighters actually are doing mainly the same thing, but with more options, big coding language support, better integration – really in our days you just need to choose one – there are too many tools available anyway.