Bit Repository

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 [...]

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 [...]

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.

A 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 [...]

Image 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 [...]

Zoom Images using JQuery and MooTools

JQZoom is a JavaScript image magnifier built using the popular library JQuery. It works on all modern browsers: IE 6+, Mozilla Firefox 2+, Google Chrome 1.0, Safari 2+, Opera 9+.
Features
Standard zoom
Reverse zoom
Zoom without lens and title
Custom positioning the jqzoom window
Fade out effect while hiding
Fixed IE6- select box bug

Go to Project Page | View Demos

MooTools 1.2 [...]

Creating an AJAX Login Form using MooTools

Hello coders,
This is a tutorial useful to learn how to Ajaxify a basic login form. To do that we’ll use MooTools:
MooTools is a compact, modular, Object-Oriented JavaScript framework designed for the intermediate to advanced JavaScript developer. It allows you to write powerful, flexible, and cross-browser code with its elegant, well documented, and coherent API.
First, let’s [...]