JavaScript Drag and Drop example 2
This post shows how to use Drag and Drop library described in my previous post "Drag and drop table content with JavaScript". HTML table is stylized to have left column with content, main table and...
View ArticleJavaScript Drag and Drop example 3
School timetable is example of how to use REDIPS.drag library. Page layout contains two tables: left table with school subjects and timetable on the right. After subject is placed to the timetable,...
View ArticleJavaScript Drag and Drop example 4
Tic-tac-toe is built with Drag and Drop library explained in previous post "Drag and drop table content with JavaScript". Example shows how to move and dynamically enable / disable DIV objects.
View ArticleJavaScript Drag and Drop example 6
Example shows dragging functionality across scrollable DIV containers. If DIV container is bigger then displayed size, approaching element near to the edge will start to auto-scroll.
View ArticleDrag and drop table rows with JavaScript
REDIPS.drag was initially built to drag and drop table content. After publishing first version of REDIPS.drag, I received a lot of questions about dragging table rows also. Now is possible to drag and...
View ArticleREDIPS.drag documentation
REDIPS.drag is a JavaScript drag and drop library focused on dragging table content and table rows. Here you will see a list of public properties and methods contained in REDIPS.drag library....
View ArticleDrag and drop table content plus animation
Example shows drag-n-drop functionality in combination with animation. Tables are closed within separated drag containers and actions from any table are mirrored to the other table. Elements can be...
View ArticleJavaScript drag and drop plus content shift
Demo is based on REDIPS.drag JavaScript library with enabled shift drop option. After element is dropped to the cell, other elements will be shifted to make room. Animation is optional and can be...
View ArticleREDIPS.drag documentation - Appendix A
Here is list of keywords (mostly class names) used in REDIPS.drag library. Id of drag container(s) or table cell class names should be named properly to achieve needed functionality like cloning DIV...
View ArticleMigration guide for REDIPS.drag version 5+
REDIPS.drag version 5 has major name changes in properties, methods and event handlers. Here you will find listed old and new names so migration to version 5 should not be a problem. Main intention for...
View ArticleInput text fields and saveContent() modification in REDIPS.drag
Post shows modification of REDIPS.drag.saveContent() method. I got a lot of questions regarding how to save values from input fields (embedded in DIV element). Source below will search for input text...
View ArticleREDIPS.drag version 5.1 (what's new)
To ensure that REDIPS.drag library will work with any other JavaScript framework, it was necessary to rename all class names. The main issue was conflict with latest version of Bootstrap and "mark"...
View Article