Tag Archives: jquery
jQuery Tools – A collection of the most important UI components
jQuery Tools is a collection of the most important user-interface components for today’s websites. It’s a single .js file that weights only 5.8 kb.
The following tools are available:
jQuery library
Tabs (One of the most popular JavaScript tool on the web)
Tooltip (Great looking tooltips. Big or small. Pluggable effects.)
Scrollable (Allows you to scroll your HTML in wildly [...]
Fancy AJAX Captchas with JQuery – For an awesome user experience
Do you want to have a nice protection against SPAM on the forms of your website? Checkout the following scripts:
AJAX Fancy Captcha is a jQuery plugin useful to prevent your forms from being automatically submitted by bots. The coll thing about it is that you don’t have to type a security code to prove that [...]
Read moreA collection of Free ToolTips using AJAX, JavaScript & CSS
A tooltip is a short and informative text that appears in a box that pops out when you hover the mouse cursor over an element (link, button, div etc.).
1. DHTML JavaScript Tool Tips is a JavaScript Cross Browser library to create tool tips (information pop-up boxes). This script can be customized in multiple ways and [...]
Uploading files with Progress Bar using JQuery & MooTools
Uploadify is a JQuery Plugin that allows you to easily upload multiple files on your site without needing to reload the page. The script requires Flash and any backend development language. A progress bar is shown while uploading the file(s). The plugin is available under the GPL and MIT licenses. It can be used in [...]
Read moreCreating an Exit Modal Box using the JQuery library
Do you need to show a specific message to the visitors that leave your website? You can do that by initiating a modal box before they close the browser window.
To do this we need to include 2 JQuery files (the actual library and a plugin written by Eric Martin), the modal box’s CSS and the [...]
How to implement a JQuery AJAX Login Form into a Modal Box
Do you need to integrate an AJAX Login Form into a Modal Box? This tutorial will show you how you can do that using the powerful library JQuery. The modal box that I’ve chosen is a JQuery Plugin written by Eric Martin.
Let’s start making the html file where the modal box is triggered:
<!DOCTYPE HTML PUBLIC [...]
Carousel Examples: YUI Library, JQuery, MooTools & Prototype
Are you looking to setup a carousel on your website? Checkout this list!
The YUI Carousel Control is an excellent tool if you need to offer your website’s a way to browse images/content arrayed vertically or horizontally in an overloaded page region. Some of the featured provided by this awesome library include:
Circular Carousel
Partial revealing previous and [...]
Highlight Elements in Script.aculo.us, JQuery and MooTools
This is a tutorial that will teach you how to implement the Highlight Effect in JavaScript using the famous libraries Script.aculo.us, JQuery & MooTools.
In Script.aculo.us, Effect.Highlight flashes the color as the background of the element. It is mostly used to draw attention to the part of the page where the effect is applied (could be [...]
Create a Fancy F.A.Q. Page with JQuery
Do you have a F.A.Q. page and you wish to add some cool effects on it? This tutorial helps you to do that. I will show you how to add the effects using the power of JQuery.
Before going through the setup process, check the demo of the fancy F.A.Q. page.
To add the Scroll and the [...]
How to use the Scroll Effect in JQuery, MooTools and Script.aculo.us
Using the famous libraries JQuery, MooTools and Script.aculo.us you can easily scroll overflowed elements and the screen itself. Here’s how you can use this cool effect in each library:
JQuery.ScrollTo is an excellent, easy to implement and fully customizable plugin useful to scroll elements or the window itself. There are many ways to specify the target [...]
A collection of 10 Awesome JavaScript Color Pickers
Do you wish to implement a color picker in your design applications? Checkout the following free scripts. Some of the well known frameworks used to develop these scripts are JQuery, MooTools and Script.aculo.us.
Read moreA beautiful collection of 21 Excellent Free JavaScript Date Pickers
A date picker is an easy way to introduce a date/time into an input field. It definitely gives a professional look to your forms by simplifying the process of selecting a specific date or a range of dates.
I hope that the following list will help you in selecting a script that will offer a better [...]
Stylish JavaScript Dialog (Alert, Confirm, Prompt) Boxes
The following list is useful if you need to replace the classical JavaScript message boxes (alert, confirm, prompt) with new and CSS customizable ones. JQuery and MooTools are some of the libraries used to make these excellent dialog boxes.
jQuery Alert Dialogs Plugin is meant to replace the basic functionality provided by the standard JavaScript [...]
Read moreImage Reflection with JQuery, MooTools and script.aculo.us
Reflection.js for jQuery is an improved version of the reflexion.js script rewritten for the JQuery library. It’s easy to integrate, as you only need 2 files to call: the (latest) JQuery Library file and the Reflexion JS File. You can add instantaneous reflexion effects to your images in modern browsers in less then 2KB.
Some [...]
Image Cropping with JQuery, MooTools, Prototype & script.aculo.us
JCrop is a JQuery image cropping plugin that can be implemented easily and quickly into a web application. Its advanced cropping functionality can be integrated in any web-based application without sacrificing power and flexibility. This plugin also features clean and well-organized code that works in most modern browsers.
Features
- Any image can be attached unobtrusively
- Aspect [...]
