@Cristian Juvé - If you have separated drag containers then you will be unable to drop DIV element to other container. Please see Example 8: Tables in separated containers. Anyway, several tables can belong to the same drag container (like in "School timetable" example) and elements can be exchanged among them.

Adding the class "mark" did it for the left subjects bar!

I'm trying to use this example for a prototype scheduler (internship assignment), however i have a little problem (i think). I disabled the rule that a cell may only contain 1 item (so now it can contain more), but now the left bar with subjects can also contain more than one, what not really usable is. Is it possible so that 1 table can have more items in a cell, and that another table is unable to do that?

>is it also possible to add a class to cells, so that those cells cannot contain more than 1 item? Or should i just change script.js so that it behaves that way?

Offcourse thanks again for this great javascript library! Great that it works for most/all browsers!

In a new version, "overwrite" code around line 1037 will be replaced with a function and exposed as a empty_cell() public method. Here is JavaScript code:

/**
 * Method removes elements from table cell.
 * @param {HTMLElement} td Table cell from which all elements will be deleted.
 * @example
 * // set REDIPS.drag reference
 * var rd = REDIPS.drag;
 * // search for TABLE element (from cell reference)
 * tbl = rd.empty_cell(td);
 * @return {Boolean} Returns false if input element is not table cell.
 * @public
 * @function
 * @name REDIPS.drag#empty_cell
 */
empty_cell = function (td) {
    var i,  // local variable
        cn; // number of child nodes
    // if td is not table cell element then return false
    if (td.nodeName !== 'TD') {
        return false;
    }
    // define childnodes length before loop
    // (not in loop because NodeList objects in the DOM are live)
    cn = td.childNodes.length;
    // delete all child nodes from td
    for (i = 0; i < cn; i++) {
        td.removeChild(td.childNodes[0]);
    }
};

Please be free to add a comment to improve this method. Thanks in advance.

I ran into a bug because I wanted to clone/move contents that had
nested DIVs while using the 'overwrite' option. There is a loop around
line 1037 that doesn't work correctly in handling content with nested DIVs.
Easy enough to fix one way or another.

Also, for my purposes I wanted cloned cells that themselves could be recloned.
Your code allows only for "sterile" offspring so-to-speak, but it would be easy
enough to allow users to choose whether they want the offspring to be sterile or fertile.

// dblclick event handler
rd.myhandler_dblclicked = function () {
    // define text of clicked element
    // (rd.obj is reference of clicked DIV element)
    var text = rd.obj.innerText;
    // display a message
    alert('You click the ' + text + ' clone object');
};

Thanks

beta (a newer in JS)

Thanks for this information, I'll give it a try.....

Regards,
Saurabh