Drag & Drop Table Rows with JavaScript – REDIPS.drag

REDIPS.drag – JavaScrip that enables you to easily drag and drop table rows as well as table content.

REDIPS.drag also takes care about background color of table cells and table rows. When dragging begins, color of each table cell is saved to the array and returned in a moment of dropping or highlighting current table row.

Currently it is not possible to drag table columns – only table rows. As REDIPS.drag evolved from dragging table content to dragging rows, hopefully in one of the next releases there will be option to drag table columns as well.

JavaScript - easily drag and drop table rows

Animated JavaScript Dropdown Menu – TinyDropdown2

TinyDropdown2 – standalone, multi-level and animated JavaScript drop down menu script at only 1.7kb (0.75kb gzipped).

TinyDropdown2 dropdown menu script offers improved stability, speed, and features like animation toggles, a speed toggle, a rollout timeout, and improved style handling.

The script is very lightweight, running very fast and smoothly. Styling is completely flexible through the CSS, you can even make this a vertical menu with a few tweaks.

View DEMO

Animated JavaScript dropdown menu script

TinyDropdown2 script is tested in IE7+, FF, Chrome, Opera, and Safari and is available free of charge for both personal or commercial projects.

Lightweight & Standalone JavaScript Modal Windows – TinyBox2

TinyBox2 – is a lightweight (~5KB) and standalone JavaScript modal window script – does not depend on any JavaScript frameworks.

This is update to the TinyBox modal box script (this post at V-B Magazine) with a new features. The script now supports iframes and images natively, you can POST with Ajax, set CSS IDs to override the default styling, control window location and more.

Script is tested in IE7+, FF, Chrome, Opera, and Safari and free for both personal or commercial projects under the creative commons license.

View DEMO

Standalone JavaScript Modal Windows - TinyBox2

Standalone Javascript Library for Sliding Images – Sliderman.js

Sliderman.js – a standalone javascript library for sliding images with multiple unique effects which can be combined together.

Sliderman.js comes with 25 different effects, support images description, slides navigation, slides pagination and html descriptions.

View EXAMPLES

Sliderman.js should works in all popular browsers and was properly tested in: Firefox 3.6+, Chrome 5.0+, Safari 5.0+, Internet Explorer 7.0+ and Opera 10.63

Standalone javascript library for sliding images

Google Maps-like Click and Drag Javascript Widget – SpryMap

SpryMap – a super lightweight (2.8 kb only) javascript widget that turns any HTML element into a Google Maps-like click and drag window.

The script is completely standalone, does not require any JavaScript frameworks.

When using this script, you’re given full control over how you want the map to act, what coordinates to start at, to animate it to a stop, or stop immediately when the user releases the mouse, and more.

View DEMO

Click and drag javascript widget - SpryMap

Make Your Standard HTML Tables Editable and Sortable – EditableGrid

EditableGrid – an Open Source Javascript library to turn your standard HTML tables into advanced editable and sortable components.

EditableGrid is focuses on simplicity, with just a few lines of code you can get your standard HTML table up and running.

Editable html tables - editablegrid

Main features:

  • Load grid from XML or attach to an existing HTML table
  • Possibility to declare a list of possible values for the cells of a column statically or in Javascript
  • Sort columns accordingly to their types, by clicking on the column header
  • PHP binding: build your grid in PHP and let it generate the XML file
  • Insert and remove rows
  • Open Flash Chart integration to render charts from the grid data (the chart can follow when editing data or sorting columns)
  • … and much more

IE CSS3 selectors – selectivizr JavaScript Library

selectivizr – a JavaScript utility that emulates CSS3 pseudo-classes and attribute selectors in Internet Explorer 6-8.

Selectivizr adds support for 19 CSS3 pseudo-classes, 2 pseudo-elements and every attribute selector to older versions of IE.

selectivizr CSS3 pseudo-classes javascript emulator

Selectivizr requires a JavaScript library to work, like jQuery, MooTools, YUI, Dojo, Prototype.

If your website already uses one of the 7 supported libraries you just need to add the selectivizr script to your pages.

A Lightweight & Powerful JavaScript Color Picker

JavaScript ColorPicker – a lightweight, powerful and easy to install JavaScript Color Picker app that comes in 4 different sizes – from 151 x 87 px to 405 x 302 px.

ColorPicker let you choose the entire color palette (~16.78 mil. colors) in 6 different color modes +3 extra modes in RGB.

powerfull color picker

Color picker is highly customizable, color pickers are individually draggable, works in all browsers  – IE, Firefox, Safari, Crome, Opera, Konqueror, …

It doesn’t rely on any JS frameworks – no prototype, mootools, jquery – all native javascript code.

Aero Style Pop-Up Window Plugin for jQuery – AeroWindow

AeroWindowjQuery plugin for creating Aero style pop-up windows, inspired by the style of Windows 7.

All popups, like in Windows, can be resized, drag and dropped or maximized with double-clicks, minimized, or closed.

View demonstration.

aero style pop-up window jQuery plugin

You can easiliy configure pop-up window title, window start position X / Y (possible should also centered), standard window size, minimum window size, status at the open window (minimized, maximized, normal), window animation (30 different methods of easing).

Tested in IE6, IE7, IE8, Firefox 3, Chrome 4, Safari 4 and Opera 10.