Skip to content
This repository

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Newer
Older
100644 75 lines (58 sloc) 4.129 kb
14f84e09 »
2012-02-08 Version 4.6.8
1 REDIPS.drag 4.6.8
3dd31c5e »
2011-05-04 Added readme.md
2 ============
3
4 ## What's REDIPS.drag?
5
6 REDIPS.drag is a JavaScript drag and drop library focused on dragging table content and table rows. Here are minimal steps to enable content dragging or row dragging in HTML table:
7
8 * put **<script type="text/javascript" src="redips-drag-min.js"></script>** to the head section
9 * initialize REDIPS.drag library: **<body onload="REDIPS.drag.init()">**
10 * place table(s) inside **<div id="drag">** to enable content dragging
11 * place **<div class="drag">Hello World</div>** to the table cell
12
13 ## Features
14
15 * dragging table content/row
0307e1d2 »
2011-10-09 Version 4.5.1
16 * dropping modes: multiple, single, switch, switching, overwrite and shift
1f555cb0 »
2011-12-08 Version 4.6.2
17 * 4 shift modes (horizontal1, horizontal2, vertical1 and vertical2)
0d5eaa2a »
2012-01-11 Version 4.6.6
18 * multiple drop options can drop to cell top or bottom
3dd31c5e »
2011-05-04 Added readme.md
19 * using custom event handlers
20 * autoscroll
21 * content cloning
22 * support for scrollable DIV containers
a5d0228e »
2011-06-04 Added unlimit nest table support
23 * sticky tables and DIV containers
24 * unlimit nested tables support
3dd31c5e »
2011-05-04 Added readme.md
25 * dropping rules (like allowed and forbidden table cells)
0af9f561 »
2011-06-25 Version 4.3.0
26 * animation (move element/row to the destination cell/row)
a0b1b399 »
2011-07-14 Version 4.3.5
27 * "noautoscoll" option for drag containers
28 * "nolayout" option for tables (table in DIV element can be dragged as any other content)
926d78ff »
2011-08-09 Version 4.3.6
29 * takes care about rows with style display='none'
bcdc99e3 »
2011-08-10 Version 4.4.0
30 * support for dynamical creation of table layout (inner table inside DIV element can be moved and accept other DIV elements)
4d6e2212 »
2011-11-19 Version 4.6.0
31 * works in touch devices (tested on Android 2.3.3)
3dd31c5e »
2011-05-04 Added readme.md
32
20c8cbbb »
2011-05-05 Version 4.0.4
33 ## Public methods
34
8364ebbc »
2011-07-03 4.3.2
35 * REDIPS.drag.init() - drag container initialization
5a95ebfc »
2011-08-15 Version 4.4.1
36 * REDIPS.drag.enable_drag() - enables / disables one or all DIV elements in tables
37 * REDIPS.drag.enable_table() - enables / disables tables selected by class name
38 * REDIPS.drag.clone_div() - clones DIV element and returns reference of the cloned element
14f84e09 »
2012-02-08 Version 4.6.8
39 * REDIPS.drag.save_content() - scans table and prepares table content as query string or JSON object
5a95ebfc »
2011-08-15 Version 4.4.1
40 * REDIPS.drag.relocate() - relocates all child nodes from source table cell to the target table cell
6b465d27 »
2011-09-25 Version 4.5.1
41 * REDIPS.drag.empty_cell() - removes elements from table cell
5a95ebfc »
2011-08-15 Version 4.4.1
42 * REDIPS.drag.move_object() - method will calculate parameters and start animation (DIV element to the destination table cell)
04c0b538 »
2012-02-05 Version 4.6.7
43 * REDIPS.drag.shift_cells() - method shifts table content horizontally or vertically (REDIPS.drag.shift_option defines the way of how content will be shifted)
0d5eaa2a »
2012-01-11 Version 4.6.6
44 * REDIPS.drag.delete_object() - method deletes DIV element (input parameter is DIV reference or element id)
5a95ebfc »
2011-08-15 Version 4.4.1
45 * REDIPS.drag.get_position() - returns DIV element position as array (tableIndex, rowIndex and cellIndex)
46 * REDIPS.drag.row_opacity() - sets opacity to table row (el, opacity, color)
bebf55bd »
2011-08-29 Added row_empty_color public property
47 * REDIPS.drag.row_empty() - marks selected row as empty (tbl_id, row_idx, [color])
5a95ebfc »
2011-08-15 Version 4.4.1
48 * REDIPS.drag.getScrollPosition() - returns scroll positions as array [ scrollX, scrollY ]
20c8cbbb »
2011-05-05 Version 4.0.4
49 * REDIPS.drag.get_style() - returns style value of requested object and style name
5a95ebfc »
2011-08-15 Version 4.4.1
50 * REDIPS.drag.find_parent() - returns a reference of the required parent element
abc64a6b »
2011-10-22 Version 4.5.4
51 * REDIPS.drag.find_cell() - returns data for first or last table cell (cell reference, row index and column index)
20c8cbbb »
2011-05-05 Version 4.0.4
52
d1e9e0a1 »
2011-07-04 Added link to documentation
53 ## Documentation
54
55 A reference documentation with a list of public properties and methods contained in REDIPS.drag library.
56
a0b1b399 »
2011-07-14 Version 4.3.5
57 * [http://www.redips.net/javascript/redips-drag-documentation/](REDIPS.drag documentation)
d1e9e0a1 »
2011-07-04 Added link to documentation
58
3dd31c5e »
2011-05-04 Added readme.md
59 ## Demos
60
61 Live demo shows REDIPS.drag library in action:
62
a0b1b399 »
2011-07-14 Version 4.3.5
63 * [http://www.redips.net/javascript/drag-and-drop-table-content-animation/](Drag and drop table content plus animation)
abc64a6b »
2011-10-22 Version 4.5.4
64 * [http://www.redips.net/javascript/drag-and-drop-content-shift/](JavaScript drag and drop plus content shift)
a0b1b399 »
2011-07-14 Version 4.3.5
65 * [http://www.redips.net/javascript/drag-and-drop-table-content/](Drag and drop table rows)
66 * [http://www.redips.net/javascript/drag-and-drop-table-row/](Drag and Drop table content)
3dd31c5e »
2011-05-04 Added readme.md
67
68 ## YouTube
69
70 Screencast of several examples contained in REDIPS.drag package:
71
72 * [Drag and drop table content with JavaScript](http://www.youtube.com/watch?v=8LtMk4DwLzA)
73 * [Drag and drop table rows with JavaScript](http://www.youtube.com/watch?v=5YuS6S0bFTU)
74 * [Drag and drop table content with JavaScript - School timetable](http://www.youtube.com/watch?v=ToJk1End4C4)
Something went wrong with that request. Please try again.